/* ==========================================================
   Liquor Store POS Hero Section
        ========================================================== */

 .liquor-pos-hero {
     --liquor-blue: #1a3f70;
     --liquor-dark-blue: #0c2b57;
     --liquor-yellow: #feb100;
     --liquor-green: #1ca968;
     --liquor-red: #ef5350;
     --liquor-text: #5b6880;

     position: relative;
     z-index: 0;
     overflow: hidden;
     padding: 50px 0 105px;
     background:
         radial-gradient(circle at 73% 27%,
             rgba(254, 177, 0, 0.12),
             transparent 31%),
         linear-gradient(115deg,
             #ffffff 0%,
             #fffefb 56%,
             #f8f3e9 100%);
 }

 /* Background faded shelves */

 .liquor-pos-hero::before {
     content: "";
     position: absolute;
     z-index: -3;
     top: 0;
     right: 0;
     bottom: 0;
     width: 43%;
     opacity: 0.17;
     background:
         linear-gradient(rgba(255, 255, 255, 0.5),
             rgba(255, 255, 255, 0.5)),
         repeating-linear-gradient(90deg,
             transparent 0,
             transparent 68px,
             rgba(26, 63, 112, 0.1) 69px,
             rgba(26, 63, 112, 0.1) 72px);
     clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
 }

 .liquor-pos-hero .container {
     position: relative;
     z-index: 3;
 }

 /* Decorative dot pattern */

 .liquor-pos-hero__dots {
     position: absolute;
     z-index: 0;
     width: 115px;
     height: 115px;
     opacity: 0.42;
     background-image: radial-gradient(circle,
             #bac4d1 1.8px,
             transparent 2px);
     background-size: 16px 16px;
 }

 .liquor-pos-hero__dots--left {
     left: -15px;
     bottom: 175px;
 }

 .liquor-pos-hero__dots--center {
     top: 130px;
     left: 50%;
 }

 /* Content */

 .liquor-pos-hero__content {
     position: relative;
     z-index: 5;
 }

 .liquor-pos-hero__badge {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     min-height: 42px;
     margin-bottom: 25px;
     padding: 7px 18px 7px 10px;
     color: #192b48;
     background: rgba(255, 255, 255, 0.9);
     border: 1px solid rgba(254, 177, 0, 0.55);
     border-radius: 50px;
     box-shadow: 0 10px 30px rgba(26, 63, 112, 0.05);
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 0.4px;
     text-transform: uppercase;
 }

 .liquor-pos-hero__badge-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 25px;
     height: 25px;
     color: var(--liquor-yellow);
     font-size: 18px;
 }

 .liquor-pos-hero__title {
     max-width: 780px;
     margin: 0 0 28px;
     color: #09244f;
     font-size: 48px;
     font-weight: 700;
     line-height: 1.09;
     letter-spacing: -2px;
 }

 .liquor-pos-hero__title span {
     display: block;
     margin-top: 4px;
     color: var(--liquor-yellow);
 }

 .liquor-pos-hero__content p {
     max-width: 750px;
     margin: 0 0 14px;
     color: var(--liquor-text);
     font-size: 16px;
     line-height: 1.72;
     letter-spacing: 0;
 }

 .liquor-pos-hero__content p strong {
     color: var(--liquor-blue);
     font-weight: 700;
 }

 /* Buttons */

 .liquor-pos-hero__buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 13px;
     margin-top: 30px;
 }

 .liquor-pos-hero__button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     min-height: 58px;
     padding: 0 22px;
     border: 1px solid transparent;
     border-radius: 7px;
     font-size: 15px;
     font-weight: 600;
     line-height: 1;
     transition:
         transform 0.25s ease,
         box-shadow 0.25s ease,
         background 0.25s ease,
         color 0.25s ease;
 }

 .liquor-pos-hero__button i {
     font-size: 17px;
 }

 .liquor-pos-hero__button:hover {
     transform: translateY(-3px);
 }

 .liquor-pos-hero__button--yellow {
     color: #ffffff !important;
     background: linear-gradient(135deg,
             #ffbd1f 0%,
             #f6a000 100%);
     box-shadow: 0 12px 24px rgba(254, 177, 0, 0.25);
 }

 .liquor-pos-hero__button--yellow:hover {
     color: #ffffff !important;
     box-shadow: 0 16px 30px rgba(254, 177, 0, 0.32);
 }

 .liquor-pos-hero__button--outline {
     color: #10274b !important;
     background: rgba(255, 255, 255, 0.82);
     border-color: #294a76;
 }

 .liquor-pos-hero__button--outline:hover {
     color: #ffffff !important;
     background: var(--liquor-blue);
     border-color: var(--liquor-blue);
 }

 .liquor-pos-hero__button--blue {
     color: #ffffff !important;
     background: linear-gradient(135deg,
             #204b81 0%,
             #0c2b57 100%);
     box-shadow: 0 12px 24px rgba(26, 63, 112, 0.22);
 }

 .liquor-pos-hero__button--blue:hover {
     color: #ffffff !important;
     box-shadow: 0 16px 30px rgba(26, 63, 112, 0.3);
 }

 /* Right visual */

 .liquor-pos-hero__visual {
     position: relative;
     z-index: 2;
     min-height: 590px;
 }

 .liquor-pos-hero__image {
     position: absolute;
     z-index: 4;
     right: -20px;
     bottom: 0;
     width: 94%;
 }

 .liquor-pos-hero__image img {
     position: relative;
     z-index: 2;
     display: block;
     width: 100%;
     height: auto;
     object-fit: contain;
     filter: drop-shadow(0 28px 25px rgba(13, 38, 69, 0.2));
 }

 .liquor-pos-hero__image-glow {
     position: absolute;
     z-index: 0;
     top: 23%;
     left: 18%;
     width: 68%;
     height: 58%;
     background: rgba(254, 177, 0, 0.13);
     border-radius: 50%;
     filter: blur(55px);
 }



 /* Benefits row */

 .liquor-pos-benefits {
     position: relative;
     z-index: 12;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     margin-top: 45px;
     padding: 22px;
     background: rgba(255, 255, 255, 0.92);
     border: 1px solid rgba(224, 229, 236, 0.95);
     border-radius: 22px;
     box-shadow: 0 18px 42px rgba(25, 52, 85, 0.09);
     backdrop-filter: blur(10px);
 }

 .liquor-pos-benefit {
     display: flex;
     align-items: center;
     gap: 15px;
     min-height: 78px;
     padding: 0 24px;
     border-right: 1px solid #e4e9ef;
 }

 .liquor-pos-benefit:first-child {
     padding-left: 10px;
 }

 .liquor-pos-benefit:last-child {
     padding-right: 10px;
     border-right: 0;
 }

 .liquor-pos-benefit__icon {
     flex: 0 0 59px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 59px;
     height: 59px;
     border-radius: 50%;
     font-size: 25px;
 }

 .liquor-pos-benefit__icon--blue {
     color: #315fc4;
     background: #edf3ff;
 }

 .liquor-pos-benefit__icon--green {
     color: #1ca968;
     background: #eaf9f1;
 }

 .liquor-pos-benefit__icon--yellow {
     color: #eba109;
     background: #fff5dc;
 }

 .liquor-pos-benefit__icon--red {
     color: #e94d50;
     background: #fff0ef;
 }

 .liquor-pos-benefit__text {
     color: #13233f;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.5;
 }

 .liquor-pos-benefit__text span {
     display: block;
 }

 /* Bottom wave */

 .liquor-pos-hero__bottom-shape {
     position: absolute;
     z-index: 0;
     right: -3%;
     bottom: -65px;
     left: -3%;
     height: 125px;
     overflow: hidden;
     background: var(--liquor-blue);
     border-top: 8px solid var(--liquor-yellow);
     border-radius: 50% 50% 0 0 / 34% 34% 0 0;
 }



 /* ==========================================================
   Responsive
    ========================================================== */

 @media only screen and (max-width: 1399px) {

     .liquor-pos-hero {
         padding-top: 125px;
     }

     .liquor-pos-hero__title {
         font-size: 53px;
     }

     .liquor-pos-hero__content p {
         font-size: 15px;
     }

     .liquor-pos-hero__visual {
         min-height: 550px;
         transform: scale(0.9);
         transform-origin: center right;
         margin-left: -30px;
         margin-right: -25px;
     }

     .liquor-pos-card--sales {
         right: -5%;
     }

     .liquor-pos-benefit {
         padding: 0 15px;
     }

     .liquor-pos-benefit__text {
         font-size: 13px;
     }
 }

 @media only screen and (max-width: 1199px) {

     .liquor-pos-hero {
         padding: 115px 0 100px;
     }

     .liquor-pos-hero__row {
         flex-direction: column;
     }

     .liquor-pos-hero__content {
         max-width: 900px;
         margin: 0 auto;
     }

     .liquor-pos-hero__title {
         max-width: 850px;
     }

     .liquor-pos-hero__visual {
         width: 760px;
         max-width: 100%;
         min-height: 590px;
         margin: 35px auto 0;
         transform: none;
     }

     .liquor-pos-card--sales {
         right: 0;
     }



     .liquor-pos-benefits {
         grid-template-columns: repeat(2, 1fr);
     }

     .liquor-pos-benefit:nth-child(2) {
         border-right: 0;
     }

     .liquor-pos-benefit:nth-child(1),
     .liquor-pos-benefit:nth-child(2) {
         margin-bottom: 15px;
         padding-bottom: 15px;
         border-bottom: 1px solid #e4e9ef;
     }
 }

 @media only screen and (max-width: 767px) {

     .liquor-pos-hero {
         padding: 95px 0 80px;
     }

     .liquor-pos-hero__badge {
         font-size: 11px;
     }

     .liquor-pos-hero__title {
         font-size: 40px;
         letter-spacing: -1.2px;
     }

     .liquor-pos-hero__content p {
         font-size: 15px;
         line-height: 1.65;
     }

     .liquor-pos-hero__buttons {
         display: grid;
         grid-template-columns: 1fr;
     }

     .liquor-pos-hero__button {
         width: 100%;
     }

     .liquor-pos-hero__visual {
         min-height: 525px;
         margin-top: 35px;
         margin-bottom: -80px;
         transform: scale(0.82);
         transform-origin: top center;
     }



     .liquor-pos-card--verification {
         right: 0;
     }

     .liquor-pos-card--sales {
         right: -2%;
     }



     .liquor-pos-benefits {
         grid-template-columns: 1fr;
         padding: 8px 18px;
         border-radius: 16px;
     }

     .liquor-pos-benefit,
     .liquor-pos-benefit:first-child,
     .liquor-pos-benefit:last-child,
     .liquor-pos-benefit:nth-child(1),
     .liquor-pos-benefit:nth-child(2) {
         min-height: 90px;
         margin: 0;
         padding: 12px 0;
         border-right: 0;
         border-bottom: 1px solid #e4e9ef;
     }

     .liquor-pos-benefit:last-child {
         border-bottom: 0;
     }
 }

 @media only screen and (max-width: 575px) {

     .liquor-pos-hero {
         padding-top: 85px;
     }

     .liquor-pos-hero__title {
         font-size: 34px;
     }

     .liquor-pos-hero__badge {
         gap: 5px;
         padding-right: 12px;
         letter-spacing: 0;
     }

     .liquor-pos-hero__visual {
         left: 50%;
         width: 690px;
         max-width: none;
         min-height: 530px;
         margin-bottom: -180px;
         transform: translateX(-50%) scale(0.62);
         transform-origin: top center;
     }

     .liquor-pos-hero__image {
         right: 3%;
         width: 90%;
     }

     .liquor-pos-benefits {
         margin-top: 25px;
     }

     .liquor-pos-benefit__icon {
         flex-basis: 52px;
         width: 52px;
         height: 52px;
         font-size: 21px;
     }

     .liquor-pos-benefit__text {
         font-size: 13px;
     }
 }

 @media only screen and (max-width: 380px) {

     .liquor-pos-hero__title {
         font-size: 30px;
     }

     .liquor-pos-hero__badge {
         font-size: 10px;
     }
 }

 /* ==========================================================
   LIQUOR SPECIAL POS SECTION
========================================================== */
 .liquor-special-section {
     padding: 100px 0;
     background: #ffffff;
     position: relative;
     overflow: hidden;
 }

 /* ================= TOP AREA ================= */
 /* BADGE */
 .liquor-special-badge {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 7px 18px 7px 8px;
     background: #fff7e5;
     border-radius: 40px;
     color: #f5a900;
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
 }


 .liquor-special-badge span {
     width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #feb100;
     color: #fff;
     border-radius: 50%;
 }

 /* HEADING */

 .liquor-special-content h2 {
     margin-top: 25px;
     font-size: 52px;
     font-weight: 700;
     line-height: 1.12;
     color: #123462;
     letter-spacing: -1px;
 }

 .liquor-special-content h2 span {
     color: #feb100;
 }

 .liquor-special-line {
     width: 55px;
     height: 4px;
     background: #feb100;
     margin: 28px 0;
 }



 .liquor-special-content p {
     max-width: 600px;
     margin: 0;
     font-size: 17px;
     line-height: 1.85;
     color: #52627a;
 }


 /* ================= FEATURE ICONS ================= */

 .liquor-feature-row {
     padding-left: 20px;
 }

 .liquor-feature-box {
     text-align: center;
 }

 .liquor-feature-icon {
     width: 88px;
     height: 88px;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     font-size: 34px;
     transition: .3s ease;
 }


 .liquor-feature-box:hover .liquor-feature-icon {
     transform: translateY(-7px);
 }

 .icon-blue {
     background: #eef5ff;
     color: #143d76;
 }



 .icon-green {
     background: #edf8e7;
     color: #5d8c22;
 }

 .icon-orange {
     background: #fff2df;
     color: #efa400;
 }

 .icon-purple {
     background: #f6edff;
     color: #8052c7;
 }

 .icon-shop {
     background: #fff0dc;
     color: #e8a01b;
 }

 .icon-chart {
     background: #eaf3ff;
     color: #3472cf;
 }

 .liquor-feature-box h5 {
     margin-top: 18px;
     color: #132e57;
     font-size: 15px;
     font-weight: 600;
     line-height: 1.5;
 }

 /* ================= TABLE SECTION ================= */


 .liquor-pain-section h3 {
     text-align: center;
     color: #123462;
     font-size: 38px;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .liquor-heading-dots {
     display: flex;
     justify-content: center;
     gap: 6px;
     margin-bottom: 35px;
 }

 .liquor-heading-dots span {
     width: 7px;
     height: 7px;
     background: #feb100;
     border-radius: 50%;
 }

 /* TABLE BOX */


 .liquor-pain-table {
     overflow: hidden;
     border-radius: 15px;
     background: #fff;
     box-shadow:
         0 15px 40px rgba(20, 45, 80, .10);
 }

 /* HEADER */

 .liquor-pain-header {
     background: #10386f;
     color: #feb100;
     padding: 18px 35px;
     font-size: 18px;
     font-weight: 700;
 }

 /* ROW */
 .liquor-pain-row {
     padding: 20px 35px;
     border-bottom: 1px solid #edf1f6;
     background: #ffffff;
     transition: .3s ease;
 }

 .liquor-pain-row:hover {
     background: #fbfcff;
 }

 /* LEFT */
 .liquor-pain-name {
     display: flex;
     align-items: center;
     gap: 20px;
     color: #15325e;
     font-size: 16px;
     font-weight: 600;
 }



 .liquor-pain-icon {
     flex-shrink: 0;
     width: 55px;
     height: 55px;
     border-radius: 50%;
     background: #f1f6fd;
     color: #153b72;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
 }

 /* RIGHT */
 .liquor-pain-desc {
     position: relative;
     padding-right: 60px;
     color: #4d5c72;
     font-size: 16px;
     line-height: 1.55;
 }

 .liquor-pain-desc span {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
 }

 .liquor-pain-desc span i {
     width: 34px;
     height: 34px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     color: #ff615b;
     background: #fff0ef;
     font-size: 14px;
 }

 /* ==========================================================
   RESPONSIVE DESIGN
========================================================== */

 @media(max-width:1199px) {
     .liquor-special-content h2 {
         font-size: 44px;
     }

     .liquor-feature-row {
         padding-left: 0;
     }

     .liquor-feature-icon {
         width: 75px;
         height: 75px;
         font-size: 28px;
     }

     .liquor-feature-box h5 {
         font-size: 14px;
     }
 }

 @media(max-width:991px) {
     .liquor-special-section {
         padding: 80px 0;
     }

     .liquor-special-content {
         text-align: center;
         margin-bottom: 45px;
     }

     .liquor-special-content p {
         margin: auto;
     }

     .liquor-special-line {
         margin: 25px auto;
     }

     .liquor-special-content h2 {
         font-size: 40px;
     }

     .liquor-pain-section h3 {
         font-size: 32px;
     }

     .liquor-pain-header {
         padding: 18px 20px;
     }

     .liquor-pain-row {
         padding: 20px;
     }
 }

 @media(max-width:767px) {
     .liquor-special-section {
         padding: 60px 0;
     }

     .liquor-special-content h2 {
         font-size: 34px;
     }

     .liquor-special-content p {
         font-size: 15px;
     }

     .liquor-feature-row {
         margin-top: 20px;
     }

     .liquor-feature-box {
         margin-bottom: 25px;
     }

     .liquor-pain-section h3 {
         font-size: 26px;
         line-height: 1.3;
     }

     /* mobile table */

     .liquor-pain-header {
         display: none;
     }

     .liquor-pain-row {
         display: block;
         padding: 25px 20px;
     }

     .liquor-pain-name {
         margin-bottom: 18px;
     }

     .liquor-pain-desc {
         padding-right: 45px;
         font-size: 15px;
     }
 }

 @media(max-width:480px) {
     .liquor-special-badge {
         font-size: 11px;
     }

     .liquor-special-content h2 {
         font-size: 30px;
     }

     .liquor-feature-icon {
         width: 65px;
         height: 65px;
         font-size: 23px;
     }

     .liquor-feature-box h5 {
         font-size: 13px;
     }

     .liquor-pain-name {
         font-size: 14px;
     }

     .liquor-pain-icon {
         width: 45px;
         height: 45px;
         font-size: 18px;
     }
 }

 .apos-feature-area {
     background: linear-gradient(135deg, #fff7e6, #fff, #f4f4f4);
     padding: 90px 0;
 }

 .apos-feature-title span {
     color: #FBBF24;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 2px;
 }

 .apos-feature-title h2 {
     font-size: 46px;
     font-weight: 700;
     color: #123462;
 }

 .apos-feature-title strong {
     color: #FBBF24;
 }

 .apos-feature-box {
     background: #fff;
     border: 1px solid #ead7a5;
     border-radius: 18px;
     padding: 10px 12px;
     text-align: center;
     height: 100%;
     transition: .35s ease;
 }

 .apos-feature-box:hover {
     transform: translateY(-6px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
     border-color: #FBBF24;
 }

 .apos-feature-box-icon {
     width: 50px;
     height: 50px;
     margin: 0 auto 5px;
     background: #FBBF24;
     color: #123462;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
 }

 .apos-feature-box h4 {
     font-size: 15px;
     font-weight: 600;
     line-height: 1.4;
     color: #123462;
     margin: 0;
 }

 @media(max-width:991px) {
     .apos-feature-title h2 {
         font-size: 36px;
     }
 }

 @media(max-width:575px) {
     .apos-feature-box-icon {
         width: 48px;
         height: 48px;
         font-size: 18px;
     }

     .apos-feature-box h4 {
         font-size: 14px;
     }
 }

 .business-benefits {
     position: relative;
     overflow: hidden;
     padding: 34px 5.4% 58px;
     background: radial-gradient(circle at 50% 0, #fff 0, #f7faff 45%, #eef5ff 100%);
     font-family: Arial, sans-serif
 }

 .benefit-top-shape {
     position: absolute;
     top: 0;
     left: 0;
     width: 350px;
     height: 235px;
     z-index: 0;
     pointer-events: none
 }

 .benefit-top-shape svg,
 .benefit-bottom-shape svg,
 .benefit-right-art svg {
     display: block;
     width: 100%;
     height: 100%
 }

 .benefit-right-circle {
     position: absolute;
     top: -112px;
     right: -75px;
     width: 440px;
     height: 355px;
     border-radius: 50%;
     background: rgba(226, 237, 253, .55);
     z-index: 0
 }

 .benefit-right-art {
     position: absolute;
     top: 42px;
     right: 48px;
     width: 270px;
     height: 158px;
     z-index: 1;
     pointer-events: none
 }

 .benefit-bottom-shape {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 390px;
     height: 180px;
     z-index: 0;
     pointer-events: none
 }

 .benefit-bottom-dots {
     position: absolute;
     right: 10px;
     bottom: 54px;
     width: 105px;
     height: 105px;
     background-image: radial-gradient(circle, #bfd6fa 2.5px, transparent 3px);
     background-size: 22px 22px;
     z-index: 0
 }

 /* .section-header,
    .benefit-table {
        position: relative;
        z-index: 3
    } */
 .benefit-table {
     position: relative;
     z-index: 3
 }

 .section-header {
     text-align: center;
     margin: 0 auto 34px;
     max-width: 1040px
 }

 .benefit-small-title {
     color: #feb100;
     font-size: 20px;
     font-weight: 800;
     letter-spacing: 1.8px;
     line-height: 1.3
 }

 .benefit-divider {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     margin: 10px 0 4px
 }

 .benefit-divider span {
     width: 76px;
     height: 2px;
     background: #feb100
 }

 .benefit-divider i {
     display: block;
     width: 13px;
     height: 13px;
     background: #feb100;
     transform: rotate(45deg)
 }

 .section-header h2 {
     margin: 0;
     color: #0c2c68;
     font-size: 48px;
     font-weight: 700;
     line-height: 1.15
 }

 .section-header h2 strong {
     color: #feb100;
     font-weight: 800
 }

 .section-header p {
     margin: 12px 0 0;
     color: #242424;
     font-size: 20px;
     line-height: 1.5
 }

 .benefit-table {
     max-width: 1450px;
     margin: auto;
     border-radius: 10px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0 8px 24px rgba(12, 44, 104, .16)
 }

 .benefit-head,
 .benefit-row {
     display: grid;
     grid-template-columns: 38% 62%
 }

 .benefit-title-2,
 .outcome-title {
     min-height: 70px;
     display: flex;
     align-items: center;
     gap: 28px;
     padding: 14px 42px;
     font-size: 25px;
     font-weight: 700
 }

 .benefit-title-2 {
     position: relative;
     background: linear-gradient(120deg, #0c2c68, #123d83);
     color: #fff
 }

 .benefit-title-2:after {
     content: "";
     position: absolute;
     right: -24px;
     bottom: 0;
     border-left: 25px solid #123d83;
     border-top: 25px solid transparent;
     z-index: 2
 }

 .benefit-title-2 i {
     font-size: 33px
 }

 .outcome-title {
     padding-left: 62px;
     background: linear-gradient(90deg, #ffc425, #ffbd16);
     color: #0c2c68
 }

 .outcome-title i {
     font-size: 33px
 }

 .benefit-row {
     position: relative;
     min-height: 70px;
     border-bottom: 1px solid #d7e0ed
 }

 .benefit-row:last-child {
     border-bottom: 0
 }

 .benefit-name {
     position: relative;
     display: flex;
     align-items: center;
     gap: 28px;
     padding: 10px 38px;
     background: linear-gradient(90deg, #f8fbff, #f1f7ff);
     color: #0c2c68;
     font-size: 21px
 }

 .benefit-name:after {
     content: "";
     position: absolute;
     right: -13px;
     top: 50%;
     transform: translateY(-50%);
     border-left: 13px solid #fdbb18;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     z-index: 2
 }

 .icon {
     position: relative;
     width: 55px;
     height: 55px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 55px;
     background: linear-gradient(145deg, #123e84, #09245b);
     color: #fff;
     font-size: 23px;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16)
 }

 .icon:after {
     content: "";
     position: absolute;
     right: -4px;
     bottom: 2px;
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: #fdbb18;
     border: 2px solid #fff
 }

 .benefit-desc {
     display: flex;
     align-items: center;
     gap: 22px;
     padding: 10px 56px;
     background: #fff;
     color: #181818;
     font-size: 19px
 }

 .benefit-desc span {
     width: 37px;
     height: 37px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 37px;
     background: #fdbb18;
     color: #0c2c68;
     font-size: 17px
 }

 .benefit-desc p {
     margin: 0;
     line-height: 1.4
 }

 @media(max-width:1300px) {
     .benefit-top-shape {
         width: 285px;
         height: 191px
     }

     .benefit-right-art {
         right: 25px;
         width: 220px;
         height: 129px
     }

     .benefit-right-circle {
         width: 360px;
         height: 300px
     }

     .section-header h2 {
         font-size: 48px
     }

     .benefit-title-2,
     .outcome-title {
         font-size: 22px
     }

     .benefit-name {
         font-size: 19px
     }

     .benefit-desc {
         font-size: 17px
     }
 }

 @media(max-width:991px) {
     .business-benefits {
         padding: 55px 25px
     }

     .benefit-top-shape {
         width: 220px;
         height: 148px
     }

     .benefit-right-art,
     .benefit-right-circle {
         display: none
     }

     .section-header {
         max-width: 720px
     }

     .section-header h2 {
         font-size: 40px
     }

     .section-header p {
         font-size: 17px
     }

     .benefit-head,
     .benefit-row {
         grid-template-columns: 42% 58%
     }

     .benefit-title-2,
     .outcome-title {
         padding: 15px 25px;
         font-size: 19px
     }

     .outcome-title {
         padding-left: 42px
     }

     .benefit-name {
         gap: 16px;
         padding: 10px 20px;
         font-size: 17px
     }

     .benefit-desc {
         gap: 15px;
         padding: 12px 30px;
         font-size: 16px
     }

     .icon {
         width: 48px;
         height: 48px;
         flex-basis: 48px
     }
 }

 @media(max-width:767px) {
     .business-benefits {
         padding: 48px 15px
     }

     .benefit-top-shape {
         width: 165px;
         height: 111px;
         opacity: .85
     }

     .benefit-bottom-shape {
         width: 220px;
         height: 102px
     }

     .benefit-bottom-dots {
         display: none
     }

     .benefit-small-title {
         font-size: 14px;
         letter-spacing: 1px
     }

     .benefit-divider span {
         width: 46px
     }

     .section-header h2 {
         font-size: 32px
     }

     .section-header p {
         font-size: 15px
     }

     .benefit-head,
     .benefit-row {
         grid-template-columns: 1fr
     }

     .benefit-title-2,
     .outcome-title {
         min-height: 58px;
         padding: 13px 20px;
         font-size: 18px
     }

     .benefit-title-2:after,
     .benefit-name:after {
         display: none
     }

     .outcome-title {
         padding-left: 20px
     }

     .benefit-name {
         padding: 13px 18px;
         font-size: 17px
     }

     .benefit-desc {
         padding: 15px 18px;
         border-top: 1px solid #e4eaf3;
         font-size: 15px
     }
 }

 @media(max-width:420px) {
     .business-benefits {
         padding: 42px 10px
     }

     .section-header h2 {
         font-size: 27px
     }

     .section-header p {
         font-size: 14px
     }

     .benefit-name {
         font-size: 16px
     }

     .benefit-desc {
         align-items: flex-start;
         font-size: 14px
     }

     .icon {
         width: 44px;
         height: 44px;
         flex-basis: 44px;
         font-size: 19px
     }
 }

 .industry-usecases-section {
     position: relative;
     overflow: hidden;
     padding: 30px 0 55px;
     background: linear-gradient(180deg, #fff 0%, #fbfdff 62%, #f3f7fd 100%);
     font-family: Arial, sans-serif
 }

 .industry-usecases-section:after {
     content: "";
     position: absolute;
     left: -5%;
     right: -5%;
     bottom: -85px;
     height: 190px;
     background: radial-gradient(ellipse at center, rgba(135, 174, 227, .18) 0%, rgba(135, 174, 227, .07) 42%, transparent 70%);
     transform: rotate(-2deg);
     pointer-events: none
 }

 .industry-usecases-container {
     position: relative;
     z-index: 2;
     max-width: 1600px;
     padding-left: 4.8%;
     padding-right: 4.8%
 }



 .industry-eyebrow {
     color: #e8ad05;
     font-size: 20px;
     font-weight: 800;
     line-height: 1.2;
     letter-spacing: 1.7px
 }

 .section-header-line {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     margin: 10px 0 13px
 }

 .section-header-line span {
     display: block;
     width: 76px;
     height: 1px;
     background: #e8ad05
 }

 .section-header-line i,
 .section-header-line b {
     display: block;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: #e8ad05
 }

 .section-header-line b {
     width: 9px;
     height: 9px
 }

 .industry-card-row {
     position: relative;
     z-index: 2
 }

 .industry-usecase-card {
     position: relative;
     height: 100%;
     min-height: 285px;
     overflow: hidden;
     background: #fff;
     border: 1px solid #e3e8ef;
     border-left: 6px solid var(--accent);
     border-radius: 10px;
     box-shadow: 0 7px 18px rgba(12, 39, 83, .09);
     transition: transform .25s ease, box-shadow .25s ease
 }

 .industry-usecase-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 13px 28px rgba(12, 39, 83, .15)
 }

 .industry-number {
     position: absolute;
     top: 0;
     left: 0;
     width: 66px;
     height: 64px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--accent);
     color: #fff;
     font-size: 27px;
     font-weight: 800;
     border-bottom-right-radius: 10px;
     z-index: 2
 }

 .industry-card-content {
     display: grid;
     grid-template-columns: 125px 1fr;
     gap: 26px;
     align-items: center;
     height: 100%;
     padding: 42px 29px 25px 31px
 }

 .industry-card-icon {
     width: 125px;
     height: 125px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(var(--accent-rgb), .09);
     color: var(--accent);
     font-size: 57px
 }

 .industry-card-text h3 {
     margin: 0;
     color: #09265f;
     font-size: 25px;
     font-weight: 800;
     line-height: 1.25
 }

 .industry-title-line {
     display: flex;
     align-items: center;
     gap: 7px;
     margin: 12px 0 16px
 }

 .industry-title-line span {
     width: 38px;
     height: 4px;
     border-radius: 8px;
     background: var(--accent)
 }

 .industry-title-line i {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--accent)
 }

 .industry-card-text p {
     margin: 0;
     color: #16191e;
     font-size: 16px;
     font-weight: 500;
     line-height: 1.62
 }

 .industry-dots {
     position: absolute;
     width: 120px;
     height: 105px;
     background-image: radial-gradient(circle, #b8c9df 2px, transparent 2.5px);
     background-size: 19px 19px;
     opacity: .85;
     pointer-events: none
 }

 .industry-dots-left {
     top: 68px;
     left: 30px
 }

 .industry-dots-right {
     right: 21px;
     bottom: 58px
 }

 .industry-watermark {
     position: absolute;
     top: 25px;
     right: 55px;
     width: 180px;
     height: 180px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(230, 237, 248, .4);
     color: #dbe4f1;
     font-size: 102px;
     z-index: 0
 }

 @media(max-width:1399.98px) {

     .industry-card-content {
         grid-template-columns: 105px 1fr;
         gap: 20px;
         padding: 39px 24px 24px
     }

     .industry-card-icon {
         width: 105px;
         height: 105px;
         font-size: 47px
     }

     .industry-card-text h3 {
         font-size: 23px
     }

     .industry-card-text p {
         font-size: 15px
     }

     .industry-watermark {
         right: 20px;
         width: 145px;
         height: 145px;
         font-size: 80px
     }
 }

 @media(max-width:1199.98px) {
     .industry-usecases-section {
         padding-top: 45px
     }

     .industry-watermark {
         display: none
     }

     .industry-usecase-card {
         min-height: 305px
     }

     .industry-card-content {
         grid-template-columns: 90px 1fr;
         align-items: flex-start;
         padding-top: 47px
     }

     .industry-card-icon {
         width: 90px;
         height: 90px;
         font-size: 40px
     }
 }

 @media(max-width:991.98px) {
     .industry-usecases-container {
         padding-left: 25px;
         padding-right: 25px
     }

     .industry-usecase-card {
         min-height: 330px
     }

     .industry-card-content {
         display: block;
         padding: 70px 24px 25px
     }

     .industry-card-icon {
         width: 82px;
         height: 82px;
         margin-bottom: 18px;
         font-size: 36px
     }

     .industry-number {
         width: 61px;
         height: 58px;
         font-size: 24px
     }

     .industry-card-text h3 {
         font-size: 22px
     }

     .industry-dots {
         opacity: .45
     }
 }

 @media(max-width:767.98px) {
     .industry-usecases-section {
         padding: 42px 0
     }

     .industry-usecases-container {
         padding-left: 15px;
         padding-right: 15px
     }

     .industry-eyebrow {
         font-size: 16px
     }

     .section-header-line {
         margin: 8px 0 12px
     }

     .section-header-line span {
         width: 50px
     }

     .industry-usecase-card {
         min-height: 0
     }

     .industry-card-content {
         display: grid;
         grid-template-columns: 76px 1fr;
         gap: 18px;
         padding: 62px 20px 24px
     }

     .industry-card-icon {
         width: 76px;
         height: 76px;
         margin: 0;
         font-size: 33px
     }

     .industry-card-text h3 {
         font-size: 21px
     }

     .industry-card-text p {
         font-size: 14.5px
     }

     .industry-dots,
     .industry-watermark {
         display: none
     }
 }

 @media(max-width:479.98px) {
     .industry-usecases-section {
         padding: 35px 0
     }


     .industry-card-content {
         display: block;
         padding: 65px 18px 22px
     }

     .industry-card-icon {
         width: 70px;
         height: 70px;
         margin-bottom: 16px;
         font-size: 30px
     }

     .industry-number {
         width: 56px;
         height: 54px;
         font-size: 21px
     }

     .industry-card-text h3 {
         font-size: 20px
     }

     .industry-title-line {
         margin: 9px 0 13px
     }

     .industry-card-text p {
         font-size: 14px;
         line-height: 1.58
     }
 }

 .cmp-section {
     position: relative;
     overflow: hidden;
     padding: 32px 0 65px;
     background: linear-gradient(180deg, #fff 0%, #fff 62%, #f8fbff 100%);
     font-family: Arial, sans-serif
 }

 .cmp-container {
     position: relative;
     z-index: 3;
     max-width: 1540px;
     padding-left: 6%;
     padding-right: 6%
 }

 /* .cmp-header {
       
        margin: 0 auto
    } */

 .cmp-small-title {
     color: #d99d00;
     font-size: 22px;
     font-weight: 800;
     letter-spacing: 1px;
     line-height: 1.3
 }

 .cmp-title-divider {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     margin: 10px 0 8px
 }

 .cmp-title-divider span {
     width: 72px;
     height: 1px;
     background: #d99d00
 }

 .cmp-title-divider i,
 .cmp-title-divider b {
     display: block;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: #d99d00
 }

 .cmp-title-divider b {
     width: 9px;
     height: 9px
 }

 .cmp-header h2 {
     margin: 0;
     color: #09255d;
     font-size: 48px;
     font-weight: 700;
     line-height: 1.15;
     letter-spacing: -1px
 }

 .cmp-header h2 strong {
     color: #dda400;
     font-weight: 800
 }

 .cmp-header p {
     margin: 11px 0 0;
     color: #28324c;
     font-size: 20px;
     font-weight: 500;
     line-height: 1.5
 }

 .cmp-feature-icons {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 80px;
     margin: 18px 0 14px
 }

 .cmp-feature-icon {
     width: 72px;
     height: 72px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #09255d;
     font-size: 31px
 }

 .cmp-blue {
     background: #edf3fd
 }

 .cmp-yellow {
     background: #fff8e8
 }

 .cmp-purple {
     background: #f4f1ff
 }

 .cmp-green {
     background: #edf8f4
 }

 .cmp-orange {
     background: #fff3eb
 }

 .cmp-table-wrap {
     position: relative;
     overflow: hidden;
     border: 1px solid #d6dde8;
     border-radius: 14px;
     background: #fff;
     box-shadow: 0 10px 28px rgba(13, 42, 91, .11)
 }

 .cmp-table-head,
 .cmp-table-row {
     display: grid;
     grid-template-columns: 25% 33% 42%
 }

 .cmp-table-head {
     min-height: 70px
 }

 .cmp-head-feature,
 .cmp-head-traditional,
 .cmp-head-acute {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 15px 28px;
     font-size: 23px;
     font-weight: 800
 }

 .cmp-head-feature {
     background: linear-gradient(120deg, #09255d, #0c347a);
     color: #fff
 }

 .cmp-head-traditional {
     background: linear-gradient(120deg, #a8a8aa, #8d8e91);
     color: #fff
 }

 .cmp-head-acute {
     background: linear-gradient(120deg, #09255d, #0b3479);
     color: #edb000;
     border: 2px solid #e5aa00;
     border-bottom: 0;
     border-radius: 14px 14px 0 0
 }

 .cmp-table-row {
     min-height: 67px;
     border-bottom: 1px solid #d6dde8
 }

 .cmp-last-row {
     border-bottom: 0
 }

 .cmp-feature-cell,
 .cmp-traditional-cell,
 .cmp-acute-cell {
     display: flex;
     align-items: center;
     gap: 20px;
     padding: 10px 25px;
     font-size: 18px
 }

 .cmp-feature-cell {
     color: #09255d;
     border-right: 1px solid #d6dde8
 }

 .cmp-feature-cell strong {
     font-weight: 800
 }

 .cmp-row-icon {
     width: 49px;
     height: 49px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 49px;
     background: #edf3fd;
     color: #09255d;
     font-size: 22px
 }

 .cmp-traditional-cell {
     color: #666b75;
     border-right: 1px solid #d6dde8
 }

 .cmp-acute-cell {
     color: #09255d;
     border-left: 2px solid #e5aa00;
     border-right: 2px solid #e5aa00;
     font-weight: 700
 }

 .cmp-last-row .cmp-acute-cell {
     border-bottom: 2px solid #e5aa00;
     border-radius: 0 0 14px 14px
 }

 .cmp-cross,
 .cmp-check {
     width: 35px;
     height: 35px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 35px;
     color: #fff;
     font-size: 17px
 }

 .cmp-cross {
     background: #9b9da1
 }

 .cmp-check {
     background: #dfa600
 }

 .cmp-traditional-cell p,
 .cmp-acute-cell p {
     margin: 0;
     line-height: 1.4
 }

 .cmp-top-dots {
     position: absolute;
     top: 32px;
     left: 24px;
     width: 122px;
     height: 118px;
     background-image: radial-gradient(circle, #9bb4d6 2.5px, transparent 3px);
     background-size: 18px 18px;
     opacity: .9
 }

 .cmp-store-watermark {
     position: absolute;
     top: 15px;
     right: 35px;
     width: 225px;
     height: 225px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #9eb1d2;
     font-size: 115px;
     background: rgba(242, 247, 255, .52);
     border: 2px dotted #cbd9ef;
     z-index: 0
 }

 .cmp-bottom-dots {
     position: absolute;
     bottom: -90px;
     width: 390px;
     height: 260px;
     opacity: .56;
     background-image: radial-gradient(circle, #8fb1e7 2px, transparent 2.6px);
     background-size: 13px 13px;
     border-radius: 50%
 }

 .cmp-bottom-dots-left {
     left: -115px;
     transform: rotate(12deg)
 }

 .cmp-bottom-dots-right {
     right: -105px;
     transform: rotate(-12deg)
 }

 @media(max-width:1399.98px) {
     .cmp-container {
         padding-left: 4%;
         padding-right: 4%
     }

     .cmp-header h2 {
         font-size: 48px
     }

     .cmp-header p {
         font-size: 18px
     }

     .cmp-feature-icons {
         gap: 60px
     }

     .cmp-feature-cell,
     .cmp-traditional-cell,
     .cmp-acute-cell {
         font-size: 16px;
         padding: 10px 20px
     }

     .cmp-store-watermark {
         width: 180px;
         height: 180px;
         font-size: 92px
     }
 }

 @media(max-width:1199.98px) {
     .cmp-header h2 {
         font-size: 42px
     }

     .cmp-feature-icons {
         gap: 42px
     }

     .cmp-feature-icon {
         width: 62px;
         height: 62px;
         font-size: 27px
     }

     .cmp-table-head,
     .cmp-table-row {
         grid-template-columns: 27% 32% 41%
     }

     .cmp-head-feature,
     .cmp-head-traditional,
     .cmp-head-acute {
         font-size: 20px
     }

     .cmp-feature-cell,
     .cmp-traditional-cell,
     .cmp-acute-cell {
         gap: 14px;
         padding: 10px 15px;
         font-size: 15px
     }

     .cmp-row-icon {
         width: 43px;
         height: 43px;
         flex-basis: 43px;
         font-size: 19px
     }

     .cmp-store-watermark {
         display: none
     }
 }

 @media(max-width:991.98px) {
     .cmp-section {
         padding-top: 45px
     }

     .cmp-container {
         padding-left: 20px;
         padding-right: 20px
     }

     .cmp-header h2 {
         font-size: 37px
     }

     .cmp-header p {
         font-size: 17px
     }

     .cmp-feature-icons {
         gap: 30px
     }

     .cmp-table-wrap {
         overflow-x: auto
     }

     .cmp-table-head,
     .cmp-table-row {
         min-width: 930px
     }

     .cmp-bottom-dots {
         width: 300px;
         height: 210px
     }
 }

 @media(max-width:767.98px) {
     .cmp-section {
         padding: 40px 0 55px
     }

     .cmp-container {
         padding-left: 15px;
         padding-right: 15px
     }

     .cmp-small-title {
         font-size: 17px
     }

     .cmp-title-divider span {
         width: 48px
     }

     .cmp-header h2 {
         font-size: 31px
     }

     .cmp-header p {
         font-size: 15px
     }

     .cmp-feature-icons {
         gap: 14px;
         margin: 20px 0
     }

     .cmp-feature-icon {
         width: 51px;
         height: 51px;
         font-size: 22px
     }

     .cmp-top-dots {
         display: none
     }

     .cmp-bottom-dots {
         width: 230px;
         height: 170px;
         bottom: -75px
     }
 }

 @media(max-width:479.98px) {
     .cmp-section {
         padding-top: 34px
     }

     .cmp-header h2 {
         font-size: 27px
     }

     .cmp-header p {
         font-size: 14px
     }

     .cmp-feature-icons {
         gap: 9px
     }

     .cmp-feature-icon {
         width: 44px;
         height: 44px;
         font-size: 19px
     }

     .cmp-table-head,
     .cmp-table-row {
         min-width: 850px
     }

     .cmp-head-feature,
     .cmp-head-traditional,
     .cmp-head-acute {
         font-size: 18px
     }

     .cmp-feature-cell,
     .cmp-traditional-cell,
     .cmp-acute-cell {
         font-size: 14px
     }
 }

 .reporting-section {
     position: relative;
     overflow: hidden;
     padding: 70px 0 80px;
     background: #f8faff;
     font-family: Arial, sans-serif
 }

 .reporting-bg-image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     z-index: 0;
     pointer-events: none
 }

 .reporting-container {
     position: relative;
     z-index: 2;
     max-width: 1500px
 }


 .reporting-small-title {
     color: #d99100;
     font-size: 21px;
     font-weight: 800;
     letter-spacing: 1px;
     text-transform: uppercase
 }

 .reporting-title-line {
     width: 160px;
     height: 2px;
     margin: 14px auto 25px;
     background: linear-gradient(90deg, transparent, #e5a000 20%, #e5a000 80%, transparent)
 }

 .reporting-card {
     position: relative;
     display: flex;
     align-items: center;
     gap: 25px;
     min-height: 150px;
     padding: 24px 28px;
     background: rgba(255, 255, 255, .94);
     border: 1px solid #e1e7f0;
     border-left: 6px solid #0b3478;
     border-radius: 13px;
     box-shadow: 0 8px 22px rgba(11, 45, 105, .11);
     transition: transform .25s ease, box-shadow .25s ease
 }

 .reporting-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 32px rgba(11, 45, 105, .17)
 }

 .reporting-icon {
     width: 92px;
     height: 92px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 92px;
     background: rgba(246, 249, 255, .96);
     border: 1px solid #dfe6f1;
     color: #092967;
     font-size: 43px;
     box-shadow: 0 5px 15px rgba(11, 45, 105, .09)
 }

 .reporting-icon-gold {
     color: #db9200
 }

 .reporting-content h3 {
     margin: 0 0 10px;
     color: #092967;
     font-size: 24px;
     font-weight: 800;
     line-height: 1.25
 }

 .reporting-content p {
     margin: 0;
     color: #35415d;
     font-size: 17px;
     font-weight: 500;
     line-height: 1.55
 }

 @media(max-width:1399.98px) {
     .reporting-section {
         padding: 65px 0 72px
     }

     .reporting-container {
         max-width: 1250px
     }

     .reporting-card {
         gap: 20px;
         min-height: 145px;
         padding: 22px
     }

     .reporting-icon {
         width: 82px;
         height: 82px;
         flex-basis: 82px;
         font-size: 38px
     }

     .reporting-content h3 {
         font-size: 22px
     }

     .reporting-content p {
         font-size: 16px
     }
 }

 @media(max-width:991.98px) {
     .reporting-section {
         padding: 58px 0 65px
     }

     .reporting-small-title {
         font-size: 18px
     }
 }

 @media(max-width:767.98px) {
     .reporting-section {
         padding: 48px 0 55px
     }

     .reporting-bg-image {
         object-position: center top
     }

     .reporting-small-title {
         font-size: 16px
     }

     .reporting-title-line {
         width: 120px;
         margin: 11px auto 19px
     }

     .reporting-card {
         gap: 18px;
         min-height: 130px;
         padding: 19px 20px
     }

     .reporting-icon {
         width: 72px;
         height: 72px;
         flex-basis: 72px;
         font-size: 32px
     }

     .reporting-content h3 {
         font-size: 21px;
         margin-bottom: 7px
     }

     .reporting-content p {
         font-size: 15px
     }
 }

 @media(max-width:479.98px) {
     .reporting-section {
         padding: 40px 0 48px
     }

     .reporting-card {
         align-items: flex-start;
         gap: 15px;
         min-height: 0;
         padding: 18px 16px;
         border-left-width: 5px
     }

     .reporting-icon {
         width: 61px;
         height: 61px;
         flex-basis: 61px;
         font-size: 27px
     }

     .reporting-content h3 {
         font-size: 19px
     }

     .reporting-content p {
         font-size: 14px;
         line-height: 1.5
     }
 }

 .loyalty-section {
     --loyalty-yellow: #feb100;
     --loyalty-navy: #071d55;
     position: relative;
     overflow: hidden;
     padding: 55px 0 70px;
     background: linear-gradient(180deg, #fff 0%, #f8faff 100%);
     font-family: Arial, sans-serif
 }

 .loyalty-container {
     position: relative;
     z-index: 3;
     max-width: 1480px
 }

 .loyalty-dots {
     position: absolute;
     width: 155px;
     height: 110px;
     background-image: radial-gradient(circle, #bfd1e9 3px, transparent 3.5px);
     background-size: 23px 23px;
     pointer-events: none
 }

 .loyalty-dots-top {
     top: 13px;
     left: 18px
 }

 .loyalty-dots-bottom {
     right: 17px;
     bottom: 20px
 }

 .loyalty-rings {
     position: absolute;
     pointer-events: none
 }

 .loyalty-rings span {
     position: absolute;
     border: 2px solid #d8e4f4;
     border-radius: 50%
 }

 .loyalty-rings-top {
     top: -175px;
     right: -165px;
     width: 430px;
     height: 430px
 }

 .loyalty-rings-top span:nth-child(1) {
     inset: 0
 }

 .loyalty-rings-top span:nth-child(2) {
     inset: 25px
 }

 .loyalty-rings-top span:nth-child(3) {
     inset: 50px
 }

 .loyalty-rings-top span:nth-child(4) {
     inset: 75px
 }

 .loyalty-rings-bottom {
     bottom: -235px;
     left: -235px;
     width: 460px;
     height: 460px
 }

 .loyalty-rings-bottom span:nth-child(1) {
     inset: 0
 }

 .loyalty-rings-bottom span:nth-child(2) {
     inset: 27px
 }

 .loyalty-rings-bottom span:nth-child(3) {
     inset: 54px
 }

 .loyalty-rings-bottom span:nth-child(4) {
     inset: 81px
 }

 .loyalty-bottle-art {
     position: absolute;
     top: 99px;
     right: 75px;
     display: flex;
     align-items: flex-end;
     gap: 14px;
     color: #bfd1e9;
     font-size: 48px;
     z-index: 1
 }

 .loyalty-bottle-art .fa-glass {
     font-size: 38px
 }

 .loyalty-header {
     max-width: 1250px;
     margin: 0 auto 32px
 }

 .loyalty-small-title {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 18px;
     color: var(--loyalty-yellow);
     font-size: 21px;
     font-weight: 800;
     letter-spacing: 4px
 }

 .loyalty-small-title span {
     width: 46px;
     height: 2px;
     background: var(--loyalty-yellow)
 }

 .loyalty-small-title i {
     color: var(--loyalty-yellow);
     font-size: 16px
 }

 .loyalty-small-title b {
     font-weight: 800
 }

 .loyalty-header h2 {
     margin: 22px 0 8px;
     color: var(--loyalty-navy);
     font-size: 53px;
     font-weight: 800;
     line-height: 1.15
 }

 .loyalty-header h2 strong {
     color: var(--loyalty-yellow);
     font-weight: 800
 }

 .loyalty-header p {
     margin: 0;
     color: #35415c;
     font-size: 20px;
     line-height: 1.5
 }

 .loyalty-intro-card {
     position: relative;
     padding: 25px 30px 20px;
     text-align: center;
     background: #fff;
     border: 1px solid #dce3ed;
     border-radius: 22px;
     box-shadow: 0 10px 28px rgba(7, 29, 85, .12)
 }

 .loyalty-intro-card:before {
     content: "";
     position: absolute;
     top: 15px;
     left: 50%;
     width: 170px;
     height: 170px;
     transform: translateX(-50%);
     border: 2px dotted rgba(254, 177, 0, .65);
     border-radius: 50%
 }

 .loyalty-main-icon {
     position: relative;
     width: 145px;
     height: 145px;
     margin: 0 auto 18px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(145deg, #0c3279, var(--loyalty-navy));
     border: 7px solid #fff;
     outline: 1px solid var(--loyalty-yellow);
     color: #fff;
     font-size: 72px;
     box-shadow: 0 8px 20px rgba(7, 29, 85, .18);
     z-index: 2
 }

 .loyalty-main-badge {
     position: absolute;
     right: -2px;
     bottom: 3px;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--loyalty-yellow);
     color: #fff;
     border: 4px solid #fff;
     font-size: 20px
 }

 .loyalty-spark {
     position: absolute;
     color: var(--loyalty-yellow);
     font-size: 15px
 }

 .loyalty-spark-one {
     top: 5px;
     right: -39px
 }

 .loyalty-spark-two {
     top: 38px;
     right: -57px;
     font-size: 10px
 }

 .loyalty-spark-three {
     top: 43px;
     left: -48px;
     font-size: 11px
 }

 .loyalty-intro-card h3 {
     margin: 0;
     color: var(--loyalty-navy);
     font-size: 25px;
     font-weight: 800
 }

 .loyalty-short-line {
     width: 70px;
     height: 3px;
     margin: 15px auto;
     background: var(--loyalty-yellow);
     border-radius: 10px
 }

 .loyalty-intro-text {
     max-width: 430px;
     margin: 0 auto 20px;
     color: #3d4860;
     font-size: 17px;
     line-height: 1.6
 }

 .loyalty-matter-box {
     display: flex;
     gap: 18px;
     text-align: left;
     padding: 18px;
     border: 1px solid var(--loyalty-yellow);
     border-radius: 14px;
     background: #fffdf7
 }

 .loyalty-quote-icon {
     width: 53px;
     height: 53px;
     flex: 0 0 53px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     color: var(--loyalty-yellow);
     border: 1px solid var(--loyalty-yellow);
     font-size: 22px
 }

 .loyalty-matter-box h4 {
     margin: 0 0 5px;
     color: var(--loyalty-yellow);
     font-size: 18px;
     font-weight: 800
 }

 .loyalty-matter-box p {
     margin: 0;
     color: #26324d;
     font-size: 14px;
     line-height: 1.55
 }

 .loyalty-table {
     overflow: hidden;
     background: #fff;
     border: 1px solid #dce3ed;
     border-radius: 22px;
     box-shadow: 0 10px 28px rgba(7, 29, 85, .12)
 }

 .loyalty-table-head,
 .loyalty-table-row {
     display: grid;
     grid-template-columns: 40% 60%
 }

 .loyalty-table-head {
     min-height: 58px;
     background: linear-gradient(110deg, var(--loyalty-navy), #0d3479);
     color: #fff;
     font-size: 22px;
     font-weight: 800
 }

 .loyalty-table-head>div {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 12px 25px
 }

 .loyalty-table-head>div:first-child {
     border-right: 2px solid var(--loyalty-yellow)
 }

 .loyalty-table-row {
     min-height: 70px;
     border-bottom: 1px solid #dce3ed
 }

 .loyalty-table-row:last-child {
     border-bottom: 0
 }

 .loyalty-tool,
 .loyalty-purpose {
     display: flex;
     align-items: center;
     padding: 10px 24px
 }

 .loyalty-tool {
     gap: 18px;
     color: var(--loyalty-navy);
     border-right: 2px solid rgba(254, 177, 0, .55);
     font-size: 19px
 }

 .loyalty-tool strong {
     font-weight: 800
 }

 .loyalty-tool-icon {
     width: 50px;
     height: 50px;
     flex: 0 0 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #edf3fc;
     color: var(--loyalty-navy);
     font-size: 23px
 }

 .loyalty-tool-icon i {
     position: relative;
     z-index: 1
 }

 .loyalty-purpose {
     color: #344059;
     font-size: 16px;
     line-height: 1.45
 }

 .loyalty-results-wrap {
     position: relative;
     max-width: 1210px;
     margin: 20px auto 0;
     padding: 0 30px
 }

 .loyalty-results {
     position: relative;
     z-index: 2;
     background: #fff;
     border: 1px solid #dce3ed;
     border-radius: 18px;
     box-shadow: 0 8px 24px rgba(7, 29, 85, .1);
     overflow: hidden
 }

 .loyalty-result-item {
     min-height: 120px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 22px;
     padding: 20px 13px
 }

 .loyalty-result-border {
     border-left: 1px solid var(--loyalty-yellow);
     border-right: 1px solid var(--loyalty-yellow)
 }

 .loyalty-result-icon {
     width: 60px;
     height: 60px;
     flex: 0 0 60px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #edf3fc;
     color: var(--loyalty-navy);
     font-size: 30px
 }

 .loyalty-result-icon i:after {
     color: var(--loyalty-yellow)
 }

 .loyalty-result-item h4 {
     margin: 0;
     color: var(--loyalty-navy);
     font-size: 20px;
     font-weight: 800
 }

 .loyalty-result-item p {
     margin: 2px 0 0;
     color: #455069;
     font-size: 17px
 }

 .loyalty-leaf {
     position: absolute;
     top: 50%;
     color: var(--loyalty-yellow);
     font-size: 55px;
     z-index: 1
 }

 .loyalty-leaf-left {
     left: -20px;
     transform: translateY(-50%) rotate(-15deg)
 }

 .loyalty-leaf-right {
     right: -20px;
     transform: translateY(-50%) rotate(15deg)
 }

 @media(max-width:1199.98px) {
     .loyalty-header h2 {
         font-size: 45px
     }

     .loyalty-intro-card {
         padding: 25px 22px 20px
     }

     .loyalty-main-icon {
         width: 125px;
         height: 125px;
         font-size: 61px
     }

     .loyalty-intro-card:before {
         width: 165px;
         height: 165px
     }

     .loyalty-tool,
     .loyalty-purpose {
         padding: 10px 17px
     }

     .loyalty-tool {
         gap: 12px;
         font-size: 17px
     }

     .loyalty-purpose {
         font-size: 15px
     }

     .loyalty-result-item {
         padding: 20px
     }

     .loyalty-bottle-art {
         display: none
     }
 }

 @media(max-width:991.98px) {
     .loyalty-section {
         padding: 50px 0 60px
     }

     .loyalty-header h2 {
         font-size: 39px
     }

     .loyalty-header p {
         font-size: 18px
     }

     .loyalty-intro-card {
         height: auto !important
     }

     .loyalty-table-head,
     .loyalty-table-row {
         grid-template-columns: 42% 58%
     }

     .loyalty-dots-top {
         opacity: .45
     }
 }

 @media(max-width:767.98px) {
     .loyalty-section {
         padding: 42px 0 50px
     }

     .loyalty-small-title {
         gap: 10px;
         font-size: 16px;
         letter-spacing: 2px
     }

     .loyalty-small-title span {
         width: 27px
     }

     .loyalty-header {
         margin-bottom: 25px
     }

     .loyalty-header h2 {
         margin-top: 15px;
         font-size: 32px
     }

     .loyalty-header p {
         font-size: 15px
     }

     .loyalty-table {
         overflow: visible;
         background: transparent;
         border: 0;
         border-radius: 0;
         box-shadow: none
     }

     .loyalty-table-head {
         display: none
     }

     .loyalty-table-row {
         display: block;
         min-height: 0;
         margin-bottom: 14px;
         background: #fff;
         border: 1px solid #dce3ed;
         border-radius: 13px;
         box-shadow: 0 5px 15px rgba(7, 29, 85, .08);
         overflow: hidden
     }

     .loyalty-tool {
         padding: 12px 16px;
         border-right: 0;
         border-bottom: 1px solid #dce3ed;
         font-size: 17px
     }

     .loyalty-purpose {
         padding: 13px 16px;
         font-size: 15px
     }

     .loyalty-result-item {
         justify-content: flex-start;
         min-height: 100px;
         padding: 16px 25px
     }

     .loyalty-result-border {
         border-left: 0;
         border-right: 0;
         border-top: 1px solid var(--loyalty-yellow);
         border-bottom: 1px solid var(--loyalty-yellow)
     }

     .loyalty-result-icon {
         width: 65px;
         height: 65px;
         flex-basis: 65px;
         font-size: 29px
     }

     .loyalty-results-wrap {
         padding: 0 10px
     }

     .loyalty-leaf {
         display: none
     }

     .loyalty-rings-top {
         top: -220px;
         right: -245px
     }

     .loyalty-dots-bottom {
         display: none
     }
 }

 @media(max-width:479.98px) {
     .loyalty-section {
         padding: 35px 0 42px
     }

     .loyalty-header h2 {
         font-size: 27px
     }

     .loyalty-header p {
         font-size: 14px
     }

     .loyalty-intro-card {
         padding: 22px 16px 16px
     }

     .loyalty-main-icon {
         width: 105px;
         height: 105px;
         font-size: 49px
     }

     .loyalty-main-icon>span {
         width: 42px;
         height: 42px;
         font-size: 16px
     }

     .loyalty-intro-card:before {
         width: 140px;
         height: 140px
     }

     .loyalty-intro-card h3 {
         font-size: 21px
     }

     .loyalty-intro-text {
         font-size: 15px
     }

     .loyalty-matter-box {
         display: block;
         padding: 15px
     }

     .loyalty-quote-icon {
         margin-bottom: 10px
     }

     .loyalty-tool-icon {
         width: 44px;
         height: 44px;
         flex-basis: 44px;
         font-size: 20px
     }

     .loyalty-result-item h4 {
         font-size: 21px
     }

     .loyalty-result-item p {
         font-size: 15px
     }

     .loyalty-dots-top {
         display: none
     }
 }

 .integration-section {
     --integration-navy: #092967;
     --integration-yellow: #feb100;
     position: relative;
     overflow: hidden;
     padding: 42px 0 62px;
     background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
     font-family: Arial, sans-serif
 }

 .integration-container {
     position: relative;
     z-index: 3;
     max-width: 1450px
 }



 .integration-small-title {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     color: var(--integration-yellow);
     font-size: 21px;
     font-weight: 700;
     letter-spacing: 3px
 }

 .integration-small-title span {
     width: 66px;
     height: 1px;
     background: var(--integration-yellow)
 }

 .integration-small-title i {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--integration-yellow)
 }

 .integration-small-title b {
     font-weight: 700
 }

 .integration-map {
     position: relative;
     display: grid;
     grid-template-columns: minmax(0, 1fr) 300px minmax(0, 1fr);
     gap: 70px;
     align-items: center;
     min-height: 520px;
     margin-top: 10px
 }

 .integration-lines {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     pointer-events: none
 }

 .integration-side {
     position: relative;
     z-index: 2;
     display: grid;
     gap: 17px
 }

 .integration-card {
     min-height: 112px;
     display: flex;
     align-items: center;
     gap: 20px;
     padding: 14px 25px;
     background: #fff;
     border: 2px solid var(--integration-navy);
     border-radius: 20px;
     box-shadow: 0 7px 18px rgba(9, 41, 103, .1)
 }

 .integration-card-icon {
     width: 76px;
     height: 76px;
     flex: 0 0 76px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #edf3fc;
     color: var(--integration-navy);
     font-size: 34px
 }

 .integration-card-icon:after {
     content: "";
     position: absolute
 }

 .integration-card h3 {
     margin: 0;
     color: var(--integration-navy);
     font-size: 19px;
     font-weight: 800;
     line-height: 1.35
 }

 .integration-card h3 span {
     color: var(--integration-navy)
 }

 .integration-card h3 small {
     font-size: 16px;
     font-weight: 700
 }

 .integration-hub {
     position: relative;
     z-index: 2;
     min-height: 300px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 28px 20px;
     background: #fff;
     border: 2px solid var(--integration-navy);
     border-radius: 34px;
     box-shadow: 0 12px 30px rgba(9, 41, 103, .14)
 }

 .integration-hub-screen {
     position: relative;
     width: 160px;
     height: 102px;
     border: 7px solid var(--integration-navy);
     border-radius: 9px;
     background: #f7faff
 }

 .hub-chart {
     position: absolute;
     left: 22px;
     bottom: 17px;
     width: 65px;
     height: 55px;
     display: flex;
     align-items: flex-end;
     gap: 7px;
     border-bottom: 2px solid #d9e2ef
 }

 .hub-chart span {
     display: block;
     width: 10px;
     background: linear-gradient(180deg, #6092d8, var(--integration-navy));
     border-radius: 2px 2px 0 0
 }

 .hub-pie {
     position: absolute;
     right: 17px;
     top: 19px;
     width: 39px;
     height: 39px;
     border-radius: 50%;
     background: conic-gradient(var(--integration-yellow) 0 72deg, transparent 72deg 360deg);
     border: 4px solid var(--integration-yellow)
 }

 .integration-hub-base {
     position: relative;
     width: 180px;
     height: 51px;
     margin-top: 8px;
     border-radius: 8px;
     background: var(--integration-navy)
 }

 .integration-hub-base:before {
     content: "";
     position: absolute;
     top: -9px;
     left: 0;
     width: 100%;
     height: 5px;
     background: var(--integration-navy);
     border-radius: 5px
 }

 .integration-hub-base span {
     position: absolute;
     left: 50%;
     top: 17px;
     width: 56px;
     height: 5px;
     transform: translateX(-50%);
     background: #fff;
     border-radius: 10px
 }

 .integration-hub-base i {
     position: absolute;
     right: 14px;
     top: 13px;
     width: 19px;
     height: 19px;
     border-radius: 50%;
     background: var(--integration-yellow);
     border: 3px solid #fff
 }

 .integration-hub h3 {
     margin: 19px 0 0;
     color: var(--integration-navy);
     font-size: 41px;
     font-weight: 800
 }

 .integration-hub h3 span {
     color: var(--integration-yellow)
 }

 .integration-matter {
     position: relative;
     display: flex;
     align-items: center;
     gap: 27px;
     min-height: 135px;
     margin: 20px auto 0;
     padding: 20px 42px;
     background: #fff;
     border: 2px solid var(--integration-yellow);
     border-radius: 20px;
     box-shadow: 0 9px 24px rgba(9, 41, 103, .11);
     overflow: hidden
 }

 .integration-bulb {
     width: 92px;
     height: 92px;
     flex: 0 0 92px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     color: var(--integration-yellow);
     border: 1px solid var(--integration-yellow);
     font-size: 49px
 }

 .integration-matter-line {
     width: 1px;
     height: 85px;
     background: var(--integration-yellow)
 }

 .integration-matter-content {
     position: relative;
     z-index: 2
 }

 .integration-matter-content h3 {
     margin: 0 0 6px;
     color: var(--integration-navy);
     font-size: 30px;
     font-weight: 800
 }

 .integration-matter-content p {
     margin: 0;
     max-width: 850px;
     color: #18233d;
     font-size: 19px;
     line-height: 1.5
 }

 .integration-matter-dots {
     position: absolute;
     right: -10px;
     bottom: -23px;
     width: 260px;
     height: 145px;
     background-image: radial-gradient(circle, rgba(254, 177, 0, .5) 3px, transparent 3.5px);
     background-size: 15px 15px;
     mask-image: radial-gradient(circle at bottom right, #000 0, transparent 72%)
 }

 .integration-dots {
     position: absolute;
     width: 180px;
     height: 160px;
     background-image: radial-gradient(circle, #bfd3ef 2.5px, transparent 3px);
     background-size: 16px 16px;
     opacity: .75
 }

 .integration-dots-left {
     top: 18px;
     left: 4px
 }

 .integration-dots-right {
     top: 20px;
     right: 4px
 }

 .integration-circuit {
     position: absolute;
     top: 180px;
     width: 220px;
     height: 500px;
     color: #d9e7f7;
     z-index: 0
 }

 .integration-circuit-left {
     left: 0
 }

 .integration-circuit-right {
     right: 0
 }

 @media(max-width:1399.98px) {
     .integration-container {
         max-width: 1250px
     }

     .integration-map {
         grid-template-columns: minmax(0, 1fr) 260px minmax(0, 1fr);
         gap: 55px
     }

     .integration-card {
         padding: 13px 19px
     }

     .integration-card-icon {
         width: 68px;
         height: 68px;
         flex-basis: 68px;
         font-size: 30px
     }

     .integration-card h3 {
         font-size: 17px
     }

     .integration-card h3 small {
         font-size: 14px
     }

     .integration-hub {
         min-height: 275px
     }

     .integration-hub-screen {
         width: 145px;
         height: 94px
     }

     .integration-lines {
         display: none
     }
 }

 @media(max-width:1199.98px) {
     .integration-map {
         grid-template-columns: 1fr 240px 1fr;
         gap: 30px
     }

     .integration-card {
         min-height: 108px;
         gap: 14px;
         padding: 12px 15px
     }

     .integration-card-icon {
         width: 59px;
         height: 59px;
         flex-basis: 59px;
         font-size: 26px
     }

     .integration-card h3 {
         font-size: 15px
     }

     .integration-card h3 small {
         font-size: 13px
     }

     .integration-hub h3 {
         font-size: 35px
     }

     .integration-circuit {
         opacity: .45
     }
 }

 @media(max-width:991.98px) {
     .integration-section {
         padding: 45px 0 55px
     }

     .integration-map {
         display: flex;
         flex-direction: column;
         min-height: 0;
         gap: 22px
     }

     .integration-hub {
         order: 1;
         width: 100%;
         max-width: 420px;
         min-height: 265px
     }

     .integration-side-left {
         order: 2;
         width: 100%;
         grid-template-columns: repeat(2, 1fr)
     }

     .integration-side-right {
         order: 3;
         width: 100%;
         grid-template-columns: repeat(2, 1fr)
     }

     .integration-lines,
     .integration-circuit {
         display: none
     }

     .integration-card {
         height: 100%
     }

     .integration-matter {
         margin-top: 25px
     }
 }

 @media(max-width:767.98px) {
     .integration-section {
         padding: 38px 0 48px
     }

     .integration-small-title {
         gap: 9px;
         font-size: 16px;
         letter-spacing: 2px
     }

     .integration-small-title span {
         width: 38px
     }

     .integration-side-left,
     .integration-side-right {
         grid-template-columns: 1fr
     }

     .integration-card {
         min-height: 96px
     }

     .integration-card-icon {
         width: 62px;
         height: 62px;
         flex-basis: 62px;
         font-size: 27px
     }

     .integration-card h3 {
         font-size: 17px
     }

     .integration-card h3 small {
         font-size: 14px
     }

     .integration-matter {
         align-items: flex-start;
         gap: 18px;
         padding: 20px
     }

     .integration-bulb {
         width: 70px;
         height: 70px;
         flex-basis: 70px;
         font-size: 37px
     }

     .integration-matter-line {
         height: 75px
     }

     .integration-matter-content h3 {
         font-size: 24px
     }

     .integration-matter-content p {
         font-size: 15px
     }

     .integration-dots {
         display: none
     }
 }

 @media(max-width:479.98px) {
     .integration-section {
         padding: 33px 0 42px
     }


     .integration-hub {
         min-height: 245px
     }

     .integration-hub-screen {
         width: 130px;
         height: 86px
     }

     .integration-hub-base {
         width: 150px;
         height: 46px
     }

     .integration-hub h3 {
         font-size: 31px
     }

     .integration-card {
         padding: 12px 14px
     }

     .integration-card-icon {
         width: 55px;
         height: 55px;
         flex-basis: 55px;
         font-size: 24px
     }

     .integration-card h3 {
         font-size: 15px
     }

     .integration-card h3 small {
         font-size: 13px
     }

     .integration-matter {
         display: block;
         text-align: center
     }

     .integration-bulb {
         margin: 0 auto 14px
     }

     .integration-matter-line {
         display: none
     }

     .integration-matter-content h3 {
         font-size: 22px
     }

     .integration-matter-content p {
         font-size: 14px
     }
 }

 .why-acutepos-section {
     --why-navy: #082761;
     --why-yellow: #feb100;
     position: relative;
     overflow: hidden;
     padding: 50px 0 60px;
     background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
     font-family: Arial, sans-serif
 }

 .why-acutepos-container {
     position: relative;
     z-index: 3;
     max-width: 1500px
 }



 .why-small-title {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     color: var(--why-yellow);
     font-size: 20px;
     font-weight: 800;
     letter-spacing: 2px
 }

 .why-small-title span {
     width: 100px;
     height: 1px;
     background: var(--why-yellow)
 }

 .why-small-title i {
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: var(--why-yellow)
 }

 .why-small-title b {
     font-weight: 800
 }


 .why-grid {
     margin-top: 10px
 }

 .why-card {
     position: relative;
     display: grid;
     grid-template-columns: 78px 1fr;
     gap: 18px;
     align-items: center;
     height: 100%;
     min-height: 145px;
     padding: 24px;
     background: #fff;
     border: 1px solid #dfe5ee;
     border-radius: 14px;
     box-shadow: 0 6px 18px rgba(8, 39, 97, .08);
     transition: transform .25s ease, box-shadow .25s ease
 }

 .why-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 13px 28px rgba(8, 39, 97, .14)
 }

 .why-card:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 4px;
     height: 100%;
     background: var(--why-yellow);
     border-radius: 14px 0 0 14px
 }

 .why-icon {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f2f7fe;
     color: var(--why-navy);
     font-size: 32px;
     flex-shrink: 0
 }

 .why-content p {
     margin: 0;
     color: #24324d;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.6
 }

 .why-footer-bar {
     margin-top: 24px;
     overflow: hidden;
     background: linear-gradient(90deg, #072153 0%, #082761 50%, #0b316f 100%);
     border-radius: 14px;
     box-shadow: 0 10px 24px rgba(8, 39, 97, .16)
 }

 .why-footer-item {
     min-height: 122px;
     display: flex;
     align-items: center;
     gap: 18px;
     padding: 24px
 }

 .why-footer-border {
     border-left: 1px solid rgba(255, 255, 255, .22)
 }

 .why-footer-icon {
     width: 74px;
     height: 74px;
     flex: 0 0 74px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(255, 255, 255, .08);
     color: var(--why-yellow);
     font-size: 35px
 }

 .why-footer-text h4 {
     margin: 0;
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     line-height: 1.45
 }

 .why-dots {
     position: absolute;
     width: 170px;
     height: 125px;
     background-image: radial-gradient(circle, #bfd1ea 3px, transparent 3.5px);
     background-size: 24px 24px;
     opacity: .85;
     z-index: 1
 }

 .why-dots-left {
     top: 18px;
     left: 15px
 }

 .why-dots-right {
     top: 18px;
     right: 15px
 }


 @media(max-width:1399.98px) {

     .why-card {
         grid-template-columns: 70px 1fr;
         gap: 15px;
         min-height: 170px;
         padding: 21px
     }

     .why-icon {
         width: 64px;
         height: 64px;
         font-size: 29px
     }

     .why-content p {
         font-size: 15px
     }
 }

 @media(max-width:1199.98px) {
     .why-card {
         min-height: 180px
     }

     .why-footer-item {
         padding: 22px 16px
     }

     .why-footer-text h4 {
         font-size: 16px
     }
 }

 @media(max-width:991.98px) {
     .why-acutepos-section {
         padding: 45px 0 55px
     }

     .why-small-title {
         font-size: 17px;
         gap: 10px
     }

     .why-small-title span {
         width: 55px
     }

     .why-card {
         min-height: 165px
     }

     .why-content p {
         font-size: 15px
     }

     .why-footer-item {
         min-height: 100px;
         padding: 18px 16px
     }

     .why-footer-border {
         border-left: 0;
         border-top: 1px solid rgba(255, 255, 255, .2)
     }

     .why-dots-right {
         display: none
     }
 }

 @media(max-width:767.98px) {
     .why-acutepos-section {
         padding: 38px 0 48px
     }


     .why-card {
         grid-template-columns: 62px 1fr;
         min-height: 0;
         padding: 20px
     }

     .why-icon {
         width: 58px;
         height: 58px;
         font-size: 27px
     }

     .why-content p {
         font-size: 14px
     }

     .why-footer-item {
         justify-content: flex-start;
         min-height: 0;
         padding: 18px
     }

     .why-footer-icon {
         width: 62px;
         height: 62px;
         flex-basis: 62px;
         font-size: 29px
     }

     .why-footer-text h4 {
         font-size: 17px
     }

     .why-dots-left {
         display: none
     }
 }

 @media(max-width:479.98px) {
     .why-small-title {
         font-size: 14px;
         letter-spacing: 1px
     }

     .why-small-title span {
         width: 30px
     }


     .why-card {
         display: block;
         text-align: center
     }

     .why-icon {
         margin: 0 auto 14px
     }

     .why-content p {
         font-size: 13.5px
     }

     .why-footer-item {
         display: block;
         text-align: center
     }

     .why-footer-icon {
         margin: 0 auto 12px
     }
 }

 .final-cta-section {
     --cta-blue: #082761;
     --cta-dark: #202a3b;
     --cta-yellow: #feb100;
     position: relative;
     overflow: hidden;
     min-height: 820px;
     padding: 105px 0 235px;
     background:
         radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .94) 36%, rgba(255, 250, 241, .92) 72%, rgba(247, 238, 223, .9) 100%);
     font-family: "Poppins", "Arial", sans-serif;
 }

 .final-cta-section a,
 .final-cta-section a:hover,
 .final-cta-section a:focus,
 .final-cta-section a:active {
     text-decoration: none;
 }

 .cta-content {
     z-index: 5;
 }

 .cta-small-title {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-bottom: 40px;
 }

 .cta-label {
     color: var(--cta-blue);
     font-size: 34px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 1.5px;
 }

 .cta-title-line {
     position: relative;
     display: block;
     width: 65px;
     height: 2px;
     background: var(--cta-yellow);
 }

 .cta-title-diamond {
     display: block;
     width: 11px;
     height: 11px;
     background: var(--cta-yellow);
     transform: rotate(45deg);
 }

 .cta-main-title {
     max-width: 1350px;
     margin: 0 auto;
     color: var(--cta-blue);
     font-size: 66px;
     line-height: 1.16;
     font-weight: 800;
     letter-spacing: -2.5px;
 }

 .cta-main-title span {
     display: block;
     color: var(--cta-yellow);
 }

 .cta-heading-divider {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
     margin: 40px 0 40px;
 }

 .cta-heading-divider span {
     position: relative;
     width: 90px;
     height: 2px;
     background: var(--cta-blue);
 }

 .cta-heading-divider span:first-child:after,
 .cta-heading-divider span:last-child:before {
     content: "";
     position: absolute;
     top: 50%;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: var(--cta-blue);
     transform: translateY(-50%);
 }

 .cta-heading-divider span:first-child:after {
     right: -1px;
 }

 .cta-heading-divider span:last-child:before {
     left: -1px;
 }

 .cta-heading-divider i {
     display: block;
     width: 14px;
     height: 14px;
     background: var(--cta-yellow);
     transform: rotate(45deg);
 }

 .cta-description {
     max-width: 1180px;
     margin: 0 auto;
     color: var(--cta-dark);
     font-size: 29px;
     line-height: 1.65;
     font-weight: 500;
 }

 .cta-buttons {
     max-width: 1080px;
     margin: 45px auto 0;
 }

 .cta-buttons>div {
     display: flex;
     justify-content: center;
 }

 .cta-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     width: 100%;
     max-width: 330px;
     min-height: 72px;
     padding: 14px 20px;
     border-radius: 9px;
     font-size: 19px;
     line-height: 1.2;
     font-weight: 700;
     transition: transform .25s ease, box-shadow .25s ease;
     box-shadow: 0 10px 16px rgba(24, 34, 54, .16);
 }

 .cta-btn:hover {
     transform: translateY(-4px);
     box-shadow: 0 18px 28px rgba(24, 34, 54, .23);
 }

 .cta-btn i {
     font-size: 30px;
 }

 .cta-btn-yellow {
     color: var(--cta-blue);
     border: 2px solid var(--cta-yellow);
     background: linear-gradient(135deg, #ffc526 0%, #feb100 100%);
 }

 .cta-btn-yellow:hover {
     color: var(--cta-blue);
 }

 .cta-btn-outline {
     color: var(--cta-blue);
     border: 2px solid var(--cta-blue);
     background: rgba(255, 255, 255, .94);
 }

 .cta-btn-outline:hover {
     color: var(--cta-blue);
 }

 .cta-icon-circle {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 44px;
     height: 44px;
     flex: 0 0 44px;
     border: 2px solid var(--cta-blue);
     border-radius: 50%;
 }


 .cta-icon-circle i {
     font-size: 22px;
 }

 .cta-btn-blue {
     color: #fff;
     border: 2px solid var(--cta-blue);
     background: linear-gradient(135deg, #0c367b 0%, #06255d 100%);
 }

 .cta-btn-blue:hover {
     color: #fff;
 }

 .cta-top-left-rings {
     position: absolute;
     top: -165px;
     left: -155px;
     width: 390px;
     height: 390px;
     border: 2px solid rgba(255, 255, 255, .95);
     border-radius: 50%;
     z-index: 1;
 }

 .cta-top-left-rings:before,
 .cta-top-left-rings:after {
     content: "";
     position: absolute;
     border-radius: 50%;
 }

 .cta-top-left-rings:before {
     inset: 30px;
     border: 2px solid rgba(255, 255, 255, .95);
 }

 .cta-top-left-rings:after {
     inset: 65px;
     border: 2px solid rgba(254, 177, 0, .24);
 }

 .cta-top-right-dots,
 .cta-left-dots {
     position: absolute;
     z-index: 1;
     background-image: radial-gradient(circle, rgba(190, 151, 83, .65) 3px, transparent 3.5px);
     background-size: 21px 21px;
 }

 .cta-top-right-dots {
     top: 0;
     right: 0;
     width: 330px;
     height: 245px;
     mask-image: linear-gradient(to bottom left, #000 15%, transparent 85%);
     -webkit-mask-image: linear-gradient(to bottom left, #000 15%, transparent 85%);
 }

 .cta-left-dots {
     left: 0;
     top: 405px;
     width: 270px;
     height: 330px;
     mask-image: linear-gradient(to right, #000 15%, transparent 95%);
     -webkit-mask-image: linear-gradient(to right, #000 15%, transparent 95%);
 }

 .cta-right-rings {
     position: absolute;
     top: 395px;
     right: -180px;
     width: 430px;
     height: 430px;
     border: 2px solid rgba(254, 177, 0, .18);
     border-radius: 50%;
     z-index: 1;
 }

 .cta-right-rings:before,
 .cta-right-rings:after {
     content: "";
     position: absolute;
     border-radius: 50%;
     border: 2px solid rgba(254, 177, 0, .18);
 }

 .cta-right-rings:before {
     inset: 35px;
 }

 .cta-right-rings:after {
     inset: 75px;
 }

 .cta-bottom-wave {
     position: absolute;
     left: 0;
     bottom: -1px;
     width: 100%;
     height: 245px;
     z-index: 2;
     pointer-events: none;
 }

 @media(max-width:1399.98px) {
     .final-cta-section {
         min-height: 760px;
         padding: 90px 0 210px;
     }

     .cta-label {
         font-size: 30px;
     }

     .cta-main-title {
         font-size: 56px;
     }

     .cta-description {
         font-size: 25px;
     }

     .cta-btn {
         min-height: 92px;
         font-size: 22px;
         gap: 16px;
     }

     .cta-btn i {
         font-size: 36px;
     }
 }

 @media(max-width:1199.98px) {
     .final-cta-section {
         padding: 80px 0 200px;
     }

     .cta-small-title {
         margin-bottom: 32px;
     }

     .cta-main-title {
         font-size: 49px;
         letter-spacing: -1.5px;
     }

     .cta-description {
         max-width: 900px;
         font-size: 22px;
     }

     .cta-buttons {
         margin-top: 45px;
     }

     .cta-btn {
         min-height: 86px;
         padding: 18px 15px;
         font-size: 19px;
     }

     .cta-icon-circle {
         width: 52px;
         height: 52px;
         flex-basis: 52px;
     }

     .cta-bottom-wave {
         height: 210px;
     }
 }

 @media(max-width:991.98px) {
     .final-cta-section {
         min-height: auto;
         padding: 75px 0 190px;
     }

     .cta-label {
         font-size: 25px;
     }

     .cta-title-line {
         width: 45px;
     }

     .cta-main-title {
         font-size: 43px;
         line-height: 1.2;
     }

     .cta-heading-divider {
         margin: 30px 0;
     }

     .cta-description {
         font-size: 20px;
         line-height: 1.65;
     }

     .cta-buttons {
         max-width: 700px;
         margin-top: 38px;
     }


     .cta-btn {
         max-width: 330px;
         min-height: 68px;
         font-size: 18px;
     }

     .cta-top-right-dots {
         width: 220px;
         height: 180px;
     }

     .cta-left-dots {
         width: 180px;
         height: 250px;
     }
 }

 @media(max-width:767.98px) {
     .final-cta-section {
         padding: 65px 0 160px;
     }

     .cta-small-title {
         gap: 10px;
         margin-bottom: 28px;
     }

     .cta-label {
         font-size: 20px;
         letter-spacing: .8px;
     }

     .cta-title-line {
         width: 28px;
     }

     .cta-title-diamond {
         width: 8px;
         height: 8px;
     }

     .cta-main-title {
         font-size: 36px;
         letter-spacing: -1px;
     }

     .cta-heading-divider {
         margin: 25px 0;
     }

     .cta-heading-divider span {
         width: 60px;
     }

     .cta-description {
         font-size: 17px;
         line-height: 1.65;
     }

     .cta-buttons {
         max-width: 420px;
         margin-top: 32px;
     }

     .cta-btn {
         max-width: 350px;
         min-height: 64px;
         padding: 12px 18px;
         font-size: 17px;
     }

     .cta-btn i {
         font-size: 27px;
     }

     .cta-icon-circle {
         width: 46px;
         height: 46px;
         flex-basis: 46px;
     }

     .cta-icon-circle i {
         font-size: 23px;
     }

     .cta-bottom-wave {
         height: 150px;
     }

     .cta-right-rings {
         display: none;
     }
 }

 @media(max-width:575.98px) {
     .final-cta-section {
         padding: 55px 0 125px;
     }

     .cta-small-title {
         gap: 7px;
     }

     .cta-label {
         font-size: 17px;
     }

     .cta-title-line {
         width: 20px;
     }

     .cta-main-title {
         font-size: 30px;
         line-height: 1.22;
     }

     .cta-heading-divider {
         margin: 22px 0;
     }

     .cta-heading-divider span {
         width: 42px;
     }

     .cta-description {
         font-size: 16px;
         line-height: 1.55;
     }

     .cta-btn {
         max-width: 310px;
         min-height: 60px;
         justify-content: center;
         padding: 11px 16px;
         font-size: 16px;
         gap: 12px;
     }

     .cta-icon-circle {
         width: 38px;
         height: 38px;
         flex-basis: 38px;
     }

     .cta-icon-circle i {
         font-size: 19px;
     }


     .cta-btn>i {
         width: 45px;
         text-align: center;
     }

     .cta-bottom-wave {
         height: 105px;
     }

     .cta-top-left-rings {
         top: -190px;
         left: -210px;
     }

     .cta-top-right-dots {
         width: 150px;
         height: 120px;
         background-size: 16px 16px;
     }

     .cta-left-dots {
         top: 420px;
         width: 100px;
         height: 180px;
         opacity: .5;
         background-size: 16px 16px;
     }
 }