.customer-confidence-box {
    background: #F8F6F4;
    border-radius: 10px;
    padding: 18px;
    display: flex;
    margin-top: 15px;
    gap: 35px;
    align-items: center;
}
.customer-confidence-box p{
    margin-bottom: 0;
    color: #0066A6;
    font-size: 20px;
}
.customer-confidence-text {
    margin-top: 40px;
}
.customer-confidence-text .section-header h3 {
    margin-bottom: 40px;
}
.customer-confidence-section{
    padding-bottom: 50px;
}
.complete-control-section .section-header {
    margin-bottom: 40px;
}
.complete-control-box {
    display: flex;
    background: #F8F6F4;
    border-radius: 10px;
    align-items: center;
    margin-bottom: 20px;
    padding: 30px 40px;
    gap: 45px;
    height: 154px;
}

.complete-control-box p {
    font-weight: 500;
    color: #0066A6;
    font-size: 20px;
    line-height: 25px;
    margin: 0;
}
.complete-control-section{
    padding-bottom: 50px;
}

.smarter-business-box {
    display: flex;
    border-radius: 10px;
    align-items: center;
    margin-bottom: 40px;
    gap: 25px;
}

.smarter-business-box p {
    font-weight: 500;
    color: #0066A6;
    font-size: 20px;
    line-height: 25px;
    margin: 0;
}
.smarter-business-text {
    background: #F1F5FA;
    padding: 50px 40px;
    height: 100%;
    border-radius: 10px;
}
.smarter-business-text h3{
    margin-bottom: 50px;
}
.smarter-business-section{
    padding-bottom: 50px;
}
.across-industries-content ul {
    padding: 0 25px;
}
.across-industries-content ul li{
    color: #545454;
    font-size: 14px;
}









.across-industries-section{
    padding:0 10px;
}
.across-industries-section .section-header{
    margin-bottom: 30px;
}
.across-industries-image {
    position: relative;
}
.across-industries-content {
    position: absolute;
    bottom: 20px;
    backdrop-filter: blur(100px);
    background: #FFFFFF99;
    padding: 30px 20px;
    left: 0;
    width: 90%;
    right: 0;
    border-radius: 20px;
    margin: 0 auto;
}
.across-industries-content h4 {
    background: #F98613;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.across-industries-content p {
    margin: 0;
}
.across-industries-swiper .swiper-wrapper {
    padding: 0;
}






/* =====================================================
   FAQ ACCORDION 
===================================================== */
#faq {
    padding: 50px 0;
}

.faq-title h3 {
    padding-bottom: 30px;
}

.zoom-hover picture {
    overflow: hidden;
    border-radius: 20px;
}


#faq .accordion-button {
    font-family: var(--font-heading);
    color: var(--text-muted);
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    background: transparent;
}

/* Active title */
#faq .accordion-button:not(.collapsed) {
    color: var(--main-btn-color);
}

/* Body text */
#faq .accordion-body {
    font-family: var(--font-heading);
    color: var(--text-muted);
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
}

/* Remove default accordion border */
#faq .accordion {
    border: none;
    --bs-accordion-border-width: 0;
}

/* Remove focus glow */
#faq .accordion-button:focus {
    outline: 0;
    box-shadow: none;
}

/* DEFAULT item = transparent */
/* Accordion item spacing control */
#faq .accordion-item {
    background-color: transparent;
    border: none;
    border-radius: 10px;
    margin-bottom: 0px;
    padding: 0;
}

/* Inner padding on header + body */
#faq .accordion-button {
    padding: 18px 24px;
}

#faq .accordion-body {
    padding: 12px 24px 20px;
}

/* ACTIVE background only */
#faq .accordion-item:has(.accordion-collapse.show) {
    background-color: #F8F6F4;
    border-radius: 10px;
    margin-bottom: 0;
}

#faq .accordion-item .accordion-collapse.show {
    background: transparent;
}

/* Default (closed) arrow down */
#faq .accordion-button::after {
    background-image: url("../images/accordion-down-arrow.svg");
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* Active (open) = arrow UP + orange */
#faq .accordion-button:not(.collapsed)::after {
    background-image: url("../images/accordion-up-arrow.svg");
    /* up arrow */
    transform: rotate(0deg);
    filter: brightness(0) saturate(100%) invert(62%) sepia(94%) saturate(470%) hue-rotate(356deg);
}


/* =====================================================
   QR-codes.css — RESPONSIVE ADDITIONS
   Breakpoints: 1199px | 991px | 767px | 575px
===================================================== */

/* ─────────────────────────────────────────────────
   1199px – Large tablets / small laptops
───────────────────────────────────────────────── */
@media (max-width: 1199px) {


}


/* ─────────────────────────────────────────────────
   991px – Tablets portrait
───────────────────────────────────────────────── */
@media (max-width: 991px) {

.complete-control-box p {
    text-align: left;
}


}




/* ─────────────────────────────────────────────────
   575px – Mobile portrait
───────────────────────────────────────────────── */
@media (max-width: 575px) {

  

  /* ── FAQ ── */
  #faq .accordion-button {
    font-size: 15px;
    line-height: 22px;
    padding: 12px 16px;
  }

  #faq .accordion-body {
    padding: 10px 16px 16px;
  }
}


/* ─────────────────────────────────────────────────
   767px – Mobile landscape
───────────────────────────────────────────────── */
@media (max-width: 767px) {


  /* ── FAQ ── */
  #faq .accordion-button {
    font-size: 17px;
    line-height: 25px;
    padding: 14px 18px;
  }


.across-industries-image {
    position: relative;
    margin-bottom: 20px;
}
.customer-confidence-box p {
    margin-bottom: 0;
    color: #0066A6;
    font-size: 17px;
}
.complete-control-box {
    display: flex;
    background: #F8F6F4;
    border-radius: 10px;
    align-items: center;
    padding: 10px 40px;
    height: 114px;
    text-align: left;
}
.smarter-business-box p {
    text-align: left;
}
.across-industries-content ul {
    text-align: left;
}
.secure-buttons a.main-btn {
    margin-right: 0;
}
.complete-control-section .row {
    flex-direction: column-reverse;
}
.complete-control-section .section-header {
    margin-bottom: 20px;
}
.complete-control-section {
    padding-bottom: 10px;
}
.swiper-pagination {
    display: block;
}
.smarter-business-box:last-child {
    margin: 0;
}
.customer-confidence-section {
    padding-bottom: 20px;
}
.complete-control-image {
    margin-bottom: 20px;
}
.smarter-business-text {
    padding: 30px 20px;
    margin-top: 15px;
}







}