/* Recovered Elementor custom CSS for post 4442 — 8 element rule set(s) plus page-level CSS.
 * Generated by docs/archive/scripts/extract-elementor-css.py. Do not hand-edit;
 * edit the source payload under docs/archive/migration-2026-08/elementor-payloads/ or
 * fold the rules into style.css and delete this file. */
/* element 9de3a43 */
.abk-el-9de3a43 .sw-eyebrow-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}

.abk-el-9de3a43 .sw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #17976e;
}

.abk-el-9de3a43 .sw-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #17976e;
  display: inline-block;
}

.abk-el-9de3a43 .sw-route-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.abk-el-9de3a43 .sw-route-label {
  font-size: 12px;
  font-weight: 500;
  color: #6b6b68;
  white-space: nowrap;
}

.abk-el-9de3a43 .sw-channel-icons {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.abk-el-9de3a43 .sw-channel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #efefed;
  transition: border-color 0.2s, transform 0.15s;
}

.abk-el-9de3a43 .sw-channel-icon:hover {
  border-color: #c8c8c4;
  transform: translateY(-1px);
}

.abk-el-9de3a43 .sw-channel-icon-label {
  font-size: 11.5px;
  font-weight: 500;
  color: #c8c8c4;
  font-style: italic;
}

/* element c051516 */
.abk-el-c051516 h2 {
  font-style: normal;
}

.abk-el-c051516 h2 em {
  font-style: italic;
  color: #17976e;
}

/* element a07298c */
.abk-el-a07298c .microcopy {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}

.abk-el-a07298c .microcopy-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 400;
  color: #6b6b68;
  padding: 0 14px 0 0;
}

.abk-el-a07298c .microcopy-sep {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #c8c8c4;
  margin-right: 14px;
  flex-shrink: 0;
}

/* element 2456d3a0 */
.abk-el-2456d3a0 .star-rating {
  display: flex;
  gap: 2px;
}

.abk-el-2456d3a0 .star-rating span {
  font-size: 24px;
  color: #f59e0b;
  line-height: 1;
}

/* element 747f42f5 */
.abk-el-747f42f5 .demo-wrapper {
  width: 480px;
}

@media(max-width: 500px){
    .abk-el-747f42f5 .demo-wrapper{
        width:360px;
    }
}

@media(max-width: 375px){
    .abk-el-747f42f5 .demo-wrapper{
        width:315px;
    }
}

.abk-el-747f42f5 .demo-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #6b6b68;
  line-height: 1.5;
}

.abk-el-747f42f5 .demo-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef4444;
  display: inline-block;
  flex-shrink: 0;
  margin-top: 4px;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
  animation: demopulse 2s ease infinite;
}

.abk-el-747f42f5 .demo-label strong {
  color: #111110;
}

.abk-el-747f42f5 .demo-label em {
  color: #17976e;
  font-style: italic;
}

.abk-el-747f42f5 .demo-flow {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.abk-el-747f42f5 .demo-step {
  font-size: 11.5px;
  font-weight: 500;
  color: #6b6b68;
  background: #ffffff;
  border: 1px solid #efefed;
  border-radius: 20px;
  padding: 4px 12px;
}

.abk-el-747f42f5 .demo-arrow {
  font-size: 11px;
  color: #c8c8c4;
}

.abk-el-747f42f5 .demo-frame {
  width: 100%;
  height: 540px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.06),
    0 8px 24px rgba(0,0,0,0.08),
    0 32px 64px rgba(0,0,0,0.06);
  background: white;
}

.abk-el-747f42f5 .demo-frame iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

@keyframes demopulse {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
  70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* element ce1e847 */
/* Accent word */
.highlight{
  color: #00D087;
  }

/* element 1b5d5b76 */
.abk-el-1b5d5b76 {
    max-width: 620px !important;
}

/* element 4e1d517d */
.abk-popular-card {
  position: relative;
  overflow: visible;
}

.abk-popular-card::before {
  content: 'Most Popular';
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 100px;
  white-space: nowrap;
  z-index: 10;
  width: auto;      /* ← Add this */
  height: auto;     /* ← Add this */
  display: inline-block;  /* ← Add this */
}

/* page-level custom CSS */
body.page-id-4442 .elementor-icon-box-title {
    margin: 0;
}
body.page-id-4442 .bullet-point .elementor-heading-title {
    display: block;
    border-radius: 16px; 
    padding: 12px;
    width: 64px !important;
    height: 64px !important;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.page-id-4442 .border-top {
    position: relative;
    overflow: hidden;
}
body.page-id-4442 .border-top:before {
    content: '';
    position: absolute;
    top: 0;
    height: 6px;
    width: 100%;
}
body.page-id-4442 .border-top.blue:before {
    background: #2563EB;
}
body.page-id-4442 .border-top.yellow:before {
    background: #F7CF08;
}
body.page-id-4442 .border-top.green:before {
    background: #52BE80;
}
body.page-id-4442 .border-top.purple:before {
    background: #7C3AED;
}
body.page-id-4442 /* Avatars */
.avatars {
    display: flex;
    align-items: center;
}
body.page-id-4442 .avatars .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #1F2937;
  margin-left: -12px;
}
body.page-id-4442 .avatars .avatar:first-child {
  margin-left: 0;
}
body.page-id-4442 /* Testimonial */
.testimonial .elementor-testimonial-content {
    margin-bottom: 15px !important;
}
body.page-id-4442 .testimonial .elementor-testimonial-image {
    padding-right: 8px !important;
}
body.page-id-4442 /* FAQs */
.e-n-accordion-item .e-n-accordion-item-title[aria-expanded="true"] {
    border-radius: 12px 12px 0 0;
}
body.page-id-4442 .e-n-accordion-item div[role="region"] {
    border-radius: 0 0 12px 12px;
    border-top: 0;
    padding-top: 0;
}
body.page-id-4442 /* Tabs */
.tab-item {
    position: relative;
    cursor: pointer;
}
body.page-id-4442 .tab-item:before {
    content: '';
    width: 3px;
    height: 100%;
    background: #E5E7EB;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
body.page-id-4442 .tab-item:after {
    content: '';
    width: 3px;
    height: 100%;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: top;
}
body.page-id-4442 .tab-item.blue:after {
    background: #2563EB;
}
body.page-id-4442 .tab-item.yellow:after {
    background: #F7CF08;
}
body.page-id-4442 .tab-item.green:after {
    background: #52BE80;
}
body.page-id-4442 .tab-item[data-tab-active="true"]:after {
    animation: tabFill 10s ease-in-out forwards;
    animation-play-state: var(--tab-play-state, running);
}
body.page-id-4442 from { transform: scaleY(0); }
body.page-id-4442 to { transform: scaleY(1); }
body.page-id-4442 .tab-item[data-tab-active="true"] .tab-item__title h3,body.page-id-4442 .tab-item:hover .tab-item__title h3 {
    color: #0F172A !important;
}
body.page-id-4442 .tab-item .tab-item__content {
    max-height: 0;
    overflow: hidden;
    opacity: 0.4;
    transition: opacity 0.7s ease-in-out, max-height 0.5s ease-in-out;
}
body.page-id-4442 .tab-item[data-tab-active="true"] .tab-item__content {
    max-height: 200px;
    opacity: 1;
}
body.page-id-4442 .tab-item.blue[data-tab-active="true"] .tab-item__icon .elementor-icon,body.page-id-4442 .tab-item.blue:hover .tab-item__icon .elementor-icon {
    background: #DBEAFE !important;
    color: #2563EB !important;
}
body.page-id-4442 .tab-item.yellow[data-tab-active="true"] .tab-item__icon .elementor-icon,body.page-id-4442 .tab-item.yellow:hover .tab-item__icon .elementor-icon {
    background: #FDF9C3 !important;
    color: #A16207 !important;
}
body.page-id-4442 .tab-item.green[data-tab-active="true"] .tab-item__icon .elementor-icon,body.page-id-4442 .tab-item.green:hover .tab-item__icon .elementor-icon {
    background: #D4F4E2 !important;
    color: #27AE60 !important;
}
body.page-id-4442 .tab-content-list {
    position: relative;
}
body.page-id-4442 .tab-content {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.7s ease-in-out;
}
body.page-id-4442 .tab-content[data-tab-active="true"] {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
