@charset "UTF-8";
/* -----------------------------------------------------------------------------
   Template Name: Aitpas Core
   Author: Aitpas
   Version: 1.0.0
   -----------------------------------------------------------------------------

   TABLE OF CONTENTS
   -----------------------------------------------------------------------------
   1. Variables & Settings
      - FAQ
      - Awards
      - Event
      - Sticky
      - Counter
      - Miscellaneous
      - WP Services List
      - WooCommerce Filter

   2. Single Pages
      - Portfolio Single
      - Service Single
      - Team Single
      - Career Single
      - Event Single

   3. Header & Navigation
      - Topbar
      - Sidemenu (Off-canvas)
      - Sidebar (Header)
      - Popups (Login, Search)
      - Header Elements
      - Spinner (Preloader)

   4. Elementor Components
      - Widgets
        • Breadcrumb Widget
        • Icon List
        • Progress Bar
        • General Components
        • Text Slider

      - Loop Widgets
        • Services Loop
        • Portfolio Loop
        • Team Loop
        • Testimonials Loop
        • Event Loop
        • Career Loop
   ----------------------------------------------------------------------------- */
/* ========================= */
/* 1. Variables & Settings   */
/* ========================= */
/**
 * MCP Server Showcase (.sifency-mcp-*), Agent Showcase (.agt-*).
 *
 * Loaded as a standalone stylesheet (wp_enqueue_style) and paired with
 * card-fx.js (wp_enqueue_script, depends on this style so it's ready
 * before JS toggles .is-hover / builds corner + trace elements).
 */
.std-card {
  position: relative;
  overflow: hidden;
}

.std-card-media,
.std-card-body {
  position: relative;
  z-index: 1;
}

.std-jsglow-blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.3s ease;
  transform: translate3d(-50%, -50%, 0);
  will-change: transform;
}

.std-card.is-hover .std-jsglow-blob {
  opacity: 1;
}

.std-jsglow-blob-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  margin-top: -100%;
  margin-left: -100%;
  background: radial-gradient(circle at 30% 30%, var(--themecolor), transparent 55%), radial-gradient(circle at 70% 65%, #2563EB, transparent 55%), radial-gradient(circle at 50% 85%, var(--themecolor), transparent 50%);
  animation: std-earth-spin 2s linear infinite;
  animation-play-state: paused;
  mix-blend-mode: difference;
  opacity: 30%;
}

.std-card.is-hover .std-jsglow-blob-inner {
  animation-play-state: running;
}

@keyframes std-earth-spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.std-jsglow-corner {
  position: absolute;
  width: 24px;
  height: 24px;
  pointer-events: none;
  z-index: 2;
}

.std-jsglow-corner.tl {
  top: 0;
  left: 0;
}

.std-jsglow-corner.tr {
  top: 0;
  right: 0;
}

.std-jsglow-corner.bl {
  bottom: 0;
  left: 0;
}

.std-jsglow-corner.br {
  bottom: 0;
  right: 0;
}

.std-jsglow-arm {
  position: absolute;
  background: color-mix(in srgb, var(--themecolor) 15%, transparent);
  border-radius: 7px;
}

.std-jsglow-arm.h {
  height: 1px;
  width: 24px;
  top: 0;
  transform: scaleX(0);
}

.std-jsglow-arm.v {
  width: 1px;
  height: 24px;
  left: 0;
  transform: scaleY(0);
}

.std-jsglow-corner.tl .std-jsglow-arm.h {
  left: 0;
  transform-origin: left center;
}

.std-jsglow-corner.tl .std-jsglow-arm.v {
  top: 0;
  transform-origin: top center;
}

.std-jsglow-corner.tr .std-jsglow-arm.h {
  right: 0;
  left: auto;
  transform-origin: right center;
}

.std-jsglow-corner.tr .std-jsglow-arm.v {
  top: 0;
  left: auto;
  right: 0;
  transform-origin: top center;
}

.std-jsglow-corner.bl .std-jsglow-arm.h {
  left: 0;
  top: auto;
  bottom: 0;
  transform-origin: left center;
}

.std-jsglow-corner.bl .std-jsglow-arm.v {
  bottom: 0;
  top: auto;
  transform-origin: bottom center;
}

.std-jsglow-corner.br .std-jsglow-arm.h {
  right: 0;
  left: auto;
  top: auto;
  bottom: 0;
  transform-origin: right center;
}

.std-jsglow-corner.br .std-jsglow-arm.v {
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
  transform-origin: bottom center;
}

@property --mcp-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.sifency-mcp-card {
  position: relative;
  --mcp-mx: 50%;
  --mcp-my: 50%;
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  will-change: transform;
}

.sifency-mcp-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: conic-gradient(from var(--mcp-angle), transparent 0%, var(--e-global-color-c4c6023) 18%, var(--e-global-color-8d7a16e) 34%, transparent 55%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.sifency-mcp-card.is-hover::before {
  opacity: 1;
  animation: mcp-ring-spin 3.2s linear infinite;
}

@keyframes mcp-ring-spin {
  to {
    --mcp-angle: 360deg ;
  }
}
.sifency-mcp-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(220px circle at var(--mcp-mx) var(--mcp-my), rgba(232, 163, 61, 0.14), transparent 65%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.sifency-mcp-card.is-hover::after {
  opacity: 1;
}

.sifency-mcp-card-media {
  position: relative;
  overflow: hidden;
}

.sifency-mcp-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.35) 48%, transparent 66%);
  transform: translateX(-120%);
  pointer-events: none;
}

.sifency-mcp-card.is-hover .sifency-mcp-card-media::after {
  animation: mcp-shine 0.9s ease-out 1;
}

@keyframes mcp-shine {
  to {
    transform: translateX(120%);
  }
}
.sifency-mcp-card-logo img {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.sifency-mcp-card.is-hover .sifency-mcp-card-logo img {
  transform: scale(1.08) rotate(-2deg);
}

@keyframes mcp-badge-shimmer {
  to {
    background-position: -200% 0;
  }
}
.agt-card {
  position: relative;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}

.agt-card-trace {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: visible;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
}

.agt-card-trace .agt-trace-base {
  fill: none;
  stroke-width: 1.5px;
  transition: stroke-dashoffset 0.55s cubic-bezier(0.65, 0, 0.35, 1);
}

.agt-card-trace .agt-trace-pulse {
  fill: none;
  stroke-width: 1.5px;
  stroke-linecap: round;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.agt-card.is-hover .agt-trace-pulse {
  opacity: 1;
  animation: agt-trace-run 2.2s linear infinite;
}

@keyframes agt-trace-run {
  to {
    stroke-dashoffset: -1000000;
  }
}
.agt-chip {
  display: inline-block;
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}

.agt-card.is-hover .agt-chip {
  animation: agt-chip-in 0.35s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

.agt-card.is-hover .agt-chip:nth-child(1) {
  animation-delay: 0.02s;
}

.agt-card.is-hover .agt-chip:nth-child(2) {
  animation-delay: 0.08s;
}

.agt-card.is-hover .agt-chip:nth-child(3) {
  animation-delay: 0.14s;
}

.agt-card.is-hover .agt-chip:nth-child(4) {
  animation-delay: 0.2s;
}

@keyframes agt-chip-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sifency-mcp-upvote-pop,
.sifency-mcp-upvote-btn.is-pop,
.agt-upvote-btn.is-pop {
  animation: card-fx-upvote-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes card-fx-upvote-pop {
  30% {
    transform: scale(1.18);
  }
  100% {
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sifency-mcp-card,
  .sifency-mcp-card-logo img,
  .sifency-mcp-upvote-btn {
    transition: none !important;
  }
  .sifency-mcp-card.is-hover::before,
  .sifency-mcp-card-media::after,
  .sifency-mcp-upvote-btn.is-pop {
    animation: none !important;
  }
  .agt-card,
  .agt-trace-base {
    transition: none !important;
  }
  .agt-card.is-hover {
    transform: none !important;
    box-shadow: none !important;
  }
  .agt-trace-base {
    stroke-dashoffset: 0 !important;
    opacity: 0.6;
  }
  .agt-trace-pulse,
  .agt-chip,
  .agt-upvote-btn.is-pop {
    animation: none !important;
    opacity: 0 !important;
  }
}
.sifency-slider-nav-arrow:hover i {
  color: var(--white-color);
}

.sifency-slider-nav-arrow i {
  color: var(--black-color);
}

.sifency-slider-nav-arrow:hover {
  background-color: var(--black-color);
}

.sifency-slider-nav-arrow {
  background-color: var(--e-global-color-c4c6023);
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px 50px 50px 50px;
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.std-grid.sifency-swiper.sifency-related-slider.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events,
.std-grid.sifency-swiper.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-autoheight.swiper-watch-progress,
.agt-grid.sifency-swiper.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-autoheight.swiper-watch-progress.swiper-backface-hidden,
.sifency-mcp-grid.sifency-swiper.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-autoheight.swiper-watch-progress.swiper-backface-hidden,
.sifency-swiper.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-autoheight.swiper-watch-progress {
  position: initial;
}

.sifency-related-slider .sifency-slider-nav-container {
  display: none;
}

.apl-view-post-btn {
  background-color: var(--black-color);
  color: var(--white-color);
}

.apl-view-post-btn:hover {
  background-color: color-mix(in srgb, var(--black-color) 95%, transparent);
  color: var(--white-color);
}

.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0;
  border-radius: 999px;
  background: rgba(22, 22, 22, 0.16);
  opacity: 1;
  border: none;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.swiper-pagination-bullet:hover {
  background: rgba(22, 22, 22, 0.32);
}

.swiper-pagination-bullet-active {
  width: 24px;
  background: var(--black-color);
}

.sifency-search-suggestions {
  border-radius: 10px;
}
.sifency-search-suggestions .sifency-suggest-item {
  border: none;
}
.sifency-search-suggestions .sifency-suggest-item:hover,
.sifency-search-suggestions .sifency-suggest-item ::-moz-focus-inner,
.sifency-search-suggestions .sifency-suggest-item button:focus,
.sifency-search-suggestions .sifency-suggest-item a:focus,
.sifency-search-suggestions .sifency-suggest-item input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.aitpas-ai-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  will-change: opacity, transform;
}

.aitpas-ai-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  height: 500px;
}

.aitpas-central-node {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}

.aitpas-central-node h2 {
  line-height: 1.3;
  margin: 0;
  font-style: italic;
  font-weight: 400;
  pointer-events: none;
}

.aitpas-node:active {
  cursor: grabbing;
}

.aitpas-node img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  border-radius: inherit;
}

.aitpas-node-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 1.3;
  color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
  pointer-events: none;
  z-index: 3;
}

.aitpas-svg-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.aitpas-line {
  stroke: rgba(255, 255, 255, 0.28);
  stroke-width: 1;
  fill: none;
}

@media (max-width: 767px) {
  .aitpas-ai-wrapper {
    min-height: 480px;
  }
  .aitpas-central-node h2 {
    font-size: 24px;
  }
}
.aitpas-node-outer {
  position: absolute;
  display: block;
  z-index: 5;
  transform-origin: 50% 50%;
  will-change: transform;
}

.aitpas-node-border {
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.35);
}

.aitpas-node {
  position: absolute;
  inset: 0;
  display: block;
  cursor: grab;
  line-height: 0;
  text-decoration: none;
  z-index: 2;
}

/* =========================================================================== */
/* MISCELLANEOUS   */
/* =========================================================================== */
button.sifency-modal-close,
button.apl-modal-close.sifency-modal-close {
  padding: 0px;
}

/**
 * AITPAS Sidebar Widgets — Dark Theme
 * ------------------------------------------------------------------
 * Styles the default WordPress Search and Recent Comments widgets
 * alongside the custom AITPAS Recent Posts, Categories, and Newsletter
 * widgets, matching the supplied dark-mode sidebar mockup.
 *
 * Drop into the theme's main stylesheet, or enqueue standalone via
 * wp_enqueue_style() and load after the theme's base styles.
 *
 * @package Aitpas_Core
 */
/* ------------------------------------------------------------------ *
 * 2. Sidebar shell + generic widget card
 * ------------------------------------------------------------------ */
.sidebar-wrap .widget:last-child {
  margin-bottom: 0;
}

.sidebar-wrap a:focus-visible,
.sidebar-wrap input:focus-visible,
.sidebar-wrap button:focus-visible {
  outline: none;
  outline-offset: 0px;
}

/**
 * Aitpas Q&A Accordion Widget
 * Textdomain: aitpas-core | Prefix: aitpas
 */
.aitpas-qa-widget {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

@media (max-width: 767px) {
  .aitpas-qa-widget {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
/* ---------- Left column ---------- */
.aitpas-qa-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.aitpas-qa-badge {
  display: inline-block;
  align-self: flex-start;
  padding: 8px 16px;
  border-radius: 999px;
  background-color: color-mix(in srgb, var(--themecolor) 5%, transparent);
  font-size: 12px;
  line-height: 1;
  margin-bottom: 20px;
  border: 1px solid color-mix(in srgb, var(--themecolor) 15%, transparent);
  text-transform: uppercase;
  color: var(--theme-heading-font-color);
}

.aitpas-qa-title {
  margin: 0 0 48px;
}

.aitpas-qa-accordion-item {
  border-bottom: 1px solid #E5E3DF;
}

.aitpas-qa-accordion-header {
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 14px 0;
  font-size: 15px;
}

.aitpas-qa-accordion-header:focus {
  outline: none;
}

.aitpas-qa-accordion-item.is-active .aitpas-qa-accordion-header {
  color: #1A1A1A;
}

.aitpas-qa-accordion-item button:hover {
  background-color: transparent;
}

.aitpas-qa-accordion-body {
  padding: 20px 0 24px;
}

.aitpas-qa-accordion-body p {
  margin: 0;
  font-size: 14px;
}

.aitpas-qa-accordion-header {
  position: relative;
}

.aitpas-qa-progress-track {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  overflow: hidden;
}

.aitpas-qa-progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
}

.aitpas-qa-progress-fill.is-running {
  transition: transform linear;
}

.aitpas-qa-progress-fill.is-filled {
  transform: scaleX(1);
}

/* ---------- Right column ---------- */
.aitpas-qa-right {
  position: relative;
  width: 100%;
}

.aitpas-qa-panel {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
  overflow: hidden;
}

.aitpas-qa-panel-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.aitpas-qa-overlay-stack {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  max-width: 60%;
}

.aitpas-qa-overlay-image {
  position: absolute;
  max-width: 82%;
  max-height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  transform: translateY(12px) scale(0.98);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

.aitpas-qa-overlay-image.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* ------------------------------------------------------------------ *
 * 4. AITPAS Recent Posts widget
 * ------------------------------------------------------------------ */
.aitpas-widget-posts__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.aitpas-widget-posts__item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 15px 0;
}

.aitpas-widget-posts__item:first-child {
  padding-top: 0;
}

.aitpas-widget-posts__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.aitpas-widget-posts__thumbnail {
  display: block;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 10px;
}

.aitpas-widget-posts__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.aitpas-widget-posts__thumbnail-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--theme-border-color);
}

.aitpas-widget-posts__content {
  flex: 1 1 auto;
  min-width: 0;
}

.aitpas-widget-posts__category {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 12px;
  text-transform: uppercase;
}

.aitpas-widget-posts__title {
  margin: 0 0 4px;
  font-size: 16px;
}

.aitpas-widget-posts__title a {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.aitpas-widget-posts__date {
  display: block;
  font-size: 12px;
}

/* ------------------------------------------------------------------ *
 * 5. Recent Comments widget (WordPress core markup)
 * ------------------------------------------------------------------ */
.widget_recent_comments #recentcomments,
.widget_recent_comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget_recent_comments li.recentcomments {
  padding: 12px 0;
  border-bottom: 1px solid var(--theme-border-color);
  font-size: 14px;
  line-height: 1.5;
}

.widget_recent_comments li.recentcomments:first-child {
  padding-top: 0;
}

.widget_recent_comments li.recentcomments:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.widget_recent_comments .comment-author-link,
.widget_recent_comments .comment-author-link a {
  text-decoration: none;
}

.widget_recent_comments li.recentcomments a {
  text-decoration: none;
}

.widget_recent_comments li.recentcomments a:hover {
  color: var(--themecolor);
}

/* ------------------------------------------------------------------ *
 * 6. AITPAS Categories widget
 * ------------------------------------------------------------------ */
.aitpas-widget-categories__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.aitpas-widget-categories__item {
  border-bottom: 1px solid var(--theme-border-color);
}

.aitpas-widget-categories__item:last-child {
  border-bottom: none;
}

.aitpas-widget-categories__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 0;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.15s ease;
}

.aitpas-widget-categories__name {
  text-transform: capitalize;
}

/* ------------------------------------------------------------------ *
 * 7. AITPAS Newsletter widget
 * ------------------------------------------------------------------ */
.aitpas-widget-newsletter .aitpas-widget-newsletter {
  text-align: center;
  padding: 30px 15px;
  border-radius: 15px;
  background-color: color-mix(in srgb, var(--themecolor) 7%, var(--black-color) 0%);
}

.aitpas-widget-newsletter .mc4wp-form-fields {
  gap: 20px;
}

.aitpas-widget-newsletter__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  border-radius: 18px;
  background-color: color-mix(in srgb, var(--themecolor) 100%, var(--black-color) 0%);
}

.aitpas-widget-newsletter__icon i {
  font-size: 26px;
  color: var(--white-color);
}

.aitpas-widget-newsletter__title {
  margin: 0 0 8px;
}

.aitpas-widget-newsletter__description {
  margin: 0 0 20px;
  font-size: 14px;
}

.aitpas-widget-newsletter__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.aitpas-widget-newsletter__form label {
  width: 100%;
}

.aitpas-widget-newsletter__form input[type=email],
.aitpas-widget-newsletter__form input[type=text] {
  width: 100%;
  font-size: 14px;
  border: 1px solid var(--theme-border-color);
  border-radius: 0.65rem;
  background-color: #ffffff;
}

.aitpas-widget-newsletter__form input[type=email]:focus,
.aitpas-widget-newsletter__form input[type=text]:focus {
  outline: none;
  border-color: var(--themecolor);
}

.aitpas-widget-newsletter__form input[type=submit],
.aitpas-widget-newsletter__form button {
  width: 100%;
  border: none;
  background-color: var(--themecolor);
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.15s ease;
  margin-top: 10px;
}

.aitpas-widget-newsletter__form input[type=submit]:hover,
.aitpas-widget-newsletter__form button:hover {
  background-color: var(--accent-color);
  color: var(--white-color);
}

.aitpas-widget-newsletter__notice--admin {
  padding: 10px 12px;
  border: 1px dashed var(--aitpas-widget-border);
  background-color: rgba(255, 255, 255, 0.06);
  font-size: 14px;
}

.aitpas-widget-newsletter__footer {
  margin: 0;
  font-size: 13px;
}

a.e-507af24-b7d897a.e-button-base:hover,
a.e-9e894ff-cfe6b80.e-button-base:hover,
a.e-f655bee-90b9084.e-button-base:hover {
  color: #000;
}

form.sifency-wc-filter-form .sifency-filter-group {
  display: flex;
  flex-direction: column;
  gap: var(--theme-space-level-0-2);
}
form.sifency-wc-filter-form .sifency-filter-group .min-max-price {
  display: flex;
  gap: var(--theme-space-level-0-2);
  align-items: center;
  justify-content: space-between;
}
form.sifency-wc-filter-form .sifency-filter-group .min-max-price input {
  width: 45%;
}
form.sifency-wc-filter-form .sifency-filter-button {
  border: none;
}
form.sifency-wc-filter-form .sifency-filter-button:hover {
  border: none;
}

.widget.widget_sifency_wc_product_filter_widget .widget-title {
  margin-bottom: var(--theme-space-level-5);
}

@media screen and (max-width: 991px) {
  .aitpas-product-area .aitpas-shop-sidebar {
    margin-bottom: var(--theme-space-level-8);
  }
}
@media screen and (min-width: 991px) {
  .aitpas-product-area .aitpas-shop-sidebar.left .widget.widget_sifency_wc_product_filter_widget {
    margin-right: var(--theme-space-level-3);
  }
}
@media screen and (min-width: 991px) {
  .aitpas-product-area .aitpas-shop-sidebar.right .widget.widget_sifency_wc_product_filter_widget {
    margin-left: var(--theme-space-level-3);
  }
}

/* ========================= */
/* 2. Single Pages           */
/* ========================= */
/* =========================================================================== */
/* 9 PORTFOLIO SINGLE   */
/* =========================================================================== */
.single-portfolio-wrap {
  overflow: hidden;
  margin: auto;
}
.single-portfolio-wrap .portfolio-thumbnail {
  margin-top: var(--theme-space-level-8);
  margin-bottom: var(--theme-space-level-5);
}
.single-portfolio-wrap .portfolio-thumbnail img {
  border-radius: 15px;
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-portfolio-wrap .portfolio-testimonial {
  margin-top: var(--theme-space-level-5);
  margin-bottom: var(--theme-space-level-5);
}
.single-portfolio-wrap .portfolio-testimonial h4 {
  margin-bottom: var(--theme-space-level-2);
}
.single-portfolio-wrap .portfolio-testimonial blockquote {
  color: var(--body-text-color);
  line-height: 150%;
  font-size: var(--heading-6-font-size);
  border-radius: 15px;
  background-color: var(--e-global-color-8d7a16e);
}
.single-portfolio-wrap .portfolio-technologies {
  margin-bottom: var(--theme-space-level-5);
}
.single-portfolio-wrap .portfolio-technologies h4 {
  margin-bottom: var(--theme-space-level-2);
}
.single-portfolio-wrap .portfolio-technologies ul {
  list-style: disc;
}
.single-portfolio-wrap .portfolio-technologies ul li {
  line-height: 200%;
}
.single-portfolio-wrap .related-portfolio-wrap {
  margin-top: var(--theme-section-height);
}
.single-portfolio-wrap .no-related-portfolio {
  margin-top: var(--theme-section-height-half);
}

.project-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--theme-space-level-3);
}

.portfolio-single-title {
  margin-bottom: var(--theme-space-level-1);
}

.project-header > * {
  flex: 1 1 calc(25% - var(--theme-space-level-3));
  max-width: calc(25% - var(--theme-space-level-3));
  box-sizing: border-box;
}

.portfolio-link {
  background-color: var(--body-color);
  border: 1px solid var(--theme-border-color);
  border-radius: 25px;
  box-shadow: var(--theme-box-shadow);
  padding: 10px 20px;
}

.project-info-item h4 {
  margin-bottom: var(--theme-space-level-1);
}
.project-info-item p {
  font-size: var(--font-size-18);
}

@media screen and (min-width: 991px) {
  .project-info-wrap {
    margin-left: var(--theme-space-level-16);
  }
}
.project-header .cs_section_title {
  margin-bottom: var(--theme-space-level-1);
}

.project-info-wrap-in {
  margin-bottom: calc(-1 * var(--theme-space-level-8));
}

.portfolio-header {
  margin-top: var(--theme-space-level-1);
}

.single-portfolio-wrap .aitpas-portfolio-item .portfolio-item-number {
  font-size: 22px;
  color: var(--white-color);
}
.single-portfolio-wrap .aitpas-portfolio-item {
  margin-bottom: var(--theme-space-level-5);
}

.aitpas-portfolio-carousel {
  overflow: hidden;
}

.aitpas-portfolio-image {
  margin-bottom: var(--theme-space-level-2);
  overflow: hidden;
  position: relative;
}
.aitpas-portfolio-image .portfolio-image-in {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.aitpas-portfolio-image .portfolio-image-in a {
  width: 100%;
}
.aitpas-portfolio-image .portfolio-image-in img {
  margin: 0;
  width: 100%;
  height: auto;
  transition: transform 0.6s ease;
}
.aitpas-portfolio-image .portfolio-image-in .aitpas-portfolio-link {
  position: absolute;
  bottom: var(--theme-space-level-3);
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  text-decoration: none;
  transition: all 0.4s ease;
  display: flex;
  gap: var(--theme-space-level-1);
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--white-color);
}
.aitpas-portfolio-image:hover .portfolio-image-in img {
  transform: scale(1.1);
}
.aitpas-portfolio-image:hover .portfolio-image-in .aitpas-portfolio-link {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

img.attachment-full.size-full.wp-post-image {
  height: 630px;
  -o-object-fit: cover;
     object-fit: cover;
}

.aitpas-portfolio-link {
  color: var(--themecolor);
}

/* =========================================================================== */
/* 9.1 SERVICE SINGLE   */
/* =========================================================================== */
.single-services-wrap {
  margin: auto;
}
.single-services-wrap .aitpas-service-features-list {
  padding: 0px;
  list-style: none;
}

/* srv-widget wrapper height */
@media screen and (min-height: 991px) {
  .srv-widget-image-wrapper img {
    height: 410px;
  }
}
.srv-widget-image-wrapper {
  overflow: hidden;
  margin-top: var(--theme-space-level-5);
}

@media screen and (max-height: 991px) {
  .srv-widget-image-wrapper img {
    height: auto;
  }
}
.srv-single-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  max-width: 500px;
}
.srv-single-header p {
  margin: 0px;
}
.srv-single-header img {
  max-width: 200px;
}

.theme-srv-single-content {
  max-width: 720px;
  margin: auto;
}

/* =========================================================================== */
/* 9.2 TEAM SINGLE   */
/* =========================================================================== */
.member-details .member-image img {
  margin-bottom: var(--theme-space-level-2);
}
@media screen and (max-width: 767px) {
  .member-details .right-info {
    margin-top: var(--theme-space-level-5);
  }
}
.member-details .member-name .title {
  margin-bottom: var(--theme-space-level-1);
}
.member-details .member-position {
  margin-bottom: var(--theme-space-level-5);
}
.member-details .member-description {
  margin-bottom: var(--theme-space-level-5);
}
.member-details .additional-info p {
  margin-bottom: var(--theme-space-level-0-1);
}
.member-details .additional-info .phone,
.member-details .additional-info .email {
  font-size: 3vw;
  line-height: 100%;
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--white-color);
  transition: all 0.4s ease-in-out;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: var(--themecolor);
  transition: all 0.4s ease-in-out;
}

.aitpas-team-item .aitpas-team-member {
  text-align: center;
}
.aitpas-team-item .aitpas-team-member-social {
  margin-top: var(--theme-space-level-2);
}
.aitpas-team-item .aitpas-team-member-info {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
  border-top: 1px solid rgb(12, 70, 78);
  margin-top: var(--theme-space-level-2);
}
.aitpas-team-item .aitpas-team-member-info .aitpas-team-member-social svg {
  max-width: var(--theme-space-level-2);
  max-height: var(--theme-space-level-2);
}

.aitpas-team-item .aitpas-team-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.aitpas-team-item .aitpas-team-image a img {
  width: 100%;
}
.aitpas-team-item .aitpas-team-image:hover .aitpas-team-member-social {
  opacity: 1;
  bottom: var(--theme-space-level-2);
  visibility: visible;
}
.aitpas-team-item .aitpas-team-image .aitpas-team-member-social {
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateZ(0);
  will-change: opacity, bottom;
  z-index: 2;
}
.aitpas-team-item .aitpas-team-image .aitpas-team-member-social ul {
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.aitpas-team-item .aitpas-team-image .aitpas-team-member-social ul li {
  transition: transform 0.3s ease;
}
.aitpas-team-item .aitpas-team-image .aitpas-team-member-social ul li:hover {
  transform: translateY(-3px);
}
.aitpas-team-item .aitpas-team-image .aitpas-team-member-social ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 100%;
}
.aitpas-team-item .aitpas-team-image .aitpas-team-member-social ul li a:hover {
  transform: scale(1.1);
}

.aitpas-team-member-social ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--theme-space-level-3);
}
.aitpas-team-member-social ul li a {
  padding: var(--theme-space-level-3);
  background: var(--body-color);
  border: 1px solid var(--theme-border-color);
  display: inline-block;
  height: var(--theme-space-level-4);
  width: var(--theme-space-level-4);
}

.theme-stroke-social-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--theme-space-level-1);
}
.theme-stroke-social-icon a {
  height: var(--theme-space-level-5);
  width: var(--theme-space-level-5);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--theme-border-color);
  background: var(--body-color);
  border-radius: 7px;
}
.theme-stroke-social-icon ul {
  list-style: none;
  display: flex;
  margin: 0px;
  padding: 0px;
  justify-content: flex-start;
  align-items: center;
  gap: var(--theme-space-level-1);
}
.theme-stroke-social-icon ul li {
  list-style: none;
}

/* Swiper Container */
.aitpas-team-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Swiper Wrapper */
.aitpas-team-carousel-wrapper .swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}

/* Swiper Slide */
.aitpas-team-carousel-wrapper .aitpas-team-item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

/* Navigation Arrows */
.aitpas-team-swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.aitpas-team-swiper-button-next {
  right: 15px;
}

.aitpas-team-swiper-button-prev {
  left: 15px;
}

/* Pagination Dots */
.aitpas-team-swiper-pagination {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.aitpas-team-swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  opacity: 1;
}

.aitpas-team-swiper-pagination .swiper-pagination-bullet-active {
  background: #1B1A1A;
}

.cs-skill-box .cs-skill-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.cs-skill-box .cs-skill-bar {
  background-color: var(--white-color);
  height: 8px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}

.cs-skill-box .cs-skill-bar .cs-skill-fill {
  background-color: var(--themecolor);
  height: 100%;
  width: 0;
  border-radius: 4px;
}

.cs-skill-box {
  margin-bottom: var(--theme-space-level-2);
}

.team-contact-form-section {
  width: 100%;
}
.team-contact-form-section .team-contact-form-wrap form p label span input {
  width: 100%;
}
@media screen and (min-width: 1400px) {
  .team-contact-form-section .team-contact-form-wrap {
    /* Contact Form 7 input and textarea 100% width */
  }
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=text],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=email],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=url],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=tel],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=number],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=date],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=file],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 input[type=password],
  .team-contact-form-section .team-contact-form-wrap .wpcf7 textarea {
    min-width: 777px !important;
  }
}

@media screen and (min-width: 1400px) {
  .right-info {
    margin-left: var(--theme-space-level-8);
  }
}
/* ========================= */
/* 3. Header & Navigation    */
/* ========================= */
/* =========================================================================== */
/* 4.2 Header Topbar    */
/* =========================================================================== */
.cs-topbar {
  padding: var(--theme-topbar-padding);
  border-bottom: 1px solid var(--theme-border-color);
  width: 100%;
  height: var(--theme-topbar-height);
}
.cs-topbar.topbar-no-bg {
  margin-bottom: calc(-1 * var(--theme-topbar-height));
}
.cs-topbar.topbar-bg {
  background-color: var(--theme-topbar-bg);
}
.cs-topbar .cs-topbar-in {
  margin: auto;
}
.cs-topbar.has-social-icons .topbar-contetnt-wrap, .cs-topbar.has-menu .topbar-contetnt-wrap {
  display: flex;
  justify-content: space-between;
}
.cs-topbar .topbar-contetnt-wrap .topbar-contact {
  display: flex;
  gap: 15px;
}
.cs-topbar .topbar-contetnt-wrap .topbar-contact span,
.cs-topbar .topbar-contetnt-wrap .topbar-contact p,
.cs-topbar .topbar-contetnt-wrap .topbar-contact a,
.cs-topbar .topbar-contetnt-wrap .topbar-contact h1,
.cs-topbar .topbar-contetnt-wrap .topbar-contact h2,
.cs-topbar .topbar-contetnt-wrap .topbar-contact h3,
.cs-topbar .topbar-contetnt-wrap .topbar-contact h4,
.cs-topbar .topbar-contetnt-wrap .topbar-contact h5,
.cs-topbar .topbar-contetnt-wrap .topbar-contact h6 {
  color: var(--theme-topbar-text-color);
}
.cs-topbar .topbar-contetnt-wrap .topbar-contact.text-center {
  justify-content: center;
}
.cs-topbar .topbar-contetnt-wrap .topbar-contact.text-right {
  justify-content: flex-end;
}
.cs-topbar .topbar-contetnt-wrap .topbar-contact.text-left {
  justify-content: flex-start;
}

.topbar-social {
  display: flex;
  gap: 15px;
}

/*--------------------------------------------------------------
Sticky Header Behavior
--------------------------------------------------------------*/
.cs-sticky_header.position-fixed.cs-gescout_sticky.cs-gescout_show .has-topbar-space {
  height: 0px;
}

.cs-theme-header.has-topbar-space {
  margin-top: var(--theme-topbar-height);
  margin-bottom: calc(-2 * var(--theme-menu-height));
}

.theme-subheader.has-topbar-space {
  margin-top: calc(-1 * var(--theme-topbar-height));
}
.theme-subheader.has-topbar-space .cs-breadcrumb-wrap {
  margin-top: calc(-1 * var(--theme-topbar-height));
}
.theme-subheader.has-topbar-space .has-topbar-space {
  height: var(--theme-topbar-height);
}

.theme-subheader.has-transparent-header {
  margin-top: calc(-1 * var(--theme-topbar-height));
}

/*--------------------------------------------------------------
Search Popup Styles
--------------------------------------------------------------*/
/* Search Button */
.search-container {
  position: relative;
  display: inline-block;
}

#search-toggle {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

/* Search Popup */
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.2) translateY(-20px);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease;
  z-index: -1;
}
.search-popup.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(0);
  z-index: 9999;
}

.search-popup-content {
  background: var(--body-color);
  height: 40vh;
  text-align: center;
  width: 100%;
  position: relative;
}

#search-close {
  position: absolute;
  top: 5vh;
  right: 5vw;
  cursor: pointer;
  margin-top: var(--theme-space-level-2);
  border: none;
}

.search-popup form {
  display: flex;
  align-items: center;
}

.search-content-in {
  max-width: 1320px;
  margin: auto;
  padding-top: 20vh;
}
.search-content-in form button[type=submit] {
  border: none;
  cursor: pointer;
  background: none;
  padding: 0;
  box-shadow: none;
  color: var(--white-color);
  padding-left: var(--theme-space-level-1);
}
.search-content-in form button[type=submit]:hover {
  border: none;
  opacity: 0.8;
}

.search-popup input[type=text] {
  width: 100%;
  padding: 10px;
  outline: none;
  margin-bottom: 0;
}

.go-to-home {
  display: flex;
  gap: var(--theme-space-level-1);
}

/* =========================================================================== */
/* 4.5 SIDEMENU    */
/* =========================================================================== */
.offcanvas-panel {
  padding: var(--theme-space-level-5) var(--theme-space-level-3);
}
.offcanvas-panel .sifency-offcanvas-menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.offcanvas-panel .sifency-offcanvas-menu li ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.offcanvas-panel .sifency-offcanvas-menu .menu-item-has-children .menu-dropdown-toggle_1.active {
  position: absolute;
  top: 0;
}
.offcanvas-panel .menu-dropdown-toggle {
  width: 100%;
}

.cs-side-menu {
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.cs-side-menu button {
  border: none;
}
.cs-side-menu button:hover::before, .cs-side-menu button:hover::after {
  background-color: var(--themecolor);
  transition: all 0.4s ease-in-out;
}
.cs-side-menu .cs_close {
  opacity: 0;
}
.cs-side-menu.active {
  opacity: 1;
  visibility: visible;
}
.cs-side-menu.active .cs_side_header_overlay,
.cs-side-menu.active .cs_close {
  opacity: 1 !important;
  visibility: visible !important;
  border: none;
}
.cs-side-menu.active .cs_side_header_overlay:hover,
.cs-side-menu.active .cs_close:hover {
  border: none;
}
.cs-side-menu.active .cs_side_header_overlay:hover::before, .cs-side-menu.active .cs_side_header_overlay:hover::after,
.cs-side-menu.active .cs_close:hover::before,
.cs-side-menu.active .cs_close:hover::after {
  color: var(--themecolor) !important;
}
.cs-side-menu.active .cs_side_header_in {
  right: 0;
}

.side-menu-close {
  position: fixed;
  right: 30px;
  top: 30px;
  height: 40px;
  width: 40px;
  background-color: transparent;
  color: var(--theme-sidemenu-text-color);
  cursor: pointer;
  z-index: 299;
}
.side-menu-close::before, .side-menu-close::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background-color: var(--themecolor);
  left: 50%;
  top: 50%;
  margin-left: -25%;
  margin-top: -1px;
  transform: rotate(-45deg);
}
.side-menu-close::before {
  transform: rotate(45deg);
}
.side-menu-close:hover {
  color: var(--themecolor);
  transform: scale(1.05);
  background: transparent;
  transition: all 0.4s ease-in-out;
}

.cs_icon_btn_sidemenu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 50%;
  color: var(--primary-color);
  margin-right: -10px;
}
.cs_icon_btn_sidemenu .cs_icon_btn_in {
  width: 25px;
  height: 20px;
  line-height: 0;
  cursor: pointer;
  position: relative;
  text-align: left;
  overflow: hidden;
}
.cs_icon_btn_sidemenu .cs_icon_btn_in span {
  display: inline-block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  border-radius: 0;
  background-color: currentColor;
  color: inherit;
  vertical-align: top;
  transition: 0s ease-in-out;
  border-radius: 6px;
  transition: 0.3s ease-in-out;
  color: var(--theme-sidemenu-toggle-color);
}
.cs_icon_btn_sidemenu .cs_icon_btn_in span:nth-child(1) {
  transform: translate(0, -7px);
  width: calc(100% - 10px);
}
.cs_icon_btn_sidemenu .cs_icon_btn_in span:nth-child(2) {
  transform: translate(0, 0);
  width: 100%;
}
.cs_icon_btn_sidemenu .cs_icon_btn_in span:nth-child(3) {
  transform: translate(0, 7px);
  width: calc(100% - 7px);
}
.cs_icon_btn_sidemenu .cs_icon_btn_in span:nth-child(4) {
  transform: translate(0, 14px);
  width: calc(100% - 13px);
}
.cs_icon_btn_sidemenu:hover .cs_icon_btn_in span {
  transition: 0.3s ease-in-out;
}
.cs_icon_btn_sidemenu:hover .cs_icon_btn_in span:nth-child(1) {
  transform: translate(0, 0);
}
.cs_icon_btn_sidemenu:hover .cs_icon_btn_in span:nth-child(2) {
  transform: translate(0, 7px);
  width: 100%;
}
.cs_icon_btn_sidemenu:hover .cs_icon_btn_in span:nth-child(3) {
  transform: translate(0, 14px);
}
.cs_icon_btn_sidemenu:hover .cs_icon_btn_in span:nth-child(4) {
  transform: translate(0, 21px);
}

/* =========================================================================== */
/* 4.6 SIDEMENU    */
/* =========================================================================== */
.cs_side_header_in .cs_sidebar_editor {
  margin-bottom: var(--theme-space-level-5);
}
.cs_side_header_in .cs_sidebar_editor h1, .cs_side_header_in .cs_sidebar_editor h2, .cs_side_header_in .cs_sidebar_editor h3, .cs_side_header_in .cs_sidebar_editor h4, .cs_side_header_in .cs_sidebar_editor h5, .cs_side_header_in .cs_sidebar_editor h6 {
  color: var(--theme-sideheader-text-color);
  margin-bottom: var(--theme-space-level-1);
}
.cs_side_header_in .cs_sidebar_editor {
  color: var(--theme-sideheader-text-color);
}
.cs_side_header_in .cs_sidebar_editor p {
  color: var(--theme-sideheader-text-color);
}
.cs_side_header_in .cs_sidebar_editor img {
  margin-bottom: var(--theme-space-level-0-1);
}
.cs_side_header_in p {
  margin-bottom: 0px;
  color: var(--body-text-color);
}
.cs_side_header_in .sidebar-phone,
.cs_side_header_in .sidebar-email,
.cs_side_header_in .sidebar-address {
  margin-bottom: var(--theme-space-level-5);
}
.cs_side_header_in .sidebar-phone p,
.cs_side_header_in .sidebar-email p,
.cs_side_header_in .sidebar-address p {
  color: var(--theme-sideheader-text-color);
}
.cs_side_header_in .sidebar-phone h1, .cs_side_header_in .sidebar-phone h2, .cs_side_header_in .sidebar-phone h3, .cs_side_header_in .sidebar-phone h4, .cs_side_header_in .sidebar-phone h5, .cs_side_header_in .sidebar-phone h6,
.cs_side_header_in .sidebar-email h1,
.cs_side_header_in .sidebar-email h2,
.cs_side_header_in .sidebar-email h3,
.cs_side_header_in .sidebar-email h4,
.cs_side_header_in .sidebar-email h5,
.cs_side_header_in .sidebar-email h6,
.cs_side_header_in .sidebar-address h1,
.cs_side_header_in .sidebar-address h2,
.cs_side_header_in .sidebar-address h3,
.cs_side_header_in .sidebar-address h4,
.cs_side_header_in .sidebar-address h5,
.cs_side_header_in .sidebar-address h6 {
  color: var(--theme-sideheader-text-color);
}

.cs_side_header_overlay {
  background-color: var(--theme-sideheader-overlay-color);
  position: inherit;
  transition: all 0.9s ease;
  opacity: 0;
  position: fixed;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.cs_side_header {
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.cs_side_header button {
  border: none;
}
.cs_side_header button:hover::before, .cs_side_header button:hover::after {
  background-color: var(--themecolor);
  transition: all 0.4s ease-in-out;
}
.cs_side_header .cs_close {
  opacity: 0;
}
.cs_side_header.active {
  opacity: 1;
  visibility: visible;
}
.cs_side_header.active .cs_side_header_overlay,
.cs_side_header.active .cs_close {
  opacity: 1 !important;
  visibility: visible !important;
}
.cs_side_header.active .cs_side_header_overlay:hover,
.cs_side_header.active .cs_close:hover {
  border: none;
}
.cs_side_header.active .cs_side_header_overlay:hover::before, .cs_side_header.active .cs_side_header_overlay:hover::after,
.cs_side_header.active .cs_close:hover::before,
.cs_side_header.active .cs_close:hover::after {
  color: var(--themecolor) !important;
}
.cs_side_header.active .cs_close {
  background-color: var(--body-color);
  padding: var(--theme-space-level-0-1) var(--theme-space-level-0-2);
  border-radius: var(--theme-space-level-3);
  margin-bottom: var(--theme-space-level-1);
  text-transform: uppercase;
  margin-right: var(--theme-space-level-1);
  border: 1px solid var(--theme-border-color);
}
.cs_side_header.active .cs_side_header_in {
  right: 0;
}

.cs_close {
  position: fixed;
  right: 30px;
  top: 30px;
  height: 40px;
  width: 40px;
  background-color: transparent;
  border: none;
  color: var(--theme-sideheader-text-color);
  cursor: pointer;
  z-index: 299;
}
.cs_close::before, .cs_close::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background-color: var(--theme-heading-font-color);
  left: 50%;
  top: 50%;
  margin-left: -25%;
  margin-top: -1px;
  transform: rotate(-45deg);
}
.cs_close::before:hover, .cs_close::after:hover {
  background-color: var(--themecolor);
}
.cs_close::before {
  transform: rotate(45deg);
}
.cs_close:hover {
  transition: all 0.4s ease-in-out;
  background-color: transparent;
}

.cs_side_header_in {
  width: var(--theme-sideheader-width);
  background-color: var(--theme-sideheader-bg);
  color: var(--body-color);
  margin-left: auto;
  padding: var(--theme-sideheader-padding);
  position: relative;
  z-index: 99;
  right: -500px;
  flex: none;
  transition: all 0.4s ease;
  height: var(--theme-sideheader-height);
  overflow-y: auto;
}

@media screen and (min-height: 800px) {
  .cs_side_header_in {
    height: var(--theme-sideheader-height);
  }
}
.cs_site_header .cs_main_header_in,
.cs_site_header .cs_top_header_in {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.cs_site_header .cs_main_header_right {
  display: flex;
  align-items: center;
  align-items: center;
  height: 100%;
  margin-right: 300px;
}
.cs_site_header .cs_main_header_right .cs-header-additional-item {
  margin-right: 30px;
}
.cs_site_header .cs_main_header_right .cs-header-additional-item a {
  color: #1B1A1A;
  transition: all 0.3s ease;
}
.cs_site_header .cs_main_header_right .cs-header-additional-item a:hover {
  color: var(--theme-primary-color);
  transition: all 0.3s ease;
}
.cs_site_header:hover .cs-header-phone-icon {
  transform: rotateY(360deg);
  transition: all 1s ease;
}

.cs_icon_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 50%;
  color: var(--primary-color);
  margin-right: -10px;
}
.cs_icon_btn .cs_icon_btn_in {
  width: 25px;
  height: 20px;
  line-height: 0;
  cursor: pointer;
  position: relative;
  text-align: left;
  overflow: hidden;
}
.cs_icon_btn .cs_icon_btn_in span {
  display: inline-block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  border-radius: 0;
  background-color: currentColor;
  color: inherit;
  vertical-align: top;
  transition: 0s ease-in-out;
  border-radius: 6px;
  transition: 0.3s ease-in-out;
  color: var(--theme-sideheader-toggle-color);
}
.cs_icon_btn .cs_icon_btn_in span:nth-child(1) {
  transform: translate(0, -7px);
  width: calc(100% - 10px);
}
.cs_icon_btn .cs_icon_btn_in span:nth-child(2) {
  transform: translate(0, 0);
  width: 100%;
}
.cs_icon_btn .cs_icon_btn_in span:nth-child(3) {
  transform: translate(0, 7px);
  width: calc(100% - 7px);
}
.cs_icon_btn .cs_icon_btn_in span:nth-child(4) {
  transform: translate(0, 14px);
  width: calc(100% - 13px);
}
.cs_icon_btn:hover .cs_icon_btn_in span {
  transition: 0.3s ease-in-out;
}
.cs_icon_btn:hover .cs_icon_btn_in span:nth-child(1) {
  transform: translate(0, 0);
}
.cs_icon_btn:hover .cs_icon_btn_in span:nth-child(2) {
  transform: translate(0, 7px);
  width: 100%;
}
.cs_icon_btn:hover .cs_icon_btn_in span:nth-child(3) {
  transform: translate(0, 14px);
}
.cs_icon_btn:hover .cs_icon_btn_in span:nth-child(4) {
  transform: translate(0, 21px);
}

.cs_sidebar_social .social-icons-list {
  gap: var(--theme-space-level-0-1);
}
.cs_sidebar_social .social-icons-list .social-icon-item {
  border: 1px solid var(--theme-border-color);
  padding: 8px 16px;
}
.cs_sidebar_social .social-icons-list .social-icon-item .social-icon-text {
  display: none;
}

/* =========================================================================== */
/* 4.6 POPUP    */
/* =========================================================================== */
@media screen and (min-width: 850px) {
  /* ==========================================================================
     3.6 Popup Overlay Styles
     ========================================================================== */
  .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s;
    z-index: -1;
    /* Hidden by default */
  }
  /* Show the popup overlay when active */
  .popup-overlay.active {
    visibility: visible;
    opacity: 1;
    z-index: 99;
  }
  /* ==========================================================================
     Popup Content Wrapper
     ========================================================================== */
  .popup-content-wrap {
    margin-right: var(--theme-space-level-5);
    max-width: var(--theme-max-width-level-5);
  }
  /* ==========================================================================
     Popup Content Container
     ========================================================================== */
  .popup-content {
    background: var(--body-color);
    position: relative;
    max-width: 850px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
  }
  /* Popup Title */
  .popup-content .popup-title {
    margin-bottom: var(--theme-space-level-1);
  }
  /* Popup Body Text */
  .popup-content .popup-body {
    color: var(--body-text-color);
    margin-bottom: var(--theme-space-level-2);
  }
  /* Popup Image Area */
  .popup-content .popup-image {
    max-width: 400px;
  }
  .popup-content .popup-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /* Close Button */
  .popup-content .popup-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: var(--themecolor);
    padding: var(--theme-space-level-0-2);
    transition: transform 0.3s ease;
    transform-origin: top right;
  }
  .popup-content .popup-close-btn:hover {
    transform: scale(0.85);
    color: var(--black-color);
  }
  /* ==========================================================================
     Form Styles Inside Popup
     ========================================================================== */
  /* Label for Email Field */
  .popup-content label[for=email] {
    display: flex;
    flex-direction: column;
    margin-top: var(--theme-space-level-3);
  }
  .popup-content label[for=email] input {
    padding-top: var(--theme-space-level-3);
    padding-bottom: var(--theme-space-level-3);
    color: var(--body-text-color);
    margin-top: var(--theme-space-level-0-2);
  }
  /* Span Elements */
  .popup-content span {
    padding: 0;
    line-height: 100%;
  }
  /* Submit Button */
  .popup-content input[type=submit] {
    line-height: 130%;
  }
  .popup-content input[type=submit]:hover {
    color: var(--black-color);
  }
}
@media screen and (max-width: 850px) {
  .popup-overlay {
    display: none;
  }
}
/* =========================================================================== */
/* 4.7 HEADER ELEMENTS    */
/* =========================================================================== */
/* ==========================================================================
   User Icon and Dropdown
   ========================================================================== */
@media screen and (max-width: 550px) {
  .header-elements .wishlist-icon,
  .header-elements .offcanvas-icon,
  .header-elements .user-icon {
    display: none;
  }
}
@media screen and (max-width: 466px) {
  .header-elements .wishlist-icon,
  .header-elements .user-icon {
    display: none;
  }
}
.user-icon {
  position: relative;
  cursor: pointer;
  min-width: var(--theme-space-level-2);
  padding: 10px;
  display: inline-block;
}
.user-icon:hover {
  opacity: 0.8;
}

.user-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 300;
  min-width: 200px;
  padding-top: 10px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  visibility: hidden;
}
.user-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 20px 30px;
  background-color: var(--body-color);
}
.user-dropdown ul li {
  padding: 5px 10px;
}
.user-dropdown ul li a {
  text-decoration: none;
  display: block;
}
.user-dropdown ul li a:hover {
  color: var(--themecolor);
}

.user-icon.active .user-dropdown,
.user-icon:hover .user-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
}

.offcanvas-icon .cs_toolbox span {
  color: var(--theme-sideheader-toggle-color);
}

/* =========================================================================== */
/* 4.8 SPINNER    */
/* =========================================================================== */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  opacity: 1;
}

body.preloader-active {
  overflow: hidden;
  height: 100vh;
}

.preloader-text {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-color);
}

/* Spinner container */
.preloader-style-1 {
  background-color: var(--body-color);
}
.preloader-style-1 .preloader-text {
  margin-top: var(--theme-space-level-2);
}

/* Spinner circle */
.preloader-style-1 .spinner {
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px solid var(--themecolor);
  border-left-color: var(--theme-border-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Inner dot using ::before */
.preloader-style-1 .spinner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: var(--themecolor);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: dotPulse 1.5s infinite ease-in-out;
}

/* Flex wrapper */
.preloader-style-1 .preloader-content {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* Spinner rotation animation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dot color and scale animation */
@keyframes dotPulse {
  0%, 100% {
    background-color: var(--themecolor);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    background-color: var(--theme-border-color);
    transform: translate(-50%, -50%) scale(1.3);
  }
}
/* Preloader Container */
.preloader-style-2 {
  background-color: var(--body-color);
  align-items: flex-start;
  justify-content: center;
  pointer-events: none;
  position: relative;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Modern Progress Bar with Glow */
.preloader-style-2 .progress-bar {
  width: 0%;
  height: 1px;
  background-color: var(--theme-border-color);
  animation: loadBar 2s ease-out forwards;
  margin-top: 0;
}

/* Center Spinner */
.preloader-style-2 .spinner {
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px solid var(--themecolor);
  border-top-color: var(--white-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 40px auto 0;
  margin-bottom: var(--theme-space-level-2);
}

/* Inner Dot via ::before */
.preloader-style-2 .spinner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: var(--themecolor);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: dotPulse 1.5s infinite ease-in-out;
}

/* Optional Text Style */
.preloader-style-2 .preloader-text {
  position: absolute;
  top: var(--theme-space-level-1);
  left: 50%;
  top: 40%;
  transform: translateX(-100%);
  background-color: var(--body-color);
  padding: 10px 20px;
  color: var(--body-text-color);
  border-radius: 100px;
}

/* Smooth Progress Animation */
@keyframes loadBar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* Spinner rotation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dot animation inside spinner */
@keyframes dotPulse {
  0%, 100% {
    background-color: var(--themecolor);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    background-color: var(--theme-border-color);
    transform: translate(-50%, -50%) scale(1.3);
  }
}
/* Modern Preloader Style 3 */
.preloader-style-3 {
  background-color: var(--body-color);
  backdrop-filter: blur(20px);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  transition: opacity 0.5s ease;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Preloader Box */
.preloader-style-3 .preloader-box {
  width: var(--theme-space-level-20);
  height: calc(var(--theme-space-level-20) * 2);
  text-align: center;
  transform: translateY(50px);
  opacity: 0;
  animation: preloaderFadeIn 0.8s ease forwards 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--theme-space-level-3);
}

/* Optional Logo */
.preloader-style-3 a img {
  max-width: 100px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}

/* Spinner */
.preloader-style-3 .spinner {
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid var(--theme-border-color);
  border-top-color: var(--themecolor);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  margin: 0 auto;
}

/* Inner Dot with Pseudo-element */
.preloader-style-3 .spinner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: var(--themecolor);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: dotPulse 1.5s infinite ease-in-out;
}

/* Spinner Animation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dot Pulse Animation */
@keyframes dotPulse {
  0%, 100% {
    background-color: var(--themecolor);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    background-color: var(--theme-border-color);
    transform: translate(-50%, -50%) scale(1.3);
  }
}
/* Fade-in Animation */
@keyframes preloaderFadeIn {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* Style 4: Sliding Curtains */
.preloader-style-4 {
  position: fixed;
  inset: 0;
  background-color: var(--body-color);
  z-index: 9999;
  overflow: hidden;
}

/* Curtain container */
.preloader-style-4 .curtains {
  position: relative;
  width: 100%;
  height: 100%;
}

/* All curtain panels */
.preloader-style-4 .curtain {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--primary-bg);
  transition: transform 1s ease-in-out;
  z-index: 2;
}

/* Main left and right curtains */
.preloader-style-4 .curtain.left {
  left: 0;
  width: 50.5%;
  transform: translateX(0);
}

.preloader-style-4 .curtain.right {
  right: 0;
  width: 50.5%;
  transform: translateX(0);
}

/* Middle curtains */
.preloader-style-4 .curtain.middle-left {
  left: 25%;
  width: 25%;
  transform: translateX(0);
}

.preloader-style-4 .curtain.middle-right {
  right: 25%;
  width: 25%;
  transform: translateX(0);
}

/* Preloader text */
.preloader-style-4 .preloader-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white-color);
  z-index: 3;
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

/* Style 5: Modern Text Animation */
.preloader-style-5 {
  background-color: var(--primary-bg);
}

.preloader-style-5 .preloader-text span {
  display: inline-block;
  color: var(--white-color);
  font-size: 5vw;
  font-family: var(--heading-font-family);
  opacity: 0;
  transform: translateY(30px);
}

/* Common Keyframes */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* =========================================================================== */
/* Style 6: Fill Counter (CodePen)                                              */
/* =========================================================================== */
.preloader-style-6 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Percentage counter */
.preloader-style-6 .pre-count {
  position: relative;
  z-index: 10;
  mix-blend-mode: difference;
  pointer-events: none;
  font-size: 64px;
  color: var(--white-color);
  font-weight: 700;
}

.preloader-style-6 .pre-icon {
  display: none;
  position: relative;
  z-index: 10;
  mix-blend-mode: difference;
  pointer-events: none;
  transform: rotate(0deg);
}

/* Fill bars — expand from edges inward */
.preloader-style-6 .fill-left,
.preloader-style-6 .fill-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
}

.preloader-style-6 .fill-left {
  left: 0;
}

.preloader-style-6 .fill-right {
  right: 0;
}

.preloader-style-6 .fill-top,
.preloader-style-6 .fill-bottom {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
}

.preloader-style-6 .fill-top {
  top: 0;
}

.preloader-style-6 .fill-bottom {
  bottom: 0;
}

/* Quadrant masks — cover the whole screen, then scale away to reveal */
.preloader-style-6 .mask-tl,
.preloader-style-6 .mask-tr,
.preloader-style-6 .mask-bl,
.preloader-style-6 .mask-br {
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #0c0c0c;
  z-index: 5;
}

.preloader-style-6 .mask-tl {
  top: 0;
  left: 0;
  transform-origin: top left;
}

.preloader-style-6 .mask-tr {
  top: 0;
  right: 0;
  transform-origin: top right;
}

.preloader-style-6 .mask-bl {
  bottom: 0;
  left: 0;
  transform-origin: bottom left;
}

.preloader-style-6 .mask-br {
  bottom: 0;
  right: 0;
  transform-origin: bottom right;
}

/* ========================= */
/* 4. Elementor Components   */
/* ========================= */
/* - Loop Widgets */
/**
 * Aitpas Core — Portfolio Reveal List
 * Base structural styles. Colors/typography/spacing are controlled
 * from the Elementor Style tab (see class-portfolio-reveal-list.php).
 */
.aitpas-portfolio-reveal-list-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}

/* ---------- Left fixed image panel ---------- */
.aitpas-portfolio-reveal-image-panel {
  position: relative;
  flex-shrink: 0;
  width: 40%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 15px;
}

.aitpas-portfolio-reveal-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
}

.aitpas-portfolio-reveal-image.is-active {
  opacity: 1;
  z-index: 2;
}

/* ---------- Right list ---------- */
.aitpas-portfolio-list {
  flex: 1 1 auto;
  list-style: none;
  margin: 0;
  padding: 0;
}

.aitpas-portfolio-item {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #2b2b2b;
  cursor: pointer;
}

/* Reveal layer: collapsed to 0 height at its own center,
   scales up on hover so it grows toward both the top and
   bottom edges of the row simultaneously. */
.aitpas-portfolio-item-reveal-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  transform: scaleY(0);
}

.aitpas-portfolio-item-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 8px;
}

.aitpas-portfolio-item-title {
  margin: 0 0 4px;
  font-size: 16px;
  transition: color 0.25s ease;
}

.aitpas-portfolio-item-subtitle {
  margin: 0;
  font-size: 13px;
  transition: color 0.25s ease;
}

.aitpas-portfolio-item-inner .action-bar {
  flex-shrink: 0;
}

.aitpas-portfolio-item-inner .action-bar-button.cs-primary-btn {
  display: inline-block;
}

/* Flip-text: default/hover copies stacked and swapped vertically on hover */
.aitpas-portfolio-item-inner .flip-text {
  display: block;
  overflow: hidden;
}

.aitpas-portfolio-item-inner .flip-text .default-text,
.aitpas-portfolio-item-inner .flip-text .hover-text {
  display: block;
}

.aitpas-portfolio-empty {
  opacity: 0.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
  .aitpas-portfolio-reveal-list-wrapper {
    flex-direction: column;
  }
  .aitpas-portfolio-reveal-image-panel {
    width: 100%;
  }
}
/* ========================= */
/* 9. WooCommerce           */
/* ========================= */
/* =========================================================================== */
/* 9 WOOCOMMERCE   */
/* =========================================================================== */
.woocommerce-breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.woocommerce-order {
  max-width: 720px;
  margin: auto;
}
.woocommerce-order .woocommerce-notice--success {
  font-size: var(--heading-6-font-size);
}
.woocommerce-order .woocommerce-thankyou-order-details {
  margin: 0px;
  padding: 0px;
}
.woocommerce-order .woocommerce-thankyou-order-details li {
  list-style: none;
  margin-bottom: var(--theme-space-level-1);
}
.woocommerce-order .woocommerce-thankyou-order-details li strong {
  margin-left: var(--theme-space-level-1);
}
.woocommerce-order .woocommerce-order-details {
  margin-top: var(--theme-space-level-4);
}
.woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead {
  background: var(--theme-border-color);
  border: none;
}
.woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {
  font-size: var(--heading-5-font-size);
}
.woocommerce-order .woocommerce-customer-details {
  margin-top: var(--theme-space-level-4);
}
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title {
  font-size: var(--heading-5-font-size);
  margin-bottom: var(--theme-space-level-0-1);
}
.woocommerce-order .woocommerce-customer-details address,
.woocommerce-order .woocommerce-customer-details p {
  padding: 0px;
  margin: 0px;
}

.product__action {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  flex-direction: column;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.aitpas-product-item:hover .product__action {
  opacity: 1;
  visibility: visible;
}

.product-action-btn {
  margin-bottom: 10px;
}

.product-action-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  color: #333;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.product-action-btn a:hover {
  background: #333;
  color: #fff;
}

.product-action-tooltip {
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  margin-right: 10px;
  white-space: nowrap;
  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 12px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.product-action-btn a:hover .product-action-tooltip {
  opacity: 1;
  visibility: visible;
  right: calc(100% + 5px);
}

/* Main Widget Container */
.advanced-woo-products {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Grid Layout */
.advanced-woo-products .advanced-woo-products-grid {
  display: flex;
  flex-wrap: wrap;
}

.advanced-woo-products.elementor-grid-1 .aitpas-product-item {
  width: 100%;
}

.advanced-woo-products.elementor-grid-2 .aitpas-product-item {
  width: 50%;
}

.advanced-woo-products.elementor-grid-3 .aitpas-product-item {
  width: 33.333%;
}

.advanced-woo-products.elementor-grid-4 .aitpas-product-item {
  width: 25%;
}

.advanced-woo-products.elementor-grid-5 .aitpas-product-item {
  width: 20%;
}

.advanced-woo-products.elementor-grid-6 .aitpas-product-item {
  width: 16.666%;
}

/* Carousel Layout */
.advanced-woo-products .advanced-woo-products-carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.advanced-woo-products .swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}

.advanced-woo-products .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  position: relative;
}

.advanced-woo-products .swiper-button-next,
.advanced-woo-products .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: all 0.3s ease;
}

.advanced-woo-products .swiper-button-next:hover,
.advanced-woo-products .swiper-button-prev:hover {
  background: #333;
  color: #fff;
}

.advanced-woo-products .swiper-button-next {
  right: 15px;
}

.advanced-woo-products .swiper-button-prev {
  left: 15px;
}

.advanced-woo-products .swiper-pagination {
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.advanced-woo-products .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: #ccc;
  margin: 0 5px;
  opacity: 1;
  cursor: pointer;
}

.advanced-woo-products .swiper-pagination-bullet-active {
  background: #333;
}

/* Product Item */
.advanced-woo-products .aitpas-product-item {
  position: relative;
  margin-bottom: 30px;
  padding: 0 15px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

/* Product Thumbnail */
.advanced-woo-products .product-thumbnail {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.advanced-woo-products .product-thumbnail a {
  display: block;
  position: relative;
}

.advanced-woo-products .product-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
}

/* Secondary Image on Hover */
.advanced-woo-products .product-thumbnail .secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.advanced-woo-products .product-thumbnail:hover .secondary-image {
  opacity: 1;
}

/* Image Hover Effects */
.advanced-woo-products-image-hover-zoom .product-thumbnail:hover img {
  transform: scale(1.05);
}

.advanced-woo-products-image-hover-rotate .product-thumbnail:hover img {
  transform: rotate(5deg);
}

.advanced-woo-products-image-hover-translate .product-thumbnail:hover img {
  transform: translateY(-10px);
}

.advanced-woo-products-image-hover-grayscale .product-thumbnail img {
  filter: grayscale(100%);
  transition: filter 0.5s ease;
}

.advanced-woo-products-image-hover-grayscale .product-thumbnail:hover img {
  filter: grayscale(0%);
}

/* Product Content */
.advanced-woo-products .product-content {
  padding: 15px 0;
}

/* Product Title */
.advanced-woo-products .product-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}

.advanced-woo-products .product-title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.advanced-woo-products .product-title a:hover {
  color: #f00;
}

/* Product Price */
.advanced-woo-products .product-price {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.advanced-woo-products .product-price del {
  color: #999;
  font-size: 0.9em;
  margin-right: 5px;
  font-weight: 400;
}

.advanced-woo-products .product-price ins {
  text-decoration: none;
}

/* Product Rating */
.advanced-woo-products .star-rating {
  font-size: 1em;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 1em;
  line-height: 1;
}

.advanced-woo-products .star-rating::before {
  content: "\f005\f005\f005\f005\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ddd;
}

.advanced-woo-products .star-rating span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.advanced-woo-products .star-rating span::before {
  content: "\f005\f005\f005\f005\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Product Badges */
.advanced-woo-products .product-badge {
  position: absolute;
  z-index: 2;
}

.advanced-woo-products-badge-top-left .product-badge {
  top: 15px;
  left: 15px;
}

.advanced-woo-products-badge-top-right .product-badge {
  top: 15px;
  right: 15px;
}

.advanced-woo-products-badge-bottom-left .product-badge {
  bottom: 15px;
  left: 15px;
}

.advanced-woo-products-badge-bottom-right .product-badge {
  bottom: 15px;
  right: 15px;
}

.advanced-woo-products .product-badge .onsale,
.advanced-woo-products .product-badge .featured {
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  margin: 0 5px 5px 0;
}

.advanced-woo-products .product-badge .onsale {
  background-color: #ff3c00;
  color: #fff;
}

.advanced-woo-products .product-badge .featured {
  background-color: #00a046;
  color: #fff;
}

/* Product Actions */
.advanced-woo-products .product-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 2;
}

.advanced-woo-products .product-thumbnail:hover .product-actions {
  opacity: 1;
  transform: translateY(0);
}

/* Add to Cart Button */
.advanced-woo-products .button.add_to_cart_button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.advanced-woo-products .button.add_to_cart_button:hover {
  background-color: #f00;
  color: #fff;
}

/* Quick View Button */
.advanced-woo-products .quick-view-button {
  display: inline-block;
  padding: 8px 15px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  text-decoration: none;
  width: 100%;
  text-align: center;
}

.advanced-woo-products .quick-view-button:hover {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

/* Wishlist Button */
.advanced-woo-products .wishlist-button {
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 3;
  border: 1px solid #ddd;
}

.advanced-woo-products .wishlist-button .active-icon {
  display: none;
}

.advanced-woo-products .wishlist-button.active .active-icon {
  display: block;
}

.advanced-woo-products .wishlist-button.active .fa-regular,
.advanced-woo-products .wishlist-button:not(.active) .active-icon {
  display: none;
}

.advanced-woo-products-wishlist-top-left .wishlist-button {
  top: 15px;
  left: 15px;
}

.advanced-woo-products-wishlist-top-right .wishlist-button {
  top: 15px;
  right: 15px;
}

.advanced-woo-products-wishlist-bottom-left .wishlist-button {
  bottom: 15px;
  left: 15px;
}

.advanced-woo-products-wishlist-bottom-right .wishlist-button {
  bottom: 15px;
  right: 15px;
}

.advanced-woo-products .wishlist-button:hover {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

.advanced-woo-products .wishlist-button.active {
  background-color: #f00;
  color: #fff;
  border-color: #f00;
}

/* No Products Found */
.advanced-woo-products .no-products-found {
  text-align: center;
  padding: 30px;
  color: #666;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .advanced-woo-products.elementor-grid-4 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-5 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-6 .aitpas-product-item {
    width: 33.333%;
  }
}
@media (max-width: 768px) {
  .advanced-woo-products.elementor-grid-3 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-4 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-5 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-6 .aitpas-product-item {
    width: 50%;
  }
  .advanced-woo-products .product-actions {
    opacity: 1;
    transform: translateY(0);
    position: static;
    padding: 15px 0 0;
  }
}
@media (max-width: 480px) {
  .advanced-woo-products.elementor-grid-2 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-3 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-4 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-5 .aitpas-product-item,
  .advanced-woo-products.elementor-grid-6 .aitpas-product-item {
    width: 100%;
  }
}
/* Animation Classes */
.advanced-woo-products .wow {
  visibility: hidden;
}

/* =========================================================================== */
/* 9.1 WOOCOMMERCE CART   */
/* =========================================================================== */
.sifency-cart-icon svg {
  max-width: 100px;
  max-width: 100px;
}

.sifency-wishlist-link {
  gap: var(--theme-space-level-1);
}

.sifency-wishlist-text.sifency-wishlist-separator {
  opacity: 0.2;
}

.wc-block-cart__submit-container {
  background-color: var(--themecolor);
  color: var(--theme-default-btn-text-color);
  padding: var(--theme-button-padding);
  border: var(--theme-default-btn-border-width) var(--theme-default-btn-border-style) var(--theme-default-btn-border-color);
  border-radius: var(--theme-button-border-radius);
  border: none;
  transition: all 0.3s ease-in-out;
}
.wc-block-cart__submit-container:hover {
  background-color: var(--white-color);
  transition: all 0.3s ease-in-out;
  border: none;
}
.wc-block-cart__submit-container:hover a {
  color: var(--black-color);
  transition: all 0.3s ease-in-out;
}

.wc-block-components-product-badge.wc-block-components-sale-badge span {
  color: var(--white-color) !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
  font-weight: 400 !important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount span {
  color: var(--white-color) !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  border: none !important;
  box-shadow: none !important;
  background-color: var(--themecolor) !important;
  color: var(--white-color) !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
  color: var(--white-color);
}

.wc-block-components-checkout-order-summary__title-text {
  font-size: var(--heading-4-font-size);
}

.wp-block-woocommerce-cart-totals-block .wc-block-cart__totals-title {
  font-size: var(--heading-6-font-size) !important;
  color: var(--white-color) !important;
}
.wp-block-woocommerce-cart-totals-block .wc-block-components-totals-item,
.wp-block-woocommerce-cart-totals-block .wc-block-components-panel {
  padding: 0px 0px 0px 0px !important;
}

.wc-block-cart .wc-block-cart__totals-title .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block {
  margin-bottom: var(--theme-space-level-3);
}

.is-large.wc-block-cart .wc-block-cart-items td {
  width: 100px;
  padding-left: 0px;
}

.is-large.wc-block-cart .wc-block-cart-items td {
  padding: 30px 30px 30px 0px !important;
}

.wc-block-cart-item__remove-link {
  text-decoration: none;
  color: var(--warning-text-color);
  font-size: var(--link-text-font-size);
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large,
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
  margin-bottom: 0px !important;
}

.wp-block-woocommerce-cart-items-block .screen-reader-text {
  color: var(--theme-heading-font-color);
}
.wp-block-woocommerce-cart-items-block table thead {
  padding: 0px 20px;
}
.wp-block-woocommerce-cart-items-block table thead tr .wc-block-cart-items__header-product {
  visibility: visible;
  font-size: var(--heading-6-font-size);
}
.wp-block-woocommerce-cart-items-block table thead tr .wc-block-cart-items__header-image {
  font-size: var(--heading-6-font-size);
}
.wp-block-woocommerce-cart-items-block table thead tr .wc-block-cart-items__header-total {
  font-size: var(--heading-6-font-size);
}
.wp-block-woocommerce-cart-items-block table thead tr .wc-block-cart-items__header-quantity {
  font-size: var(--heading-6-font-size);
}
.wp-block-woocommerce-cart-items-block table thead tr .wc-block-cart-item__image {
  padding-left: 0px;
}
.wp-block-woocommerce-cart-items-block .wc-block-cart-item__product .wc-block-components-sale-badge {
  border-radius: var(--theme-border-radious-level-1);
  border: 1px solid var(--theme-border-color);
}
.wp-block-woocommerce-cart-items-block .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector::after {
  border-radius: var(--theme-border-radious-level-1);
  border: 1px solid var(--theme-border-color);
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge.wc-block-components-sale-badge {
  border-radius: var(--theme-border-radious-level-1);
  border: none;
  background-color: var(--themecolor);
  color: var(--theme-default-btn-text-color);
}

table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
  visibility: visible !important;
}

.woocommerce-cart.woocommerce-page .wp-block-woocommerce-empty-cart-block {
  margin-bottom: -50px;
}

.wc-block-grid__products .wc-block-grid__product {
  width: 100%;
}
.wc-block-grid__products .wc-block-grid__product a.wc-block-grid__product-link {
  width: 100%;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image {
  width: 100%;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image img {
  height: auto;
  width: 100%;
  margin-bottom: var(--theme-space-level-0-2);
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale {
  border-radius: var(--theme-border-radious-level-1);
  border: none;
  background: var(--themecolor);
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale span {
  color: var(--white-color);
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
  font-size: var(--heading-6-font-size);
  margin-bottom: var(--theme-space-level-1);
  font-weight: 500;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price {
  font-size: 16px;
  margin-bottom: var(--theme-space-level-2);
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price del .woocommerce-Price-amount {
  opacity: 0.5;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price ins .woocommerce-Price-amount {
  text-decoration: none;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart .add_to_cart_button {
  background-color: var(--themecolor);
  color: var(--theme-default-btn-text-color);
  border-radius: var(--theme-border-radious-level-1);
  transition: all 0.4s ease;
  display: inline-block;
  font-size: var(--theme-default-button-font-size);
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart .add_to_cart_button:hover {
  background-color: var(--themecolor);
  color: var(--theme-default-btn-text-color);
  border: none;
}

#wc-block-components-totals-coupon__input-coupon {
  border-radius: var(--theme-border-radious-level-1);
  border: none;
  border-bottom: 1px solid var(--theme-border-color);
  padding: 10px 10px 10px 10px !important;
  height: 100%;
}
#wc-block-components-totals-coupon__input-coupon:focus {
  outline: none;
  border-bottom: 1px solid var(--themecolor);
}

/* ==========================================================================
   Mini Cart Component
   ========================================================================== */
/* ------------------------------------------
   Cart Icon Wrapper
------------------------------------------- */
.cart-icon {
  position: relative;
  display: inline-block;
  min-width: var(--theme-space-level-2);
  padding: 10px;
}
.cart-icon a {
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
}

/* ------------------------------------------
   Cart Count Badge
------------------------------------------- */
.cart-count {
  background: var(--warning-background-color);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 12px;
}

/* ------------------------------------------
   Cart Dropdown (Hidden by Default)
------------------------------------------- */
.cart-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  padding-top: var(--theme-space-level-2);
  background-color: var(--body-color);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-space-level-1);
  border: 1px solid var(--theme-border-color);
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.cart-dropdown .cart-dropdown-in {
  width: var(--theme-sub-menu-width);
  min-height: var(--theme-sub-menu-width);
  background: var(--theme-sub-menu-bg-color);
  padding: var(--theme-sub-meu-item-left-right-padding);
}

/* ------------------------------------------
   Show Dropdown on Hover with Animation
------------------------------------------- */
.cart-icon:hover .cart-dropdown {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}

/* ------------------------------------------
   Cart Items List
------------------------------------------- */
.cart-items {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow-y: auto;
}

/* ------------------------------------------
   Individual Cart Item
------------------------------------------- */
.cart-item {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid var(--theme-border-color);
}
.cart-item img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.cart-item-details {
  display: flex;
  flex-direction: column;
}

/* ------------------------------------------
   Cart Footer Section
------------------------------------------- */
.cart-footer {
  padding-top: 10px;
}

.cart-total {
  text-align: right;
  margin-bottom: 10px;
}

span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value,
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value.add_to_cart_butto,
span.wc-block-components-totals-item__label,
th.wc-block-cart-items__header-total span,
.wc-block-cart-items__header-image span,
.wc-block-cart-items__header-product span,
p.wc-block-components-checkout-order-summary__title-text,
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value,
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
  color: var(--white-color);
}

.woocommerce-product-attributes-item__value {
  background-color: var(--body-color);
}
.woocommerce-product-attributes-item__value P {
  margin-bottom: 0px;
}

/* =========================================================================== */
/* 9.3 WOOCOMMERCE SHOP   */
/* =========================================================================== */
.aitpas-shop-top {
  margin-bottom: var(--theme-space-level-3);
}

.woocommerce-info {
  color: var(--body-text-color);
}

.product-content .product__title {
  font-size: var(--shop-product-title-font-size);
  margin-bottom: var(--shop-product-title-margin-bottom);
  margin-top: var(--shop-product-title-margin-top);
}

li.product.type-product {
  list-style: none;
}

.woocommerce-ordering select {
  padding: 10px;
  margin: 0px;
}

.woocommerce-ordering select option {
  color: var(--white-color);
  padding: 10px;
}

.woo-product.product {
  padding-left: 20px;
  padding-right: 20px;
}

.product-thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.product-thumb .product-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--body-color);
  padding: 5px 10px;
  border: 1px solid var(--theme-border-color);
  border-radius: 5px;
}
.product-thumb .product-badge .onsale {
  color: var(--white-color);
}
.product-thumb img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}
.product-thumb .product__add {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.product-thumb .product__add .product-add-cart-btn,
.product-thumb .product__add .product-quick-view-btn {
  text-align: center;
  background-color: var(--themecolor);
  border-radius: var(--theme-space-level-5);
  transition: all 0.3s ease-in-out;
}
.product-thumb .product__add .product-add-cart-btn a.add_to_cart_button,
.product-thumb .product__add .product-add-cart-btn a.cart-button,
.product-thumb .product__add .product-quick-view-btn a.add_to_cart_button,
.product-thumb .product__add .product-quick-view-btn a.cart-button {
  color: var(--black-color);
}
.product-thumb .product__add .product-add-cart-btn:hover,
.product-thumb .product__add .product-quick-view-btn:hover {
  background-color: var(--themecolor);
  transition: all 0.3s ease-in-out;
}
.product-thumb .product__add .product-add-cart-btn:hover a,
.product-thumb .product__add .product-quick-view-btn:hover a {
  color: var(--black-color);
}
.product-thumb .product__add .product-add-cart-btn a,
.product-thumb .product__add .product-quick-view-btn a {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.product-thumb:hover img {
  transform: scale(1.1);
}
.product-thumb:hover .product__add {
  transform: translateY(-20px);
  opacity: 1;
}

.basic-pagination .woocommerce-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.basic-pagination .woocommerce-pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--theme-space-level-1);
  text-decoration: none;
  list-style: none;
  margin: 0px;
  transition: background-color 0.3s ease, color 0.3s ease;
  height: var(--pagination-height);
  width: var(--pagination-width);
  border: var(--pagination-border-width) solid var(--theme-border-color);
  padding: var(--pagination--item-padding);
}
.basic-pagination .woocommerce-pagination .page-numbers li {
  background-color: var(--pagination-background-color);
  transition: all 0.4s ease-in-out;
  border-radius: var(--pagination-border-radius);
}
.basic-pagination .woocommerce-pagination .page-numbers li span.page-numbers.current {
  opacity: 0.3;
}
.basic-pagination .woocommerce-pagination .page-numbers li span.page-numbers.current:hover {
  background-color: var(--pagination-background-color);
  color: var(--white-color);
}
.basic-pagination .woocommerce-pagination .page-numbers li:hover {
  background-color: var(--pagination-hover-bg-color);
  color: var(--pagination-hover-color);
  transition: all 0.4s ease-in-out;
}
.basic-pagination .woocommerce-pagination .page-numbers:hover {
  color: var(--pagination-hover-color);
}
.basic-pagination {
  margin-top: var(--theme-sec-heading-space);
}

.woocommerce-Price-amount.amount bdi {
  text-decoration: none !important;
}

.aitpas-product-slider .swiper-wrapper {
  gap: var(--theme-space-level-2);
}

/* Hide empty WooCommerce notices wrapper */
.woocommerce-notices-wrapper:empty {
  display: none;
}

.product.type-product {
  margin-bottom: var(--theme-space-level-2);
}
.product.type-product .product-rating {
  margin-top: var(--theme-space-level-2);
  margin-bottom: -15px;
}

.star-rating {
  margin-bottom: 0px;
}
.star-rating span {
  font-weight: 400;
}
.star-rating span strong {
  font-weight: 600;
  color: var(--white-color);
}

/* =========================================================================== */
/* 9.4 WOOCOMMERCE PRODUCT PAGE   */
/* =========================================================================== */
.woocommerce-product-gallery .flex-control-thumbs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px;
  gap: var(--theme-space-level-1);
  margin-top: var(--theme-space-level-1);
}
.woocommerce-product-gallery .flex-control-thumbs li {
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.woocommerce-product-gallery__image a img.wp-post-image {
  max-width: 620px;
  max-height: 750px;
  -o-object-fit: cover;
     object-fit: cover;
}

.related.products .theme-sec-heading {
  margin-bottom: var(--theme-sec-heading-space);
}

.product-additional-tab {
  margin-bottom: var(--theme-section-height);
}

label.product-rating {
  margin-bottom: var(--theme-space-level-1);
}

.related-products .section-title,
.related.products .section-title {
  margin-bottom: var(--theme-sec-heading-space);
}
.related-products,
.related.products {
  margin-top: var(--theme-space-level-10);
}

.woocommerce-notices-wrapper {
  margin-top: var(--theme-space-level-4);
  margin-bottom: var(--theme-space-level-4);
}

.woocommerce-message {
  padding: var(--theme-space-level-4);
  background: var(--theme-border-color);
  color: var(--white-color);
  border-radius: var(--theme-space-level-0-2);
}
.woocommerce-message:focus-visible {
  outline: none;
}
.woocommerce-message .button.wc-forward {
  margin-left: var(--theme-space-level-2);
  background: var(--theme-border-color);
  padding: var(--theme-button-padding);
  background: var(--themecolor);
  color: var(--black-color);
  border-radius: var(--theme-space-level-1);
  display: inline-block;
}
.woocommerce-message .button.wc-forward:hover {
  background: var(--themecolor);
  color: var(--theme-default-btn-text-color);
}

.aitpas-product-details--row {
  margin-bottom: var(--theme-space-level-10);
}
.aitpas-product-details--row .product_title.entry-title {
  font-size: var(--heading-2-font-size);
  margin-bottom: var(--theme-space-level-2);
}
.aitpas-product-details--row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aitpas-product-details--row .woocommerce-product-details__short-description {
  margin-bottom: var(--theme-space-level-2);
}
.aitpas-product-details--row .price {
  margin-bottom: var(--theme-space-level-5);
}
.aitpas-product-details--row .variations {
  margin-bottom: var(--theme-space-level-5);
}
.aitpas-product-details--row .variations select {
  background-color: transparent;
  min-width: 350px;
}
.aitpas-product-details--row .variations .reset_variations {
  margin-left: var(--theme-space-level-3);
}
.aitpas-product-details--row .variations tbody {
  border: none;
}
.aitpas-product-details--row .variations tbody tr {
  border: none;
}
.aitpas-product-details--row .variations tbody tr td {
  border: none;
}
.aitpas-product-details--row .variations tbody tr td option {
  background-color: transparent;
}
.aitpas-product-details--row .variations tbody th {
  border: none;
  padding: 0px;
  margin: 0px;
}
.aitpas-product-details--row .variations tbody select {
  margin: 0px;
  background: var(--body-color);
  padding: var(--theme-space-level-1);
}
.aitpas-product-details--row .single_variation_wrap {
  margin-bottom: var(--theme-space-level-5);
}
.aitpas-product-details--row .single_variation_wrap .woocommerce-variation-price {
  margin-bottom: var(--theme-space-level-5);
}
.aitpas-product-details--row .single_variation_wrap .woocommerce-variation-description {
  margin-bottom: var(--theme-space-level-3);
}
.aitpas-product-details--row .single_variation_wrap .woocommerce-product-details__short-description {
  margin-bottom: var(--theme-space-level-2);
}
.aitpas-product-details--row .product_meta {
  margin-bottom: var(--theme-space-level-5);
}

.woocommerce-tabs {
  margin-bottom: var(--theme-sec-heading-space);
}
@media screen and (min-width: 767px) {
  .woocommerce-tabs .tabs {
    display: flex;
  }
}
.woocommerce-tabs .tabs {
  gap: 20px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: var(--theme-space-level-3);
}
.woocommerce-tabs .tabs a {
  padding: 20px 0px;
  display: block;
}
.woocommerce-tabs .tabs-child-title {
  margin-bottom: var(--theme-space-level-2);
}
.woocommerce-tabs .woocommerce-Reviews-title {
  margin-bottom: var(--theme-space-level-2);
  font-size: var(--heading-4-font-size);
}

.woocommerce-Reviews li.review {
  margin-bottom: var(--theme-space-level-3);
}
.woocommerce-Reviews li.review .description {
  max-width: 800px;
}

.shop-details__wrapper {
  position: relative;
}
.shop-details__wrapper .onsale {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 10px;
  background: var(--themecolor);
  color: var(--black-color);
  z-index: 2;
}

.woocommerce-Tabs-panel--description {
  margin-bottom: var(--theme-space-level-2);
}
.woocommerce-Tabs-panel--description h6 {
  margin-bottom: var(--theme-space-level-0-1);
}

.woocommerce-variation-add-to-cart {
  display: flex;
  gap: 20px;
  margin-bottom: var(--theme-space-level-4);
}

.summary.entry-summary .cart {
  display: flex;
  gap: 20px;
  margin-bottom: var(--theme-space-level-4);
}
.summary.entry-summary .cart.variations_form {
  flex-wrap: wrap;
}
.summary.entry-summary .woocommerce-product-rating {
  margin-bottom: var(--theme-space-level-2);
}
.summary.entry-summary .product_meta {
  margin-bottom: var(--theme-space-level-4);
  display: flex;
  flex-direction: column;
  gap: var(--theme-space-level-0-1);
}
.summary.entry-summary .product_meta .product__details-sku.product__details-more,
.summary.entry-summary .product_meta .sku_wrapper {
  display: flex;
  align-items: center;
}
.summary.entry-summary .product_meta .product__details-sku.product__details-more p,
.summary.entry-summary .product_meta .sku_wrapper p {
  margin: 0px;
}
.summary.entry-summary .product_meta .product__details-categories,
.summary.entry-summary .product_meta .posted_in {
  display: flex;
  gap: var(--theme-space-level-1);
}
.summary.entry-summary .product_meta .tagged_as {
  display: flex;
  gap: var(--theme-space-level-1);
}

.cart {
  display: inherit;
}

.stock.out-of-stock {
  color: var(--themecolor);
  cursor: not-allowed;
}

.shop-details__quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--theme-border-color);
  padding: 0px 10px;
}
.shop-details__quantity .input-text {
  margin: 0px;
  border: none;
  text-align: center;
}
.shop-details__quantity span {
  font-size: var(--heading-6-font-size);
  transition: all 0.4s ease-in-out;
}
.shop-details__quantity span:hover {
  color: var(--themecolor);
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.single_add_to_cart_button {
  border: none;
  background-color: var(--themecolor);
  transition: all 0.4s ease;
  border-radius: var(--theme-button-border-radius);
  display: inline-block;
  color: var(--black-color);
}
.single_add_to_cart_button:hover {
  border: none;
  color: var(--black-color);
}
.single_add_to_cart_button:hover span {
  color: var(--black-color);
}
.single_add_to_cart_button span {
  color: var(--white-color);
}
.single_add_to_cart_button:hover {
  border: none;
}

.single_add_to_cart_button.alt.disabled.wc-variation-selection-needed {
  background-color: var(--primary-bg);
  color: var(--body-text-color);
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* Optional: prevent hover effect */
.single_add_to_cart_button.alt.disabled.wc-variation-selection-needed:hover {
  background-color: var(--primary-bg);
  color: var(--body-text-color);
}

span.woocommerce-Price-amount.amount bdi {
  color: var(--white-color);
}

.woocommerce-variation-add-to-cart-disabled .wc-variation-selection-needed {
  background-color: var(--themecolor);
  color: var(--theme-default-btn-text-color);
  border: var(--theme-default-btn-border-width) var(--theme-default-btn-border-style) var(--theme-default-btn-border-color);
  transition: all 0.4s ease;
  border-radius: var(--theme-button-border-radius);
  display: inline-block;
  border: none;
}
.woocommerce-variation-add-to-cart-disabled .wc-variation-selection-needed:hover {
  background-color: var(--themecolor);
  color: var(--theme-default-btn-text-color);
  border: none;
}

form.cart.grouped_form {
  display: flex;
  flex-wrap: wrap;
}

.commentlist {
  margin: 0px;
  padding: 0px;
}
.commentlist li {
  list-style: none;
}
.commentlist li .comment_container {
  display: flex;
  align-items: flex-start;
  gap: var(--theme-space-level-3);
}
.commentlist li .comment_container img {
  border-radius: 100%;
  margin-bottom: var(--theme-space-level-2);
}
.commentlist li .comment_container .star-rating {
  margin-bottom: var(--theme-space-level-2);
}

.comment-form-cookies-consent #wp-comment-cookies-consent {
  margin-bottom: 0px;
  height: 12px;
  margin-right: var(--theme-space-level-1);
}

.comment-form-email input {
  width: 100%;
}

.comment-form-author input {
  width: 100%;
}

.comment-form-comment textarea,
.comment-form-comment input {
  width: 100%;
}

.aitpas-product-area {
  margin-top: var(--theme-space-level-10);
  margin-bottom: var(--theme-space-level-10);
}

.star-rating-wrapper {
  display: flex;
  gap: 5px;
  font-size: 2rem;
  cursor: pointer;
}

.star {
  color: var(--white-color);
  /* default star color */
  transition: color 0.2s;
}

.star.hover,
.star.selected {
  color: #f5a623;
  /* highlighted star color */
}

.product-rating {
  margin-bottom: var(--theme-space-level-2);
}

.star-rating-wrapper {
  margin-bottom: var(--theme-space-level-3);
}

.comment-form-rating-label {
  margin-bottom: var(--theme-space-level-5);
}
.comment-form-rating-label label.product-rating {
  margin-bottom: var(--theme-space-level-1);
}

p.woocommerce-result-count {
  margin: 0px;
}

/* =========================================================================== */
/* RATING  */
/* =========================================================================== */
.comment-form-rating .stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.comment-form-rating .stars a {
  position: relative;
  display: inline-block;
  font-size: 28px;
  text-decoration: none;
  color: var(--theme-border-color);
  cursor: pointer;
  transition: color 0.2s;
}

.comment-form-rating .stars a::before {
  content: "★";
  font-size: 28px;
}

.comment-form-rating .stars a span,
.comment-form-rating .stars a {
  font-size: 0;
}

.comment-form-rating .stars:hover a::before {
  color: #ff9800;
}

.comment-form-rating .stars a:hover ~ a::before {
  color: var(--theme-border-color);
}

.comment-form-rating .stars a.active::before {
  color: #ff9800;
}

/* =========================================================================== */
/* WOOCOMMERCE TAB   */
/* =========================================================================== */
/* Container & basic layout */
@media screen and (min-width: 767px) {
  ul.tabs.wc-tabs {
    display: flex;
  }
}
ul.tabs.wc-tabs {
  gap: 15px;
  border-bottom: 2px solid var(--theme-border-color);
  list-style: none;
  padding: 0;
}

/* Tab items */
ul.tabs.wc-tabs li {
  position: relative;
  padding: 0px 26px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Tab links */
ul.tabs.wc-tabs li a {
  display: inline-block;
  transition: all 0.3s ease;
}

/* Hover effect */
ul.tabs.wc-tabs li:hover {
  background-color: var(--white-color);
}

ul.tabs.wc-tabs li:hover a {
  color: var(--black-color);
}

/* Active tab */
ul.tabs.wc-tabs li.active {
  background-color: var(--theme-border-color);
  color: var(--white-color);
}

ul.tabs.wc-tabs li.active a {
  color: var(--white-color);
}

/* Animated underline for active tab */
ul.tabs.wc-tabs li.active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--themecolor);
}

/* Optional: Smooth tab transition */
ul.tabs.wc-tabs li a {
  position: relative;
}

ul.tabs.wc-tabs li a::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: var(--themecolor);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

ul.tabs.wc-tabs li:hover a::after {
  width: 80%;
}

.quantity input {
  margin: 0px;
  min-width: var(--theme-space-level-8);
}

.woocommerce-product-gallery--with-images .flex-control-nav.flex-control-thumbs {
  justify-content: space-between;
  margin-right: var(--theme-space-level-0-4);
}
.woocommerce-product-gallery--with-images .flex-control-nav.flex-control-thumbs li {
  list-style: none;
}
.woocommerce-product-gallery--with-images .flex-control-nav.flex-control-thumbs li img {
  width: 200px;
}

.disk-theme li {
  list-style: disc;
}
.disk-theme li::marker {
  color: var(--themecolor);
}

@media screen and (max-width: 1024px) {
  .woocommerce-product-gallery__image a img.wp-post-image {
    max-width: 100%;
    width: 100%;
  }
  .aitpas-product-details--row {
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .summary.entry-summary {
    margin-top: var(--theme-space-level-5);
  }
  .woocommerce-product-gallery__image a img.wp-post-image {
    max-width: 96vw;
    width: 96vw;
  }
}
/* =========================================================================== */
/* 9.5 WOOCOMMERCE CHECKOUT   */
/* =========================================================================== */
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #email,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-first_name,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-last_name,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-company,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address-1,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address-2,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-city,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-state,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-postcode,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-country,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-phone,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-email,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address_1,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address_2 {
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid var(--theme-border-color);
  height: 70px;
  background-color: var(--theme-border-color);
  color: var(--body-text-color);
  padding-left: var(--theme-space-level-2);
  padding-right: var(--theme-space-level-2);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #email:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-first_name:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-last_name:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-company:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address-1:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address-2:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-city:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-state:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-postcode:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-country:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-phone:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-email:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address_1:focus,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address_2:focus {
  border-bottom: 1px solid var(--themecolor);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #email:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-first_name:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-last_name:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-company:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address-1:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address-2:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-city:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-state:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-postcode:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-country:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-phone:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-email:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address_1:hover,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-address_2:hover {
  border-bottom: 1px solid var(--themecolor);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form label {
  color: var(--white-color);
  padding-left: var(--theme-space-level-2);
  padding-right: var(--theme-space-level-2);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form select {
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid var(--theme-border-color);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form #billing-country {
  margin-bottom: var(--theme-border-radious-level-3);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form span {
  color: var(--white-color);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main form .wc-blocks-components-select__select#billing-country {
  margin-bottom: 30px;
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
  border-radius: var(--theme-border-radious-level-1);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-coupon__form .wc-block-components-text-input {
  border-radius: var(--theme-border-radious-level-1);
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block form input {
  border-radius: var(--theme-border-radious-level-1);
}

.wc-block-components-address-form__country.wc-block-components-country-input {
  margin-bottom: 30px;
}

.wc-block-checkout__no-payment-methods-notice.wc-block-components-notice-banner {
  border: none;
  border-radius: 0px;
}

.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option {
  border: none !important;
  border-radius: var(--theme-border-radious-level-1) !important;
  box-shadow: none !important;
}

.wc-block-components-radio-control--highlight-checked:after,
.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after {
  border: none !important;
  border-radius: var(--theme-border-radious-level-1) !important;
  box-shadow: none !important;
}

.wc-block-components-textarea,
.wc-block-components-checkbox__input,
.wc-block-components-address-card {
  margin: 0px;
  padding-bottom: 0px;
  border-radius: var(--theme-border-radious-level-1) !important;
  border: 1px solid var(--theme-border-color) !important;
  background-color: var(--theme-border-color) !important;
}

.wc-block-components-address-card address {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.wc-block-components-address-card .wc-block-components-address-card__edit {
  background-color: var(--themecolor);
  color: var(--theme-default-btn-text-color);
  border-radius: var(--theme-border-radious-level-1);
  padding: 5px 10px;
}
.wc-block-components-address-card .wc-block-components-address-card__edit:hover {
  text-decoration: none;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
  left: 0px !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__option {
  padding-left: 2rem !important;
}

.wc-block-components-title.wc-block-components-checkout-step__title {
  font-size: var(--heading-4-font-size) !important;
}

.wc-block-components-radio-control-accordion-content {
  color: var(--white-color);
}

.wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button {
  color: var(--white-color);
}
.wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button:hover {
  color: var(--themecolor);
}

a.wp-element-button.wc-block-cart__submit-button {
  color: var(--black-color);
  border-radius: var(--theme-space-level-3);
}
a.wp-element-button.wc-block-cart__submit-button:hover {
  color: var(--black-color);
  background-color: var(--themecolor);
}

.wc-block-checkout__sidebar h3.wc-block-components-product-name {
  color: var(--white-color);
}

.woocommerce address {
  color: var(--body-text-color);
}

.woocommerce-order-details__title {
  margin-bottom: var(--theme-space-level-1);
}

/* =========================================================================== */
/* 9.6 WOOCOMMERCE ACCOUNT   */
/* =========================================================================== */
@media screen and (min-width: 991px) {
  .aitpas-user-dashboard-wrapper {
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  .aitpas-user-dashboard-wrapper .woocommerce-MyAccount-navigation {
    margin-bottom: var(--theme-space-level-5);
  }
  .aitpas-user-dashboard-wrapper .woocommerce-MyAccount-navigation ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--theme-space-level-1);
  }
  .aitpas-user-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a {
    padding: 0px;
    background-color: transparent;
  }
}
@media screen and (max-width: 570px) {
  .aitpas-user-dashboard-wrapper .woocommerce-MyAccount-navigation {
    margin-bottom: var(--theme-space-level-5);
  }
  .aitpas-user-dashboard-wrapper .woocommerce-MyAccount-navigation ul {
    flex-direction: column;
  }
}
.aitpas-user-dashboard-wrapper .woocommerce-MyAccount-navigation {
  min-width: 25%;
}

.woocommerce-MyAccount-content {
  width: 100%;
}

.woocommerce-Address-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.woocommerce-Address-title .edit {
  color: var(--themecolor);
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: var(--theme-space-level-1);
}

.woocommerce-EditAccountForm .password-input {
  width: 100%;
  position: relative;
}
.woocommerce-EditAccountForm .password-input .show-password-input {
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.woocommerce-EditAccountForm input {
  width: 100%;
}

.select2-container--default .select2-selection--single {
  border-radius: var(--theme-border-radius-level-1);
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--theme-border-color);
  height: var(--theme-space-level-5);
  margin-bottom: var(--theme-space-level-3);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--body-text-color);
  line-height: 100%;
  padding: 15px 0px 0px 0px;
}
.select2-container--default .select2-selection--single .select2-dropdown.select2-dropdown--above {
  background-color: var(--theme-border-color);
}

button.show-password-input::before {
  content: "👁";
  font-size: 20px;
}

.woocommerce-address-fields__field-wrapper input {
  width: 100%;
}
.woocommerce-address-fields__field-wrapper select {
  width: 100%;
}

.form-row.form-row-wide.address-field.update_totals_on_change.validate-required .required_field {
  margin-bottom: var(--theme-space-level-1);
}
.form-row.form-row-wide.address-field.update_totals_on_change.validate-required .woocommerce-input-wrapper select {
  background-color: transparent;
}
.form-row.form-row-wide.address-field.update_totals_on_change.validate-required .woocommerce-input-wrapper span {
  background-color: transparent;
  border: none;
}
.form-row.form-row-wide.address-field.update_totals_on_change.validate-required .woocommerce-input-wrapper .select2-dropdown {
  background: var(--body-color);
}

.woocommerce-MyAccount-navigation ul {
  margin: 0px;
  padding: 0px;
}
.woocommerce-MyAccount-navigation ul li {
  list-style: none;
}

.woocommerce-form-register .woocommerce-form-row {
  display: flex;
  flex-direction: column;
}
.woocommerce-form-register .woocommerce-privacy-policy-text {
  margin-bottom: var(--theme-space-level-5);
}

.woocommerce-ResetPassword input {
  width: 100%;
}
.woocommerce-ResetPassword .woocommerce-form-row--first {
  margin-top: var(--theme-space-level-4);
}

.woocommerce-form-login .woocommerce-form-row {
  display: flex;
  flex-direction: column;
}
.woocommerce-form-login .woocommerce-form-row .password-input {
  width: 100%;
  position: relative;
}
.woocommerce-form-login .woocommerce-form-row .password-input .show-password-input {
  position: absolute;
  top: 0px;
  right: 20px;
  margin-top: 10px;
  cursor: pointer;
  color: var(--black-color);
  padding: 0px;
}
.woocommerce-form-login .woocommerce-form-row .woocommerce-Input {
  width: 100%;
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: var(--theme-space-level-3);
}
.woocommerce-form-login .woocommerce-form-login__rememberme .woocommerce-form__input-checkbox {
  margin-right: var(--theme-space-level-1);
  margin-bottom: 0px;
}

div#customer_login {
  overflow: hidden;
}

/* WooCommerce My Account Navigation */
.woocommerce-MyAccount-navigation {
  background: var(--body-color);
  box-shadow: -1px -1px 4px rgba(17, 69, 70, 0.4745098039), 4px 4px 9px #070618, 0px 0px 7px rgba(14, 77, 78, 0.4431372549);
  padding: var(--theme-space-level-4);
  margin-right: var(--theme-space-level-3);
  backdrop-filter: blur(10px);
  border-radius: var(--theme-space-level-0-2);
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-MyAccount-navigation li {
  margin-bottom: 5px;
  position: relative;
}

.woocommerce-MyAccount-navigation li a {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  border: 1px solid transparent;
  position: relative;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  border-radius: var(--theme-space-level-1);
}

.woocommerce-MyAccount-navigation li a:hover {
  background: var(--themecolor);
  transform: translateY(-2px);
  color: var(--black-color);
  border-radius: var(--theme-space-level-1);
}

.woocommerce-MyAccount-navigation li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--themecolor), transparent);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease;
  z-index: 1;
}

.woocommerce-MyAccount-navigation li a:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}

.woocommerce-MyAccount-navigation li a:hover .nav-icon {
  color: var(--themecolor);
  transform: translateX(4px);
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a[aria-current=page] {
  background: var(--themecolor);
  color: var(--black-color);
  border-radius: var(--theme-space-level-1);
}

.woocommerce-MyAccount-navigation li.is-active a::before,
.woocommerce-MyAccount-navigation li a[aria-current=page]::before {
  transform: scaleX(1);
}

.woocommerce-MyAccount-navigation li a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--white-color);
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.5s, opacity 0.5s;
}

.woocommerce-MyAccount-navigation li a:active::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(25);
  transition: 0s;
}

.woocommerce-MyAccount-navigation li a span {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation li a:hover span {
  background: linear-gradient(90deg, var(--themecolor), var(--themecolor-secondary, #a855f7));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation {
    margin-right: 0;
    margin-bottom: var(--theme-space-level-3);
  }
  .woocommerce-MyAccount-navigation li a {
    padding: 10px 14px;
  }
}
@media screen and (min-width: 767px) {
  .aitpas-account-wrap {
    display: flex;
    gap: var(--theme-space-level-5);
  }
}
@media screen and (max-width: 991px) {
  .aitpas-account-wrap .register {
    margin-top: var(--theme-space-level-7);
  }
}
/* =========================================================================== */
/* 9.7 WOOCOMMERCE WISHLIST   */
/* =========================================================================== */
.wishlist-icon {
  position: relative;
  display: inline-block;
  min-width: var(--theme-space-level-2);
  padding: 10px;
}
.wishlist-icon a {
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
}
.wishlist-icon {
  /* Count Badge */
}
.wishlist-icon .wishlist-count {
  background: var(--warning-background-color);
  font-size: 10px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  position: absolute;
  top: -5px;
  right: -10px;
}

/* ==========================================================================
   Wishlist Dropdown (Animated)
   ========================================================================== */
.wishlist-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: var(--theme-space-level-2);
  z-index: 1000;
  background-color: var(--body-color);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-space-level-1);
  border: 1px solid var(--theme-border-color);
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.wishlist-dropdown .wishlist-dropdown-in {
  width: var(--theme-sub-menu-width);
  min-height: var(--theme-sub-menu-width);
  background: var(--theme-sub-menu-bg-color);
  padding: var(--theme-sub-meu-item-left-right-padding);
}

/* Show dropdown on hover with animation */
.wishlist-icon:hover .wishlist-dropdown {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}

/* ==========================================================================
   Wishlist Content
   ========================================================================== */
/* Empty Message */
.empty-wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Items List */
.wishlist-items {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow-y: auto;
}

.wishlist-item {
  display: flex;
  padding: 10px;
}
.wishlist-item img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.wishlist-item .wishlist-item-details {
  display: flex;
  flex-direction: column;
}

/* ==========================================================================
   Wishlist Footer
   ========================================================================== */
.wishlist-footer {
  padding-top: var(--theme-sub-meu-item-left-right-padding);
}

.view-wishlist-btn {
  display: block;
  text-align: center;
  text-decoration: none;
}
.view-wishlist-btn:hover {
  background: var(--themecolor);
}

.sifency-cart-icon svg {
  max-width: 100px;
  max-width: 100px;
}

.sifency-wishlist-link {
  gap: var(--theme-space-level-1);
}

.sifency-wishlist-text.sifency-wishlist-separator {
  opacity: 0.2;
}/*# sourceMappingURL=style.css.map */