/* software solution */ .software-solution{ overflow-x: hidden; margin-top: 100px;} .software-solution .header{ text-align: center; padding: 10px; padding-top: 30px;} .software-solution .header h1, .software-solution .header h2, .software-solution .header h3{ font-weight: 600;} .software-solution .header p{ font-size: 22px; font-weight: 600;} .software-solution h1, .software-solution h2{ font-size: 48px;} .software-solution h3{ font-size: 38px; font-weight: regular;} .software-solution p{ font-size: 18px;} .software-solution a{ font-weight: 600;} .software-solution{ position: relative;} .software-solution h1, .software-solution h2{ font-family: var(--lato);} .software-solution h2 a{ color: black;} .software-solution .hg-bg-left{ width: 150px; position: absolute; top: 50%;} .software-solution .hg-bg-right{ width: 150px; position: absolute; top: 20%; right: -30px;} .software-solution .row{ padding-top: 120px; padding-bottom: 80px;} .software-solution .text-wrapper{ padding-top: 0%; width: 80%; margin: 0 auto;} .software-solution .text-wrapper .title{ position: relative;} .software-solution .text-wrapper .title h1, .software-solution .text-wrapper .title h2{ position: relative; top: 0;} .software-solution .text-wrapper .title svg{ width: 232px; position: absolute; top: -97px; left: -35px;} .software-solution .text-wrapper p{ margin-top: 20px;} .software-solution .text-wrapper .btn-wrapper{ margin-top: 50px; margin-left: -10px;} .software-solution .text-wrapper .btn-wrapper a.accent-button, .software-solution .text-wrapper .btn-wrapper a.green-button{ padding: 0.7rem 2rem;} .software-solution .row .title{ width: 80%;} .software-solution img{ width: 100%; object-fit: cover;} .software-solution .image-wrapper{ width: 80%; margin: 0 auto;} .software-solution ul{ margin-left: 25%; margin-top: 10px; padding-left: 6rem;} .software-solution ul li{ margin-top: 10px;} .software-solution ul li span{ margin-right: 10px;} .software-solution ul.own-brand{ margin-left: 0px !important;} @media (max-width: 991px){ .software-solution .container{ margin-top: 0px;} .software-solution .text-wrapper .title{ width: auto;} .software-solution .text-wrapper .title svg{ width: 66px; position: absolute; top: -103px;} .software-solution h1, .software-solution h2{ font-family: var(--lato); font-size: 32px !important;} .software-solution .row{ padding-top: 0px; padding-bottom: 30px;} .software-solution .text-wrapper{ padding-bottom: 60px; padding-top: 30px;} .software-solution .text-wrapper .btn-wrapper{ text-align: left; margin-top: 30px;} .software-solution ul{ padding-left: 0rem;} .software-solution ul.own-brand{ margin-left: 36px !important;} .software-solution .header p{ font-size: 20px;} .software-solution p{ font-size: 16px;} .software-solution h3{ font-size: 28px; font-weight: regular;}} @media (max-width: 500px){ .software-solution .container{ margin-top: 0px;} .software-solution .text-wrapper{ width: 90%;} .software-solution .text-wrapper .title{ width: auto;} .software-solution .text-wrapper p{ line-height: 1.8;}} @media (max-width: 400px){ .software-solution .container{ margin-top: 0px;} .software-solution ul{ margin-left: 30px;}} /* smart pos solutions */ .smart-pos-solutions{ overflow-x: hidden; margin-top: 100px; position: relative;} .smart-pos-solutions .header{ text-align: center; padding: 10px; padding-top: 30px;} .smart-pos-solutions .header h2{ font-weight: 600; font-size: 48px; font-family: var(--lato);} .smart-pos-solutions .header p{ font-size: 22px; font-weight: 600;} .smart-pos-solutions a{ font-weight: 600;} .smart-pos-solutions .hg-bg-left{ width: 150px; position: absolute; top: 50%;} .smart-pos-solutions .hg-bg-right{ width: 150px; position: absolute; top: 20%; right: -30px;} .smart-pos-solutions .row{ padding-top: 120px; padding-bottom: 80px;} .smart-pos-solutions .text-wrapper{ padding-top: 0%; width: 80%; margin: 0 auto;} .smart-pos-solutions .text-wrapper .title{ position: relative;} .smart-pos-solutions .text-wrapper .title h2{ position: relative; top: 0;} .smart-pos-solutions .text-wrapper .title svg{ width: 232px; position: absolute; top: -97px; left: -35px;} .smart-pos-solutions .text-wrapper p{ margin-top: 20px;} .smart-pos-solutions .text-wrapper .btn-wrapper{ margin-top: 50px; margin-left: -10px;} .smart-pos-solutions .text-wrapper .btn-wrapper a.accent-button, .smart-pos-solutions .text-wrapper .btn-wrapper a.green-button{ padding: 0.7rem 2rem;} .smart-pos-solutions .row .title{ width: 80%;} .smart-pos-solutions img{ width: 100%; object-fit: cover;} .smart-pos-solutions .image-wrapper{ width: 80%; margin: 0 auto;} .smart-pos-solutions ul{ margin-left: 25%; margin-top: 10px; padding-left: 6rem;} .smart-pos-solutions ul li{ margin-top: 10px;} .smart-pos-solutions ul li span{ margin-right: 10px;} @media (max-width: 991px){ .smart-pos-solutions .container{ margin-top: 0px;} .smart-pos-solutions .header h2{ font-size: 32px !important;} .smart-pos-solutions .text-wrapper .title{ width: auto;} .smart-pos-solutions .text-wrapper .title svg{ width: 66px; position: absolute; top: -103px;} .smart-pos-solutions h2{ font-family: var(--lato); font-size: 32px !important;} .smart-pos-solutions .row{ padding-top: 0px; padding-bottom: 30px;} .smart-pos-solutions .text-wrapper{ padding-bottom: 60px; padding-top: 30px;} .smart-pos-solutions .text-wrapper .btn-wrapper{ text-align: left; margin-top: 30px;} .smart-pos-solutions ul{ padding-left: 0rem;} .smart-pos-solutions .header p{ font-size: 20px;}} @media (max-width: 500px){ .smart-pos-solutions .container{ margin-top: 0px;} .smart-pos-solutions .text-wrapper{ width: 90%;} .smart-pos-solutions .text-wrapper .title{ width: auto;} .smart-pos-solutions .text-wrapper p{ line-height: 1.8;}} @media (max-width: 400px){ .smart-pos-solutions .container{ margin-top: 0px;} .smart-pos-solutions ul{ margin-left: 30px;}}
 .smart-pos-solutions .smart-pos-hero{padding-top:40px;padding-bottom:32px}.smart-pos-solutions .smart-pos-hero .smart-pos-hero-text{width:100%;margin:0;padding-right:24px}.smart-pos-solutions .smart-pos-hero .smart-pos-hero-text p{margin-top:16px;line-height:1.65}.smart-pos-solutions .smart-pos-hero .smart-pos-hero-text .btn-wrapper{margin-top:22px;margin-left:0}.smart-pos-solutions .smart-pos-hero-image{width:92%;max-width:560px;margin:0 auto;padding:12px}.smart-pos-solutions .smart-pos-hero-image img{width:100%;height:auto;object-fit:contain}.smart-pos-solutions .header{margin-bottom:32px;padding-bottom:28px}.smart-pos-solutions .header + .smart-pos-hero{margin-top:28px;padding-top:56px}.smart-pos-solutions .smart-pos-features-grid{padding-top:24px;padding-bottom:56px;margin-bottom:48px}.smart-pos-solutions .smart-pos-features-grid + .smart-pos-hero{margin-top:32px;padding-top:72px}.smart-pos-solutions .smart-pos-features-grid .row{padding-top:0;padding-bottom:0;row-gap:28px}.smart-pos-solutions .smart-pos-features-grid .feature-item{display:flex;gap:12px;align-items:flex-start;text-align:left;line-height:1.6;font-size:16px;height:100%}.smart-pos-solutions .smart-pos-features-grid .feature-item span.primary,.smart-pos-solutions .smart-pos-features-grid .feature-item span.accent{flex-shrink:0;margin-top:2px}.smart-pos-solutions .smart-pos-features-grid .feature-item svg{width:18px;height:18px}@media(max-width:991px){.smart-pos-solutions .header{margin-bottom:20px;padding-bottom:16px}.smart-pos-solutions .header + .smart-pos-hero{margin-top:16px;padding-top:32px}.smart-pos-solutions .smart-pos-hero{padding-top:16px;padding-bottom:20px}.smart-pos-solutions .smart-pos-hero .smart-pos-hero-text{padding-right:0;padding-bottom:0}.smart-pos-solutions .smart-pos-hero-image{width:88%;max-width:480px;margin-top:12px}.smart-pos-solutions .smart-pos-features-grid .row{row-gap:20px}.smart-pos-solutions .smart-pos-features-grid{margin-bottom:36px;padding-bottom:36px}.smart-pos-solutions .smart-pos-features-grid + .smart-pos-hero{margin-top:24px;padding-top:48px}}@media(max-width:767px){.smart-pos-solutions .smart-pos-hero-image{width:100%;max-width:420px;padding:8px 0}}