* { box-sizing: border-box; }
.schedule-bottom-section .about-button .ui.builder_button {
    padding-left: 40px;
    padding-right: 40px;
    display: flex; 
    gap: 10px; 
}
.about-conent-row .module-image img { border-radius:20px; }
.about-conent-row .module-title { font-size: 30px; font-weight: 400; margin-bottom:18px; line-height:1.2; display: inline-block; }
.about-conent-row p { font-size:18px; }
 
/* ==========================================================
   FAQ SECTION — restyle to match Figma design
   ========================================================== */

.faq-page .efm-hero-title { color: white;}
.faq-page .efm-faq-wrap .efm-search-wrap .efm-search-input { padding: 6px 18px; margin: 4px; border: 0; height: auto; font-weight: 400;}
.faq-page .efm-faq-wrap .efm-tabs { background: transparent; box-shadow: none;}
.faq-page .efm-faq-wrap .efm-faq-question .efm-chev { font-size: 0; }
.faq-page .efm-faq-wrap .efm-faq-question .efm-chev::before {
    content: "\e0a1";
    font-size: 24px;
    color: #000;
    font-family: uicons-thin-straight !important;
    font-weight: 400;
}
.faq-page .efm-faq-wrap .efm-search-wrap::before {
    content: "\f13a";
    font-size: 22px;
    color: #333333;
    font-weight: 400;
    margin-left: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: uicons-thin-straight !important;
}
.faq-page .efm-faq-wrap .efm-faq-question { font-weight: 500 !important; }
.faq-page .efm-faq-wrap .efm-content {
    max-width: 1280px;
    margin: 0px auto 0; 
    padding: 60px 20px 70px;
}
.schedule-bottom-section .faq-button .ui.builder_button {
    padding-left: 40px;
    padding-right: 40px;
    display: flex; 
    gap: 10px; 
}
.faq-page button:hover, input:is([type=reset],[type=submit]):hover {
    background-color: none;
    box-shadow: none;
    color: none;
    transform: unset;
}
/* RETAIL PAGE SECTION — restyle to match Figma design */
.retail-section-trust-by .module_column.first .tb_text_wrap h3{
      font-size: 40px;
      font-weight: 500;
      color: #333333;
      padding-bottom: 40px;
  }
  .retail-overview-section .module-plain-text { 
        width: 200px;
  }
  .retail-overview-section .last .module-plain-text .tb_text_wrap div{
      font-weight: 500;
  }
  .retail-finance-section .overview-badge::before {
    content: ".";
    font-weight: 600;
    color: #6161ff;
    font-size: 44px;
    line-height: 0;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    margin-left: 10px;
  }
  .retail-overview-section .last .tb_text_wrap h2 { font-weight: 500; }
  .retail-overview-section .last .tb_text_wrap h3 {
    width: auto;
    min-width: 400px;
    max-width: 400px;
    color: #333333;
    margin-bottom: 18px;
  }
  .retail-overview-section .last .tb_text_wrap p {
      color: #6B7280;
      font-size: 20px;
      font-weight: 300;
      line-height: 26px;
      margin: 18px 0 30px 0;
  }
  .retail-overview-section .last .primary-gradient-text,
  .workforce-title .primary-gradient-text,
  .retail-finance-section .primary-gradient-text {
    font-weight: 500;
    background: linear-gradient(90deg, #7C86FF 0%, #51A2FF 50%, #00D3F3 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
  }
  .retail-finance-section h2 { color: #fff; }
  .retail-overview-section .overview-box .tb_text_wrap h3{
      margin: 0;
  }
  .retail-store-operation .module_column.sub_column.col4-2.first,
  .retail-store-operation .module_column.sub_column.col4-2.last,
  .retail-overview-section .module_column.sub_column.col4-2.first,
  .retail-overview-section .module_column.sub_column.col4-2.last { border: 0; }
  .retail-workforce-section .tagtitle-pill { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); }
  .retail-workforce-section .workforce-title .primary-text { color: #6161FF; font-weight: 500; }
  .construction-section .workforce-title .primary-text { color: #6161FF; }
  .retail-workforce-section .smb-need-row { gap: 20px; margin-bottom: 20px; }
  .retail-workforce-section .module_subrow .module_column.sub_column { border: 1px solid #6161FF; }
  .retail-workforce-section .workforce-title  { margin-bottom: 40px; }
  .retail-workforce-section .workforce-title h2 { font-weight: 500; }
  .retail-workforce-section .workforce-title p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }
  .retail-store-operations {
    background-color: #F8FAFC;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 20px;
  }
  .retail-store-operations .tb-image-wrap,
  .retail-store-operations .tb-image-content { margin: 0 !important; padding: 12px 0; }

/*retail-finance-section */ 
.retail-finance-section .feature-card{
    background:#FFFFFF0D;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:28px;
    color:#fff;
    font-family:Poppins,sans-serif;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.retail-finance-section .feature-icon-title{
    display:flex;
    align-items:center;
    justify-content: flex-start;
    gap: 15px;
    margin: 12px 0; 
}

.retail-finance-section .feature-card h2{
    color: #fff;
    font-size:30px;
    font-weight:500;
    margin: 0;
}

.retail-finance-section .feature-card p{
    color:#d6d8e6;
    font-size:17px;
    line-height:1.7;
    margin-bottom:22px;
}

.retail-finance-section .feature-list ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:25px;
}
.retail-finance-section .feature-list li {
  position: relative;
  list-style: none; 
  margin: 0;
}
.retail-finance-section .feature-list li::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 0px;
    width: 22px;
    height: 22px;
    background: url(../images/check.svg) 0 5px no-repeat;
    background-size: 15px;
  }
.retail-finance-section .feature-list span{
    color:#e7e8f3;
    font-size:15px;
}

.retail-finance-section .feature-box{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:20px;
}

.retail-finance-section .feature-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px;
    border: 0;
}

.retail-finance-section .feature-row:last-child{
    margin-bottom:0;
}

.retail-finance-section .feature-row h4{
    margin:0;
    color: #fff;
    font-size:18px;
    font-weight:600;
}

.retail-finance-section .feature-row small{
    color:#bfc3d9;
}

.retail-finance-section .text-right{
    text-align:right;
}

.retail-finance-section .text-right strong{
    display:block;
    margin-bottom:6px;
    font-size:16px;
}

.retail-finance-section .badge{
    display:inline-block;
    padding:4px 10px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
}

.retail-finance-section .green{
    background:#1ecf8b33;
    color:#1ecf8b;
}

.retail-finance-section .orange{
    background:#ffb21d33;
    color:#ffb21d;
}

.retail-finance-section .blue{
    background:#4d8dff33;
    color:#4d8dff;
}

.retail-finance-section .green-text{
    color:#1ecf8b;
    font-size:14px;
    font-weight:600;
}

.retail-finance-section .blue-text{
    color:#4d8dff;
    font-size:14px;
    font-weight:600;
}

.collaboration-team .card-icon{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #615FFF 0%, #155DFC 100%);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
}
.collaboration-team .alternatives-list { gap: 20px; }
.collaboration-team .card-content h3 { font-size: 18px; font-weight: 500; }
.collaboration-team .card-content p { font-size: 16px; }
.collaboration-team .alternative-card{
    display:flex;
    align-items:flex-start;
    gap:18px; min-height: 185px;
}
.collaboration-team .alternative-card .card-content {
    margin-top: 0px;
}
.collaboration-team .alternative-card {
  background: #fff;
  border: 1px solid #6161FF;
}

/* LOGISTICS SECTION */
.logistics-workforce .smb-need-row .alert {
    background: #6161FF24;
    color: #6161FF;
    padding: 12px;
    border-radius: 12px;
    margin: 12px 0 0 0;
    display: inline-flex;
    gap: 8px;
    border: 1px solid #6161FF24;
}
.logistics-workforce .smb-need-row .alert::before {
  content: "\e430";
    font-family: uicons-thin-rounded !important;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    min-width: 24px;
}
.logistics-workforce .workforce-title { margin-bottom: 20px; }
.logistics-workforce .smb-need-row { gap: 20px; margin-bottom: 20px;}
.logistics-workforce .workforce-title span { font-size: 18px; font-weight: 400; max-width: 880px; display: block; margin: 0 auto;  }
.logistics-team-slider .slider-tab-section .team-slider .swiper-slide { background: #F2F2F2; }
.logistics-team-slider .team-slider .content,
.logistics-team-slider .team-slider .image { width: 50%;}
.logistics-team-slider .team-slider .content span { 
  font-size: 16px;
  font-weight: 300;
  line-height: 24.75px;
  color: #333333;
}
.logistics-team-slider .team-slider .content .number { color: #6161FF; font-size: 28px; font-weight: 600; }
.logistics-team-slider .team-slider .content .feature-highlight {
    background: #fff;
    display: inline-block;
    margin: 20px 0px 0px 0px;
    padding: 20px;
    color: #6161FF;
    border: 1px solid #eee;
    border-radius: 20px;
}
.logistics-team-slider .slider-tab-section .content ul { padding: 14px 0 0 0; margin: 0; }
.logistics-team-slider .slider-tab-section .content li { 
    list-style: none;
    display: flex;
    gap: 10px;
    align-items: center;
 }
.logistics-team-slider .team-slider .content li::before {
    content: "\e430";
    font-family: uicons-thin-rounded !important;
    background: rgba(97, 97, 255, 0.14);
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    min-width: 24px;
}

.logistics-team-slider .team-slider .content .feature-highlight p { margin: 0; font-size: 12px; }
.logistic-how-it-works {
    padding:100px 0;
}

.logistic-how-it-works .section-heading{
    text-align:center;
    margin-bottom:70px;
}

.logistic-how-it-works .section-heading h2{
    font-weight:500;
    color:#2d2d2d;
    line-height:1.2;
}

.logistic-how-it-works .workflow{
    position:relative;
    display:flex;
    justify-content:space-between;
    gap:25px;
}

.logistic-how-it-works .workflow::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:34px;
    height:2px;
    background:#6161FF24;
    z-index:1;
}

.logistic-how-it-works .workflow-item{
    position:relative;
    flex:1;
    text-align:center;
    z-index:2;
}
.logistic-how-it-works .workflow-icon.active { background:#6161FF; }
.logistic-how-it-works .workflow-icon{
    width:68px;
    height:68px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 16px;
    border: 2px solid rgba(97, 97, 255, 0.14);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}

.logistic-how-it-works .workflow-icon img{ object-fit:contain; }

.logistic-how-it-works .workflow-step-number{
    display:block;
    color:#5c5cff;
    font-size:14px;
    font-weight:500;
    margin-bottom:10px;
}

.logistic-how-it-works .workflow-item h3{
    font-size:22px;
    font-weight:500;
    color:#2b2b2b;
    margin-bottom:14px;
}

.logistic-how-it-works .workflow-item p{
    color:#747474;
    font-size:14px;
    line-height:1.7;
    max-width:240px;
    margin:0 auto;
}
/* Tablet */
.logistic-reports img { border: 1px solid #eee; border-radius: 16px; }
.logistic-reports .module-image .image-wrap img { width: 100%; }
.logistic-reports-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.logistic-reports-title h2 { width: auto; max-width: 630px; display: inline-block;}
.logistic-reports-title span { width: auto; max-width: 330px; display: inline-block;}
.logistic-reports .report-card {
    background: #363636;
    border-radius: 20px;
    padding: 32px;
    color: #fff;
}

.logistic-reports .report-header {
    margin-bottom: 24px;
}

.logistic-reports .report-header h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #fff;
}

.logistic-reports .report-header p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
}

.logistic-reports .report-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.logistic-reports .report-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    line-height: 1.6;
    list-style: none;
    color: #fff;
}

.logistic-reports .report-list li:not(:last-child) {
    margin-bottom: 12px;
}

.logistic-reports .report-list li::before {
    content: "\e430";
    font-family: "uicons-thin-rounded" !important;
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EBEBEB;
    border-radius: 50%;
    color: #6366F1;
    font-size: 12px;
    flex-shrink: 0;
}
/* Consutruction SECTION  */
.construction-team-slider .slider-tab-section .team-slider .swiper-slide {
      background: #6161FF0F; }

.construction-team-slider .swiper-slide .content,
.construction-team-slider .swiper-slide .image { width: 50%; }
.construction-team-slider .swiper-slide .content { padding: 40px 40px; }
.construction-team-slider .slider-tab-section .image { padding: 0 25px 0 0px; }
.construction-team-slider .slider-tab-section .image img { border-radius: 22px; }
.construction-team-slider .slider-tab-section h3 { margin: 0; font-weight: 600; }
.construction-team-slider .slider-tab-section p { color: #6B7280; font-size: 14px;}
.construction-team-slider .slider-tab-section .content .subtitle-text { color: #6161FF; font-style: italic; font-size: 14px; font-weight: 500; margin: 4px 0 20px 0;
  display: inline-block; }
.construction-team-slider .content .explore-section {
  margin: 28px 0 2px 0;
  color: #6161FF;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.construction-team-slider .content .primary-btn-link { 
    background: transparent;
    font-weight: 600;
    color: #6161FF;
    padding: 0;
    margin: 0;
}
.construction-team-slider .slider-tab-section .content ul { margin: 0; }
.construction-report .reports-module{
    background:#333333;
    border-radius:24px;
    padding:60px 20px;
    color:#fff;
}

.construction-report .section-label{
    display:inline-block;
    margin-bottom:18px;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#6F6CFF;
}

.construction-report .reports-module h2{
    color: #fff;
    line-height:1.08;
    font-weight:700;
    margin-bottom:24px;
    max-width:700px;
}

.construction-report .section-desc{
    max-width:760px;
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:1.7;
    margin-bottom:30px;
}

.construction-report .reports-list{
    list-style:none;
    padding:0;
    margin:0 0 48px;
}

.construction-report .reports-list li{
    display:flex;
    align-items:center;
    gap:14px;
    color:#ECECEC;
    font-size:15px;
}

.construction-report .reports-list li:not(:last-child){
    margin-bottom:12px;
}

.construction-report .report-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.construction-report .stat-card{
    background:#3D3D3D;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:20px;
}

.construction-report .stat-title{
    display:block;
    color:#D0D0D0;
    font-size:14px;
    margin-bottom:8px;
}

.construction-report .stat-card h3{
    line-height:1;
    color: #fff;
    font-weight:700;
    margin-bottom:8px;
    font-size: 20px;
}

.construction-report .stat-change{
    font-size:14px;
    color:#6F6CFF;
}

.construction-report .stat-change.positive{
    color:#6F6CFF;
}

/* EDUCTION SECTION */
.education-slider .slider-tab-section .team-slider .swiper-slide { padding: 40px; gap: 40px; }
.education-slider .team-slider{
    margin-top:50px;
}
.education-slider .feature-content {
  display: flex;
  gap: 10px;
  color: #fff;
  flex-direction: column;
  width: 50%;
}
.education-slider .feature-subtitle{
    font-size:24px;
    font-weight:600;
}

.education-slider .feature-description{
    color:#666;
    line-height:1.7;
    font-size: 16px;
}

.education-slider .feature-right{
    display:flex;
    flex-direction:column;
    gap:35px;
    width: 50%;
}

.education-slider .feature-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.education-slider .feature-list li{
    display:flex;
    align-items:center;
    min-height: 44px;
    background:#F2F2F2;
    border-radius: 16px;
    padding: 8px 15px 8px 50px;
    line-height: 1.2;
    position:relative;
    margin: 0;
}

.education-slider .feature-list li::before{
    content: "\e431";
    font-family: uicons-thin-straight;
    color: var(--primary-color);
    width:16px;
    height:16px;
    position:absolute;
    left:20px;
    top: 10px;
  
}
.retail-overview-section .module-image .image-wrap img { border-radius: 16px;}
/* OPERATIONS SECTION */
.operation-section h2 { font-size: 32px; font-weight: 500; margin-bottom: 16px;}

.completing-section .header-section { background: #eee; min-height: 120px; padding: 20px 26px 10px 26px; 
    border-top-left-radius: 14px; border-top-right-radius: 14px; }
.completing-section .content { padding: 24px 28px; }
.completing-section .content .check_list { margin-top: 20px; }
.completing-section .header-section h2 { font-size: 20px; font-weight: 400; line-height: 26px; margin: 0;}
.completing-section .smb-need-row .module_column { padding: 0; }
.operation-section .operation-content .module .tb-image-wrap { width: 36px; height: 36px; min-width: 36px; border-radius: 50%;
background: #6161FF24; display: flex; align-items: center; justify-content: center; }
/* COMMON CSS FOR PAGES */
.img-radius img { border-radius: 20px; }
.role-section .feature-item.active h3 { color: var(--primary-color); }

/* privacy policy section CSS FOR PAGE */
   .cms-pages h1, .cms-pages h2, .cms-pages h3, .cms-pages h4, .cms-pages h5 { margin: 0; }
     .cms-pages, .mb-policy-section {
    --mb-accent:#5B4FE5;
    --mb-accent-dark:#4a3fd1;
    --mb-text:#2b2b38;
    --mb-muted:#5f6470;
    --mb-border:#e6e4f7;
    --mb-bg-soft:#f6f5fd;
    color:var(--mb-text); margin:0 auto;}
  .cms-page-title h1 {font-size:34px; margin:0; font-weight: 500;}
  .cms-pages h2, .mb-policy-section h2{font-size:36px;margin:0 0 10px;color:var(--mb-text); }
  .cms-pages h3, .mb-policy-section h3{font-size:30px;margin:22px 0 8px;color:var(--mb-text); }
  .cms-pages h4, .mb-policy-section h4{font-size:22px;margin:12px 0 4px;color:var(--mb-text); }
  .cms-pages p, .mb-policy-section p{margin:0 0 16px 0;font-size:1rem;}
  .cms-pages ul, .mb-policy-section ul,
  .cms-pages ol, .mb-policy-section ol{padding-left:22px;font-size:1rem; margin-left: 0;}
  .cms-pages li, .mb-policy-section li{margin-bottom:6px;}
  .cms-pages a, .mb-policy-section a{color:var(--mb-accent);text-decoration:none;}
  .cms-pages a:hover, .mb-policy-section a:hover{text-decoration:underline;}
  .cms-pages .mb-placeholder, .mb-policy-section .mb-placeholder{background:#fff3cd;color:#7a5b00;padding:1px 6px;border-radius:4px;font-size:0.92em;}
  .cms-pages .mb-callout, .mb-policy-section .mb-callout{background:var(--mb-bg-soft);border:1px solid var(--mb-border);border-left:4px solid var(--mb-accent);border-radius:8px;padding:18px 22px;margin:20px 0;font-size:0.98rem;color:var(--mb-muted);}
  .cms-pages table.mb-table, .mb-policy-section table.mb-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:0.95rem;}
  .cms-pages table.mb-table th, .mb-policy-section table.mb-table th{background:var(--mb-accent);color:#fff;text-align:left;padding:10px 14px;font-weight:600;}
  .cms-pages table.mb-table td, .mb-policy-section table.mb-table td{padding:10px 14px;border:1px solid var(--mb-border);vertical-align:top;}
  .cms-pages table.mb-table tr:nth-child(even) td,
  .mb-policy-section table.mb-table tr:nth-child(even) td{background:var(--mb-bg-soft);}
  .cms-icon-img .image-wrap { width: 200px; height: 200px; border: 1px solid #333; border-radius: 20px; display: flex; justify-content: center; 
        align-items: center; min-width: 200px; padding: 20px; }
  .cms-pages footer.mb-footer-note, .mb-policy-section footer.mb-footer-note{margin-top:10px;font-size:0.85rem;color:var(--mb-muted);font-style:italic;border-top:1px solid var(--mb-border);padding-top:18px;}
    body:has(.cms-pages, .mb-policy-section) #footerwrap { position: relative; }

 /* Secure valut overview page  */
.pricing-customer-row.vault .module_column:not(:last-child) { border-right: 1px solid #333333; }

.vault-protection-row .sub_column { padding: 0; text-align: left;
  border-radius: 18px; box-shadow: none; background: #FFFFFF; border: 1px solid rgba(41, 38, 99, 0.69);
  color: #333; transition: 0.3s; }
.vault-protection-row .sub_column:hover  { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 25px 30px;}
.vault-protection-row .sub_column h3 { color: #333; font-weight: 400;  font-size: 20px; margin-bottom: 10px; }
.vault-protection-row .sub_column img { border-top-right-radius: 18px; border-top-left-radius: 18px; }
.vault-protection-row .feature-list { border-top: 0; margin: 0; padding: 0; }
.vault-protection-row .content { padding: 20px; }
.pricing-customer-row.vault .module .tb-image-wrap { margin: 0 0 6px 0; }
.pricing-customer-row.vault .tb-menu-title { font-size: 32px; margin-bottom: 10px; }
.pricing-customer-row.vault .module.module-service-menu { max-width: 350px; }
.vault-protection-row .feature-list li { position: relative; padding-left: 24px; list-style: none; margin: 0 0 8px 0px; font-size: 16px;
  color:#6B7280;  }
.vault-protection-row .feature-list li::before {
    content: "\e17a";
    font-family: uicons-thin-rounded !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
}
/* SecureVault Password manager page  */
.password-manager-banner p { color: var(--text-color); font-size: 18px; font-weight: 300; line-height: 1.4; max-width: 550px; }
.password-content  .module .tb-image-wrap {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  background: #6161FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Challenges-practices .module-text h2 { font-weight: 500; margin-bottom: 36px; }
.password-content .module .tb-menu-title { margin-bottom: 16px; font-size: 30px; }
.password-content .module-service-menu .tb-menu-description { margin-bottom: 0; }
.password-manager .module-service-menu .tb-menu-title { font-weight: 500; margin-bottom: 12px;}
.browser-support-card { border: 1px solid #d9d9e3; border-radius: 12px; padding: 22px; background: #fff; max-width: 320px; height: auto; min-height: 400px; }
.browser-icons { display: flex; gap: 12px; margin-bottom: 22px; flex-wrap: wrap; }
.browser-icons .icon-box { width: 44px; height: 44px; border-radius: 10px; background: #eef0ff; display: flex; align-items: center; justify-content: center; transition: .3s ease; }
.browser-icons .icon-box:hover { background: #e2e5ff; transform: translateY(-2px); }
.browser-icons img {width: 24px; height: 24px; object-fit: contain; }
.browser-support-card h3 { font-size: 20px; font-weight: 500; color: #2d2d35; margin: 0 0 20px; line-height: 1.4; }
.browser-list { list-style: none; margin: 0; padding: 0; }
.browser-list li { position: relative; padding-left: 28px; margin-bottom: 14px; font-size: 16px; color: #3d3d47; line-height: 1.5; }
.browser-list li:last-child { margin-bottom: 0;}
.browser-list li::before {  content: "\e430"; position: absolute; left: 0; top: 0px; width: 18px; height: 18px; font-family: uicons-thin-rounded !important;
  font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; }
.password-autofill .autofill-banner {
    border: 18px solid #6161FF;
    padding: 90px 192px;
    position: relative;
}
.password-autofill .autofill-banner::after { 
    position: absolute;
    bottom: -72px;
    z-index: 1;
    background-image: url(https://workspace.mavenbird.in/wp-content/uploads/2026/08/Password-Autofill-banner.svg);
    width: 95px;
    height: 114px;
    background-size: contain;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
} 
.ai-assistent-feature.password-sharing .workforce-row .module_column { max-width: 642px; }
.built-in-finance .smb-need-row .module_column:hover { transform: translateY(-8px); box-shadow: 0 8px 5px #E9E7F9ED; }
.up-and-running-content .card-content {  margin-top: 20px; }
.workforce-row.password-autofill h3 { font-weight: 500; margin-bottom: 25px; }
.formula-row.take-survey { max-width: 100%; }
.performance-evaluate .module_column { 
    display: flex;
    flex-direction: column;
    justify-content: space-between;  } 
.performance-evaluate .module-image  { position: relative;  z-index: 1;}
.performance-evaluate .module_column .module-title { font-size: 32px; font-weight: 400; margin-bottom: 8px; }
.performance-evaluate .module_column .module-text p { font-size: 20px; }
.performance-evaluate .module_column.last .module-image::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 55px;
    width: 180px;
    height: 120px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-image: url(https://workspace.mavenbird.in/wp-content/uploads/2026/08/Isolation_Mode.svg);
    z-index: -1;
    background-size: contain;
 }
 .fa-service-row .tb-menu-title-wrap h4 { margin-bottom: 10px; }
/* Free Tools page - gratuity  */
.gratuity-comparison {display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #e7e7e7; overflow: hidden; }
.gratuity-card {background: #fff; border-right: 1px solid #e7e7e7; display: flex; flex-direction: column; }
.gratuity-card:last-child {border-right: none; }
.gratuity-header {background: linear-gradient(90deg, #5b5cf5, #6d66ff); color: #fff; padding: 24px;}
.gratuity-header h3 {margin: 0; font-size: 26px; font-weight: 400; line-height: 1.3; color: #fff;}
.gratuity-body {padding: 24px; flex: 1; }
.gratuity-list {list-style: none; margin: 0; padding: 0; }
.gratuity-list li {display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid #ececec; color: #555; font-size: 16px; }
.gratuity-badge {width: 32px; height: 32px; border: 1px solid #d8d8d8; display: flex; align-items: center; justify-content: center; color: #666; font-size: 14px; font-weight: 600; flex-shrink: 0; }
.worked-example {margin-top: 28px; }
.worked-example h5 {margin: 0 0 12px; font-size: 14px; font-weight: 400; color: #333; }
.worked-example p {margin: 0; color: #666; font-size: 15px; line-height: 1.8; }
.gratuity-footer {background: #f4f2ff; padding: 22px 24px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; border-top: 1px solid #6161FF; }
.gratuity-footer span {color: #333; font-size: 16px; }
.gratuity-footer strong {color: #5b5cf5; font-size: 30px; font-weight: 400; }

.city-label{display:block; font-size:11px; letter-spacing:2px; text-transform:uppercase; opacity:.8; margin-bottom:8px; }
.example-text{color:#666; line-height:1.7; margin-bottom:24px; }
.employee-info{display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #ececec; margin-bottom:25px; }
.info-box{padding:16px; border-right:1px solid #ececec; }
.info-box:last-child{border-right:none; }
.info-box small{display:block; font-size:11px; text-transform:uppercase; color:#888; margin-bottom:6px; }
.info-box strong{font-size:18px; }
.section-title{margin:25px 0 15px; font-size:12px; text-transform:uppercase; letter-spacing:2px; color:#777; }
.salary-list{list-style:none; padding:0; margin:0 0 25px; }
.salary-list li{display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid #ececec; }
.salary-list .green{color:#00a66a; }
.salary-list .total{font-weight:600; }
.gratuity-list li{justify-content:space-between; }
.gratuity-list li span:nth-child(2){flex:1; margin-left:15px; }

.recruit-reports-section .module-image.block-scroll-row { padding: 100px 10px 0px 50px; margin-bottom: 25px; }

.payroll-banner.full-bg-content-top { 
    background: linear-gradient(263.56deg, rgba(204, 149, 192, 0.5) 0.47%, rgba(219, 212, 180, 0.5) 47.69%, rgba(122, 161, 210, 0.5) 100%);;
}
.additional-banner.full-bg-content-top,
.purchase-management-banner.full-bg-content-top { 
    background: linear-gradient(263.94deg, rgba(186, 229, 213, 0.5) 1.8%, rgba(215, 172, 212, 0.5) 29.58%, rgba(238, 194, 194, 0.5) 58.75%, rgba(242, 242, 176, 0.5) 98.1%);
} 
.sales-banner.full-bg-content-top { 
    background: linear-gradient(263.65deg, rgba(170, 227, 226, 0.5) 0.26%, rgba(217, 172, 245, 0.5) 35.15%, rgba(255, 206, 254, 0.5) 64.31%, rgba(253, 235, 237, 0.5) 99.68%);
}
.recruitment-banner.full-bg-content-top {
    background: linear-gradient(263.6deg, rgba(123, 211, 234, 0.4) 0.26%, rgba(142, 225, 211, 0.4) 32.91%, rgba(161, 238, 189, 0.4) 64.5%, rgba(230, 132, 174, 0.4) 99.6%);
} 
.gantt-charts-banner.full-bg-content-top,
.timesheets-banner.full-bg-content-top,
.team-collaboration-banner.full-bg-content-top { background: linear-gradient(87.83deg, rgba(168, 230, 207, 0.5) 0.4%, rgba(255, 228, 171, 0.5) 31.44%, rgba(255, 211, 182, 0.5) 61.51%, rgba(255, 170, 165, 0.5) 99.7%);
border-radius: 16px; }
.task-management-banner.full-bg-img { background: linear-gradient(87.83deg, rgba(168, 230, 207, 0.5) 0.4%, rgba(255, 228, 171, 0.5) 31.44%, rgba(255, 211, 182, 0.5) 61.51%, rgba(255, 170, 165, 0.5) 99.7%);}

.integrations-tab .tab-style-top .tab-content .module_subrow { border-radius: 24px 0 0 24px; }
.integrations-tab .tab-content .module_column.first { padding: 80px 50px; border-radius: 24px 0 0 24px; }

.recruit-reports-section .workforce-row-cards  .main-head { font-weight: 400; }
.top-section-sub-text { font-size: 18px; }
.template-email { background: #eeeeff; padding: 20px; border-radius: 20px; margin-bottom: 20px; }
.wp-block-group-is-layout-constrained { padding: var(--wp--preset--spacing--70) !important; }
@media (max-width:1280px){
    .logistic-how-it-works { padding:80px 0; }
    .password-autofill .autofill-banner { padding: 80px 20px; }
    .performance-evaluate .module_column.last .module-image::after {  left: 67px; width: 130px;  height: 120px; }
    .performance-evaluate .module_column { gap: 30px;}
    .integrations-tab .tab-content .module_column.first { border-radius: 12px 0 0 12px; }
}
@media (max-width: 1024px) {
    .meet-team-section .row_inner { grid-template-columns: repeat(2, 1fr); }
    .about-our-content { padding-bottom: 0 !important; }
    .about-count-content .module-fancy-heading, 
    .about-count-content .module-fancy-heading{ border-right: none !important; }
    .password-autofill .autofill-banner { padding: 90px 0; }
    .browser-support-card h3 {font-size: 18px; margin-bottom: 16px; }
    .retail-store-operation .module_column.sub_column.col4-2.first,
    .retail-store-operation .module_column.sub_column.col4-2.last,
    .retail-overview-section .module_column.sub_column.col4-2.first,
    .retail-overview-section .module_column.sub_column.col4-2.last { margin-bottom: 12px;}
    .integrations-tab .tab-content .module_column.first {  padding: 40px 25px; border-radius: 10px 0 0 10px; }
    .performance-evaluate .module_column.last .module-image::after {left: 0px; width: 130px; height: 120px; }
}
@media (max-width:991px) {

    .logistic-how-it-works { padding:60px 0; }
    .retail-finance-section .feature-list ul { gap: 30px; }
    .logistic-how-it-works .workflow{  flex-wrap:wrap; row-gap:60px; z-index: 0; }
    .logistic-how-it-works .workflow::before{ display:none; }
    .logistic-how-it-works .workflow-item{ flex:0 0 calc(50% - 15px); }
    .logistics-team-slider .team-slider .content { width: 100%; }
    .logistics-workforce .workforce-title span { font-size: 16px; }

    .construction-team-slider .slider-tab-section .image { padding: 0; }
    .construction-team-slider .slider-tab-section .image img { border-radius: 10px; }
    .construction-section .module-image .image-wrap{ margin-top: 40px; }
    .construction-team-slider .swiper-slide .content { padding: 20px; }
    .construction-team-slider .swiper-slide .content,
    .construction-team-slider .swiper-slide .image { width: 100%; }
    .construction-report .reports-module { padding: 60px 0px; }
    /* .construction-report .reports-module h2 { font-size: 40px; } */
    .construction-report .section-desc,
    .construction-report .reports-list li { font-size: 13px; }
    .construction-report .stat-card h3 { font-size: 18px; }
    .construction-report .stat-change { font-size: 12px; }

    .education-slider .feature-right,
    .education-slider .feature-content { width: 100%;}
    .education-slider .slider-tab-section .team-slider .swiper-slide { padding: 20px; }
    .completing-section .header-section {  border-top-left-radius: 10px; border-top-right-radius: 10px;}
    .img-radius img { border-radius: 10px; }
    .gratuity-comparison {grid-template-columns: 1fr; gap: 20px; border: 0; }
    .gratuity-card:last-child, .gratuity-card { border: 1px solid #e5e5e5; }
    .gratuity-footer strong {font-size: 32px; }
    .retail-finance-section .feature-icon-title { flex-direction: column; }
}

@media(max-width:768px){

    .top-section-sub-text { font-size: 16px; }
    .retail-finance-section .feature-list{ grid-template-columns:1fr; }
    .retail-finance-section .feature-row{  flex-direction:column; align-items:flex-start; gap:10px; }
    .retail-finance-section .text-right{ text-align:left; }
    .retail-finance-section .feature-card { margin-bottom: 20px; border-radius: 10px; }
    .retail-workforce-section .workforce-title p { font-size: 16px; }
    .manufacturing-built-row img { width: 100%; }
    .pricing-customer-row.vault .module_column:not(:last-child) { border-right: none; }
    .pricing-customer-row.vault .module.module-service-menu { max-width: unset; }
    .password-manager-banner p { font-size: 16px; }
    .browser-support-card {max-width: 100%; padding: 18px; margin-bottom: 20px;}
    .browser-icons {gap: 10px; margin-bottom: 18px; }
    .browser-icons .icon-box {width: 40px; height: 40px; }
    .browser-icons img {width: 22px; height: 22px; }
    .browser-list li {font-size: 15px; margin-bottom: 12px; }
    .password-autofill .autofill-banner { border: 10px solid #6161FF; }
    .password-autofill .autofill-banner::after { width: 80px; }
    .password-autofill .autofill-banner { padding: 60px 0; }
    .password-content .module .tb-menu-title { font-size: 22px;}
    .performance-evaluate .module_column .module-title { font-size: 28px; }
    .performance-evaluate .module_column .module-text p { font-size: 16px; }
    .ai-assistent-feature.password-sharing .workforce-row .module_column { max-width: 100%; }
    .integrations-tab .tab-content .module_column.first { border-radius: 10px 10px 0px 0px; }
    .performance-evaluate .module_column.last .module-image::after { left: -20px; top: -25px; width: 80px; height: 70px; }
    .template-email { border-radius: 10px; }
}
/* Mobile */
@media (max-width:767px){

    .logistic-how-it-works .section-heading{ margin-bottom:50px; }
    .logistic-how-it-works .workflow{ flex-direction:column; gap:40px;  }
    .logistic-how-it-works .workflow-item{ flex:100%; }
    .logistic-how-it-works .workflow-icon{  width:62px;  height:62px;  }
    .logistic-how-it-works .workflow-item p{   max-width:100%;  font-size:14px;  }
    .logistic-reports .report-card {  padding: 20px;  border-radius: 16px;  }
    .logistic-reports .report-header {  margin-bottom: 15px;  }
    .logistic-reports .report-header p,
    .logistic-reports .report-list li { font-size: 15px; }

    .cms-page-title h1 { font-size: 30px; }
    .cms-pages h2, .mb-policy-section h2{font-size:22px; }
    .cms-pages h3, .mb-policy-section h3{font-size:20px; }
    .cms-pages h4, .mb-policy-section h4{font-size:18px; }
    .cms-pages p, .mb-policy-section p,
    .cms-pages li, .mb-policy-section li{font-size:14px; line-height:1.8; }
    .cms-pages table, .mb-policy-section table{display:block; overflow-x:auto; white-space:nowrap; }

    .employee-info{grid-template-columns:1fr; }
    .info-box{border-right:none; border-bottom:1px solid #ececec; }
    .info-box:last-child{border-bottom:none; }
    .gratuity-header {padding: 18px; }
    .gratuity-body {padding: 18px; }
    .gratuity-list li {font-size: 14px; gap: 12px; }
    .worked-example p {font-size: 14px; }
    .gratuity-footer {flex-direction: column; gap: 10px; text-align: center; }
    .gratuity-footer span {font-size: 16px; }
    .gratuity-footer strong {font-size: 28px; }
}
@media (max-width: 600px) {
    .meet-team-section .row_inner { grid-template-columns: 1fr; max-width: 380px; }
    .faq-page .efm-faq-wrap .efm-search-wrap { flex-direction: row !important;  border-radius: 14px; height: 50px; }
    .faq-page .efm-faq-wrap .efm-search-wrap::before { display: none; }
    .faq-page .efm-faq-wrap .efm-search-wrap .efm-search-input { margin: 0; padding: 5px 10px; }
    .faq-page .efm-faq-wrap .efm-search-wrap .efm-search-btn { margin-top: 0; }
    .access-table {min-width: 600px; }
    .access-table th, .access-table td {padding: 14px 16px; }
}

@media(max-width:479px) {
    .password-autofill .autofill-banner::after { bottom: -75px; }
    .cms-page-title h1 { font-size: 26px; }
    .retail-workforce-section .workforce-title { margin-bottom: 15px; }
    .retail-finance-section .feature-list ul { gap: 12px 20px; grid-template-columns: repeat(1,1fr); }
    .retail-store-operation .module_column.sub_column.col4-2.first,
    .retail-store-operation .module_column.sub_column.col4-2.last,
    .retail-overview-section .module_column.sub_column.col4-2.first,
    .retail-overview-section .module_column.sub_column.col4-2.last { margin-bottom: 12px; }
}