p,h1,h2,h3,h4,h5,h6{margin: 0;}
.home { width:100%; overflow-x:hidden; display:flex; flex-direction:column; height: fit-content; justify-content: center; position: relative; background-color: #ffffff; overflow: hidden; }
.book-a-demo-btn .text-wrapper-5, .section-DATA .text-wrapper-5 { justify-content: center; font-family: "Inter", Helvetica; font-weight: 600; color: #ffffff; font-size: 16px; text-align: center; letter-spacing: 0.16px; line-height: 20px; position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; white-space: nowrap; }
.home .text-wrapper-2 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 500; color: #46464f; font-size: 16px; letter-spacing: 0; line-height: 24px; white-space: nowrap; }
/* .home .home-banner-bg { position: absolute; top: 0; right: 0; pointer-events: none; width: calc(100% - 880px); height: 900px;} */
.home .home-banner-bg .home-banner-bg-img { width: calc(100% - 45%);height: 100%;position: absolute;top: 0;
right: 0;}
.home-banner-bg{position: relative;}
.home .section-HERO { display: flex; align-items: center; padding: 100px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; overflow: hidden; max-width: 1440px; margin: 0 auto; }
.home .hero-section-left { display: flex; flex-direction: column; max-width: 567px; align-items: flex-start; gap: 30.8px; position: relative; }
.home .module-overlay { display: inline-flex; align-items: flex-start; padding: 4px 12px; position: relative; flex: 0 0 auto; background-color: #ba002c1a; border-radius: 9999px; }
.home .text-wrapper-3 { position: relative; display: flex; align-items: center; width: fit-content;font-family: "Inter", Helvetica; font-weight: 400; color: #ba002c; font-size: 16px; letter-spacing: 0; line-height: 24px; white-space: nowrap; }
.home .banner-section {padding-top: 16px; margin: 0; position: relative; align-self: stretch; font-family: "Manrope", Helvetica; font-weight: 800; color: transparent; font-size: 54px; letter-spacing: -1.36px; line-height: 67px; }
.home .span { color: #0d1046; letter-spacing: -0.73px; }
.home .text-wrapper-4 { color: #ba002c; letter-spacing: -0.73px; }
.home .banner-section-p {margin: 0; position: relative; display: flex; align-items: center; align-self: stretch; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 18px; letter-spacing: 0; line-height: 28.8px; }
.home .div-4 { display: flex; align-items: flex-start; gap: 16px; padding: 17.2px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .book-a-demo-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 18px 32px; position: relative; flex: 0 0 auto; background-color: #ba002c; border-radius: 8px; }
.home .div-5 { display: inline-flex; flex-direction: column; align-items: center; position: relative; flex: 0 0 auto; }
.home .img-2 { position: relative; width: 12.5px; height: 12.5px; }
.home .see-how-it-work-btn { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 32px; position: relative; flex: 0 0 auto; border-radius: 8px; border: 2px solid; border-color: #0d1046; }
.home .text-wrapper-6 { position: relative; display: flex; align-items: center; justify-content: center; width: fit-content; font-family: "Inter", Helvetica; font-weight: 600; color: #0d1046; font-size: 16px; text-align: center; letter-spacing: 0.16px; line-height: 20px; white-space: nowrap; }
.home .banner-bottom-div { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 24px; padding: 16px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; border-top-width: 1px; border-top-style: solid; border-color: #e3e5eb; }
.home .banner-bottom { display: inline-flex; flex: 0 0 auto; height: 24px; align-items: center; gap: 8px; position: relative; }
.home .img-3 { position: relative; width: 15.83px; height: 15.83px; }
.home .banner-bottom-2 { display: flex; flex: 1; flex-grow: 1; height: 24px; align-items: center; gap: 8px; position: relative; }
.home .container-2 { display: inline-flex; flex-direction: column; align-items: flex-start; position: relative; flex: 0 0 auto; margin-right: -64.67px; }
.home .p { position: relative; display: flex; align-items: center; width: 448px; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 500; color: #46464f; font-size: 16px; letter-spacing: 0; line-height: 24px; }
.home .container-3 { display: flex; flex-direction: column; align-items: flex-end; position: relative; flex: 1; flex-grow: 1; }
.background-border img { width: 100%; height: 100%; }
.home .floating-accent { display: inline-flex; flex-direction: column; max-width: 184px; align-items: flex-start; gap: 2.68px; padding: 18.4px; left: 0px; bottom: -10px; background-color: #ffffff; border: 0.77px solid; border-color: #e3e5eb; position: absolute; border-radius: 9.2px; }
.home .floating-accent-2 { width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff01; box-shadow: 15px 9px 19.17px -3.83px #0000001a; position: absolute; border-radius: 9.2px; }
.home .container-4 { display: inline-flex; align-items: center; gap: 9.2px; padding: 0px 17.65px 9.58px 0px; position: relative; flex: 0 0 auto; }
.home .overlay { display: flex; width: 30.67px; height: 30.67px; align-items: center; justify-content: center; position: relative; background-color: #ba002c1a; border-radius: 7665.9px; }
.home .icon { position: relative; width: 19px; height: 11px;}
.home .text-wrapper-7 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -0.77px; font-family: "Inter", Helvetica; font-weight: 600; color: #46464f; font-size: 10.7px; letter-spacing: 0.54px; line-height: 15.3px; white-space: nowrap; }
.home .text-wrapper-8 { position: relative; display: flex; align-items: center; width: fit-content; font-family: "Manrope", Helvetica; font-weight: 400; color: #0d1046; font-size: 21.5px; letter-spacing: 0; line-height: 32.2px; white-space: nowrap; }
.home .efficiency-increase { position: relative; width: fit-content; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 10.7px; letter-spacing: 0; line-height: 15.3px; }
.home .frame-wrapper { display: flex; justify-content:center; padding: 50px 0px 50px 10px; width: 100%; max-width: 1670px; margin-left: auto; background-color: #ffffff; }
.home .frame { width:100%; display: flex; align-items: center; justify-content:space-between; gap: 48px; }
.frame-slider { width: 100%; padding: 20px 0; }
.frame-slider .swiper-slide { display: flex; justify-content: center; align-items: center; }
.frame-slider img { width: 100%; max-width: 155px; height: auto; display: block; }
.home .text-wrapper-9 { position: relative; width: 220px; flex-shrink: 0; font-family: "Roboto", Helvetica; font-weight: 400; color: #a3a3a3; font-size: 14px; letter-spacing: 0; line-height: normal; }
.home .frame-2 { position: relative; flex: 0 0 auto; width:calc(100% - 150px); height:auto; margin-right:100px; }
.home .container-wrapper { display: flex; flex-direction: column; align-items: flex-start; padding: 150px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #f7f8fa; }
.home .container-5 { display: flex; flex-direction: column; align-items: center; gap: 80px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; max-width: 1440px; margin: 0 auto; }
.home .container-6 { display: flex; flex-direction: column; max-width: 768px; width: 768px; align-items: flex-start; gap: 22.9px; position: relative; flex: 0 0 auto; }
.home .heading { display: flex; flex-direction: column; align-items: center; align-self: stretch; width: 100%; position: relative; flex: 0 0 auto; }
.home .one-seamless-loop { position: relative; width: fit-content; font-family: "Manrope", Helvetica; font-weight: 700; color: transparent; font-size: 48px; text-align: center; letter-spacing: 0; line-height: 57.6px; }
.home .text-wrapper-10 { color: #0d1046; }
.fc-faq-wrapper { width:100%; }
.fc-faq-item { border:1px solid #E6E6E6; border-radius:12px; margin-bottom:16px; overflow:hidden; }
.fc-faq-question { width:100%; background:#fff; border:0; padding:22px 24px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-size:18px; font-weight:600; text-align:left; color: #0D1046; font-family: "Manrope", Helvetica; }
.fc-faq-answer { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.fc-faq-answer p { padding:0 24px 24px; margin:0; font-size: 14px; line-height: 20px; font-weight: 400; font-family: "Inter", Helvetica; color: #46464F; }
.fc-faq-icon { width:14px; transition:.3s; }
.fc-faq-item.active .fc-faq-answer { max-height:300px; }
.fc-faq-item.active .fc-faq-icon { transform:rotate(180deg); }
.home .text-wrapper-11 { color: #ba002c; }
.home .container-7 { display: flex; flex-direction: column; align-items: center; padding: 0px 0px 0.69px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .text-wrapper-12 { position: relative; display: flex; align-items: center; justify-content: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 18px; text-align: center; letter-spacing: 0; line-height: 28.8px; }
.home .container-8 { display: flex; align-items: flex-start; justify-content: space-between; position: relative; width: 100%; gap: 20px; }
.home .connector-line { position: absolute; width: 100%; top: 42px; left: 0; height: 1px; background-color: #e3e5eb; }
.home .steps { display: flex; justify-content:space-between; align-items:flex-start; width:100%; list-style:none; padding:0; margin:0; }
.home .margin { width: 64px; height: 88px; align-items: flex-start; padding: 0px 0px 24px; display: flex; flex-direction: column; position: relative; }
.home .background-border-2 { display: flex; width: 64px; height: 64px; align-items: center; justify-content: center; position: relative; background-color: #ffffff; border-radius: 9999px; border: 1px solid; border-color: #e3e5eb; }
.home .icon-2 { position: relative; width: 21.25px; height: 23.89px; }
.home .background { display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; padding: 3.5px 0px 4.5px; position: absolute; top: -7px; right: -7px; background-color: #ba002c; border-radius: 9999px; }
.home .text-wrapper-13 { justify-content: center; font-family: "Inter", Helvetica; font-weight: 600; color: #ffffff; font-size: 12px; text-align: center; letter-spacing: 0; line-height: 16px; position: relative; display: flex; align-items: center; width: fit-content; white-space: nowrap; }
.home .heading-margin { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 8px; position: relative; flex: 0 0 auto; }
.home .text-wrapper-14 { justify-content: center; font-family: "Manrope", Helvetica; font-weight: 400; color: #0d1046; font-size: 18px; text-align: center; letter-spacing: 0; line-height: 28px; position: relative; display: flex; align-items: center; width: fit-content; white-space: nowrap; }
.home .container-9 { display: flex; flex-direction: column; align-items: center; padding: 0px 16.75px 0px 16.73px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .text-wrapper-15 { position: relative; display: flex; align-items: center; justify-content: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 14px; text-align: center; letter-spacing: 0; line-height: 20px; }
.home .container-10 { display: flex; flex-direction: column; flex:1; max-width:196px; align-items: center; }
.home .icon-3 { position: relative; width: 22px; height: 21.27px; }
.home .container-11 { display: flex; flex-direction: column; align-items: center; padding: 0px 21.36px 0px 21.35px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .icon-4 { position: relative; width: 21.88px; height: 21.88px; }
.home .div-6 { position: relative; width: 24px; height: 24px; aspect-ratio: 1; }
.home .vector { position: absolute; width: 89.64%; height: 89.60%; top: 10.40%; left: 10.36%; }
.home .vector-2 { position: absolute; width: 47.46%; height: 52.29%; top: 31.71%; left: 32.54%; }
.home .container-12 { display: flex; flex-direction: column; align-items: center; padding: 0px 24.24px 0px 24.22px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .vector-3 { position: absolute; width: 88.89%; height: 83.33%; top: 16.67%; left: 11.11%; }
.home .vector-4 { position: absolute; width: 63.81%; height: 94.45%; top: 0; left: 36.19%; }
.home .container-13 { display: flex; flex-direction: column; align-items: center; padding: 0px 17.08px 0px 17.07px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .icon-5 { position: relative; width: 23.75px; height: 21.25px; }
.home .container-14 { display: flex; flex-direction: column; align-items: center; padding: 0px 29.84px 0px 29.85px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .text-wrapper-16 { position: relative; display: flex; align-items: center; justify-content: center; width: 175px; margin-top: -1px; margin-left: -18.94px; margin-right: -18.94px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 14px; text-align: center; letter-spacing: 0; line-height: 20px; }
.home .bento-grid-section { display: flex; flex-direction: column; align-items: flex-start; padding: 150px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .container-15 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 491.58px 307px; height: fit-content; gap: 32px; max-width: 1440px; margin: 0 auto; }
.home .main-feature { position: relative; grid-row: 1 / 2; grid-column: 1 / 3; width: 100%; height: 100%; object-fit: cover; border: 1px solid #E3E5EB; padding: 48px 0px 48px 48px; border-radius: 18px; box-shadow: 0px 3px 10.6px 4px rgba(0, 0, 0, 0.03); }
.main-feature-img { position: absolute; top: 0; right: 0; }
.home .main-feature .heading { align-items: flex-start; max-width: 562px;gap: 15px; }
.home .main-feature .one-seamless-loop, .home .main-feature .text-wrapper-12 { text-align: start; }
.home .main-feature .banner-bottom-div { gap: 16px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border: 0; }
.home .split-grid { position: relative; grid-row: 2 / 3; grid-column: 2 / 3; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 40px; background-color: #ffffff; border-radius: 18px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; box-shadow: 0px 3px 10.6px 4px #00000008; }
.home .icon-6 { position: relative; width: 24px; height: 30px; }
.home .heading-2 { display: flex; flex-direction: column; align-items: flex-start; padding: 8px 0px 0px; align-self: stretch; width: 100%; position: relative; flex: 0 0 auto; }
.home .text-wrapper-17 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 700; color: #161c27; font-size: 24px; letter-spacing: 0; line-height: 33.6px; }
.home .div-wrapper-2 { display: flex; flex-direction: column; align-items: flex-start; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; padding-bottom: 16px; }
.home .div-wrapper-2-p{padding-bottom: 0;}
.home .div-wrapper-21 { padding-bottom: 0; }
.home .text-wrapper-18 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #777c88; font-size: 16px; letter-spacing: 0; line-height: 24px; }
.home .background-border-3 { position: relative; grid-row: 2 / 3; grid-column: 1 / 2; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 40px; background-color: #ffffff; border-radius: 18px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; box-shadow: 0px 3px 10.6px 4px #00000008; }
.home .icon-7 { position: relative; width: 27px; height: 30px; }
.home .container-16 { display: flex; flex-direction: column; align-items: flex-start; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; margin-bottom: -8px; }
.home .background-border-4 { position: relative; grid-row: 2 / 3; grid-column: 3 / 4; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 40px; background-color: #ffffff; border-radius: 18px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; box-shadow: 0px 3px 10.6px 4px #00000008; }
.home .icon-8 { position: relative; width: 30px; height: 31.5px; }
.home .secondary-metric { position: relative; grid-row: 1 / 2; grid-column: 3 / 4; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 76.39px 32px; background-color: #0d1046; border-radius: 18px; }
.home .background-wrapper { width: 253.31px; height: 112px; align-items: center; padding: 0px 86.66px 32px; display: flex; flex-direction: column; position: relative; }
.home .background-2 { display: flex; width: 80px; height: 80px; align-items: center; justify-content: center; position: relative; background-color: #ba002c; border-radius: 9999px; }
.home .replace-spreadsheets-wrapper { align-items: center; padding: 0px 0px 24px; align-self: stretch; width: 100%; flex: 0 0 auto; display: flex; flex-direction: column; position: relative; }
.home .replace-spreadsheets { position: relative; display: flex; align-items: center; justify-content: center; width: 300px; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 700; color: #ededf3; font-size: 20px; text-align: center; letter-spacing: 1.6px; line-height: 24px; }
.home .text-wrapper-19 { position: relative; display: flex; align-items: center; justify-content: center; align-self: stretch; font-family: "Inter", Helvetica; font-weight: 400; color: #ededf3; font-size: 16px; text-align: center; letter-spacing: 0; line-height: 24px; }
.home .section { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 0px; position: relative; flex: 0 0 auto; background-color: #0d1046; }
.home .container-17 { display: flex; max-width: 1440px; align-items: flex-start; justify-content: center; gap: 32px; position: relative; width: 100%; flex: 0 0 auto; }
.home .container-18 { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; position: relative; flex: 1; flex-grow: 1; }
.home .icon-9 { position: relative; width: 16px; height: 18.23px; }
.home .heading-3 { display: flex; flex-direction: column; align-items: flex-start; padding: 6px 0px 0px; align-self: stretch; width: 100%; position: relative; flex: 0 0 auto; }
.home .text-wrapper-20 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 700; color: #ffffff; font-size: 18px; letter-spacing: 0; line-height: 28px; }
.home .container-19 { display: flex; flex-direction: column; align-items: flex-start; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; opacity: 0.7; }
.home .text-wrapper-21 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #ffffff; font-size: 14px; letter-spacing: 0; line-height: 20px; }
.home .icon-10 { position: relative; width: 13px; height: 20px; }
.home .icon-11 { position: relative; width: 18px; height: 16px; }
.home .icon-12 { position: relative; width: 18px; height: 17.08px; }
.home .icon-13 { position: relative; width: 17.96px; height: 19px; }
.home .container-20 { display: flex; flex-direction: column; align-items: flex-start; gap: 64px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; max-width: 1440px; margin: 0 auto; }
.home .solutions-for-the { position: relative; max-width: 726px; font-family: "Manrope", Helvetica; font-weight: 700; color: transparent; font-size: 48px; text-align: center; letter-spacing: 0; line-height: 57.6px; }
.home .container-21 { display: flex; align-items: flex-start; justify-content: center; gap: 24px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .background-border-5 {justify-content: space-between; display: flex; flex-direction: column; align-items: flex-start; position: relative; flex: 1; align-self: stretch; flex-grow: 1; background-color: #ffffff; border-radius: 18px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; }
.home .background-border-5 .div-wrapper-2{padding: 0;}
.home .abaxucyek-wrapper { display: flex; flex-direction: column; height: 192px; align-items: flex-start; justify-content: center; position: relative; align-self: stretch; width: 100%; }
.home .abaxucyek { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url("../img/last-mile-delivery.png"); background-size: cover; background-position: 50% 50%; }
.home .container-22 {gap: 16px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 24px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; height: calc(100% - 192px);}
.home .container-23 { display: flex; flex-direction: column; align-items: flex-start; gap: 8px;  position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .text-wrapper-22 {margin-bottom: 0; position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 600; color: #0d1046; font-size: 20px; letter-spacing: 0; line-height: 28px; }
.home .text-wrapper-23 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 14px; letter-spacing: 0; line-height: 20px; }
.home .div-7 { display: flex; align-items: center; gap: 8px; align-self: stretch; width: 100%; position: relative; flex: 0 0 auto; }
.home .icon-14 { position: relative; width: 8.75px; height: 8.75px; }
.home .container-24 { position: relative; align-self: stretch; width: 100%; height: 192px; background-image: url(../img/appliance-delivery-installation.png); background-size: cover; background-position: 50% 50%; }
.home .container-25 {gap: 16px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 24px; position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1;height: calc(100% - 192px); }
.home .container-26 {display: flex; flex-direction: column; align-items: flex-start; gap: 8px;  position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; }
.home .text-wrapper-24 { position: relative; display: flex; align-items: center; align-self: stretch; margin-bottom: -7px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 14px; letter-spacing: 0; line-height: 20px; }
.home .container-27 { position: relative; align-self: stretch; width: 100%; height: 192px; background-image: url(../img/contractor-networks.png); background-size: cover; background-position: 50% 50%; }
.home .text-wrapper-25 { position: relative; display: flex; align-items: center; align-self: stretch; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 14px; letter-spacing: 0; line-height: 20px; }
.home .container-28 { position: relative; align-self: stretch; width: 100%; height: 192px; background-image: url(../img/field-service-teams.png); background-size: cover; background-position: 50% 50%; }
.home .section-DATA { display: flex; align-items: center; gap: 100px; padding: 150px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #ffffff; max-width: 1440px; margin: 0 auto; justify-content: center; }
.home .background-shadow { position: relative; width: calc(50% - 50px); }
.macbook-air-inch { width: 100%; height: 100%; }
.home .container-29 { display: flex; flex-direction: column; width: calc(50% - 50px); align-items: flex-start; gap: 40px; position: relative; }
.home .complete-job-records { font-weight: 700; color: transparent; font-size: 48px; line-height: 57.6px; position: relative; margin-top: -1px; font-family: "Manrope", Helvetica; letter-spacing: 0; }
.home .text-wrapper-26 { position: relative; display: flex; align-items: center; align-self: stretch; font-family: "Inter", Helvetica; font-weight: 400; color: #777c88; font-size: 18px; letter-spacing: 0; line-height: 28.8px; }
.home .container-30 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: fit-content(100%) 96px; height: fit-content; gap: 32px; }
.home .container-31 { position: relative; grid-row: 1 / 2; grid-column: 1 / 2; width: 100%; height: fit-content; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.home .icon-15 { position: relative; width: 19px; height: 19px; }
.home .text-wrapper-27 {margin-bottom: 0; display: flex; align-items: center; width: fit-content; font-weight: 600; color: #0d1046; font-size: 18px; line-height: 28px; white-space: nowrap; position: relative; margin-top: -1px; font-family: "Manrope", Helvetica; letter-spacing: 0; }
.home .container-32 { position: relative; grid-row: 1 / 2; grid-column: 2 / 3; width: 100%; height: fit-content; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.home .icon-16 { position: relative; width: 18.93px; height: 18.9px; }
.home .container-33 { position: relative; grid-row: 2 / 3; grid-column: 1 / 2; width: 100%; height: fit-content; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 0px 0px 20px; }
.home .icon-17 { position: relative; width: 15px; height: 18.94px; }
.home .container-34 { position: relative; grid-row: 2 / 3; grid-column: 2 / 3; width: 100%; height: fit-content; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.home .icon-18 { position: relative; width: 19px; height: 17px; }
.home .button { all: unset; box-sizing: border-box; display: inline-flex; justify-content: center; gap: 8px; padding: 18px 32px; background-color: #ba002c; border-radius: 8px; align-items: center; position: relative; flex: 0 0 auto; }
.home .section-CUSTOMER { display: flex; flex-direction: column; align-items: flex-start; padding: 100px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #f1f2f5; }
.testimonial-slider { width: 100%; overflow: hidden; }
.testimonial-slider .swiper-slide { height: auto; }
.testimonial-slider .swiper-pagination { margin-top: 30px; position: relative; }
.home .container-35 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; max-width: 900px; margin: 0 auto; }
.testimonial-nav { display: flex; justify-content: center; gap: 10px; padding-top: 32px; }
.testimonial-prev, .testimonial-next { background: none; border: 0; padding: 0; cursor: pointer; }
.home .tabler-quote-filled { position: absolute; top: 0px; right: 0; }
.home .container-36 { display: flex; flex-direction: column; width: 878px; align-items: flex-start; gap: 32px; position: relative; flex: 0 0 auto; }
.home .container-37 { position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; object-fit: cover; }
.home .text-wrapper-28 { position: relative; display: flex; align-items: center; justify-content: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 400; color: #0d1046; font-size: 32px; text-align: center; letter-spacing: 0; line-height: 35px; }
.home .container-38 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 8px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.home .background-border-6 { display: flex; flex-direction: column; width: 64px; height: 64px; align-items: flex-start; justify-content: center; position: relative; background-color: #f0f3ff; border-radius: 9999px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; }
.home .div-8 { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url(../img/author_marcus-thorne.png); background-size: cover; background-position: 50% 50%; }
.home .container-39 { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; position: relative; flex: 0 0 auto; }
.home .text-wrapper-29 { position: relative; display: flex; align-items: center; justify-content: center; width: 448px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 16px; text-align: center; letter-spacing: 0; line-height: 24px; }
.home .group-2 { position: relative; width: 70.43px; height: 30px; }
.home .section-FAQ { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 120px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #ffffff; }
.home .container-40 { display: flex; flex-direction: column; align-items: flex-start; gap: 64.01px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; max-width: 928px; margin: 0 auto; }
.home .common-questions { position: relative; width: fit-content; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 700; color: transparent; font-size: 48px; text-align: center; letter-spacing: 0; line-height: 57.6px; white-space: nowrap; }
.home a, .home button, .home summary { color: inherit; }
/* .home a:focus-visible, .home summary:focus-visible { outline: 2px solid #ba002c; outline-offset: 4px; } */
.home .nav a, .home .container a, .home .div-wrapper, .home .book-a-demo-btn, .home .see-how-it-work-btn, .home .button, .home .button-4, .home .item, .home .link-2 { cursor: pointer; }
.home .banner-bottom-div, .home .steps { list-style: none; margin: 0; }
.home .banner-bottom-div { padding-left: 0; }
.home .steps { padding-left: 0; }
.home address { font-style: normal; }

@media(max-width:1200px) {
.home .main-feature .heading { max-width: 450px; }
.home .section-DATA { gap:50px; }
.home .floating-accent{ left: 0;bottom: -40px; }
}
@media (max-width: 1100px) {
.home { height: auto; }
.home-banner-bg-img{display: none;}
.home .header, .home .section, .home .section-HERO, .home .frame-wrapper, .home .container-wrapper, .home .bento-grid-section, .home .section-DATA, .home .section-CUSTOMER { width: 100%; padding-left: 40px; padding-right: 40px; }
.home .section-FAQ { padding-left: 40px; padding-right: 40px; }
.home .section-HERO, .home .section-DATA { gap: 48px; flex-direction: column; }
.home .hero-section-left { width: 100%;max-width: 100%; }
.home .container-21 { flex-wrap: wrap; }
.home .background-border-5 { min-width: calc(50% - 12px); }
.home .header { gap: 24px; }
.home .nav { gap: 16px; }
.home .connector-line { display: none; }
.home .floating-accent { left: 0;bottom: -20px; }
.home .container-10 { flex:auto; width: auto; }
.home .steps { flex-wrap: wrap; gap: 40px; justify-content: center; }
.main-feature-img { display: none; }
.home .main-feature .heading { max-width: 100%; }
.home .main-feature { padding: 30px; }
.home .split-grid, .home .background-border-3, .home .background-border-4 { padding: 20px; gap: 10px; }
.home .container-15 { gap: 15px; }
.home .replace-spreadsheets { width: 100%; }
.home .bento-grid-section .container-15, .home .container-30 { grid-template-columns: 100%; grid-template-rows: auto; }
.home .main-feature, .home .secondary-metric, .home .split-grid, .home .background-border-3, .home .background-border-4, .home .container-31, .home .container-32, .home .container-33, .home .container-34 { grid-column: 1; grid-row: auto; }
.home .background-shadow, .home .container-29 { width: 100%; }
.home .secondary-metric { padding: 20px; }
.home .rectangle { width: 100%; }
.home .container-41 { max-width: 100%; padding: 50px 10px 0; }
}
@media (min-width: 1100px) and (max-width: 1440px) {
  .home .floating-accent { left: 0;bottom: -50px; }
}
@media (max-width: 760px) {
.home .header { flex-wrap: wrap; padding: 16px 24px; }
.home .div-4 { flex-wrap: wrap; }
.home .section-HERO .div-4 { flex-direction: column; align-items: stretch; width: 100%; }
.home .section-HERO .book-a-demo-btn,
.home .section-HERO .see-how-it-work-btn { width: 100%; box-sizing: border-box; }
.home .nav { order: 3; width: 100%; overflow-x: auto; padding-bottom: 4px; }
.home .container { margin-left: auto; }
.home .section-HERO, .home .section-DATA { flex-direction: column; }
.home .section-HERO, .home .frame-wrapper, .home .container-wrapper, .home .bento-grid-section, .home .section, .home .section-DATA, .home .section-CUSTOMER, .home .section-FAQ { padding: 64px 10px; }
.home .hero-section-left, .home .container-3, .home .container-6, .home .container-29, .home .container-36, .home .background-shadow { width: 100%; max-width:1240px; margin:0 auto; }
.home .container-3 { min-height: 340px; }
.home .background-shadow, .home .macbook-air-inch { height: auto; aspect-ratio: 1; }
.home .container-15 { width: 100%; }
.home .container-17, .home .container-21 { flex-direction: column; }
.home .container-18, .home .background-border-5 { width: 100%; min-width: 0; }
.home .section .container-17 { align-items: center; }
.home .section .container-18,
.home .section .heading-3,
.home .section .container-19 { align-items: center; text-align: center; }
.home .section .text-wrapper-20,
.home .section .text-wrapper-21 { justify-content: center; text-align: center; }
.home .container-8 { overflow-x: auto; }
.home .container-10 { width:auto; flex:1; }
.home .steps { padding-top: 30px; }
.home .container-5 { gap: 40px; }
.home .margin { width: 196.8px; align-items: center; }
.home .rectangle { width: 100%; height: auto; }
.home .text-wrapper-32, .home .complete-job-records, .home .solutions-for-the, .home .one-seamless-loop, .home .common-questions { width: auto; max-width: 100%; font-size: 36px; line-height: 1.2; white-space: normal; }
.home .banner-section { font-size: 42px; line-height: 1.15; }
.home .text-wrapper-29 { width: 100%; }
.home .frame { flex-direction: column; gap: 20px; }
.home .text-wrapper-9 { width: 100%; text-align: center; }
.home .floating-accent { left: 0;bottom: -40px; }
}
@media(max-width:575px) {
.home .steps { flex-direction: column; }
.home .container-10 { width: 100%; flex: auto; max-width: 100%; }
.home .text-wrapper-3 { white-space: normal; }
.home .p { width: 100%; }
.home .container-2 { flex: unset; margin-right: 0; }
.home .banner-bottom-2, .home .banner-bottom { align-items: flex-start; }
.home .banner-bottom { height: 100%; }
.home .img-3 { margin-top: 4px; }
.home .banner-bottom-div { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 5px; }
.home .text-wrapper-2 { white-space: unset; }
.home .text-wrapper-28 { font-size: 28px; line-height: 32px; }
.home .container-37 { height: 30px; }
.home .floating-accent { left: 0; bottom: -50px ; }
}

/* 1440px viewport only — do not apply on other screens */
@media (width: 1440px) {
  .home .section-HERO .background-border { max-width: 737px; }
  .home .floating-accent { left: -35px; bottom: -25px; max-width: 184px; }
}