            body {
                font-family: "Exo 2", sans-serif !important;
            }

            P,
            button {
                font-weight: 500;
            }

            p {
                font-size: 1.05rem;
            }

            .contact-button-submit {
                background-color: #F0483E !important;
                border-radius: 10px;
                color: #fcf9f9 !important;
                visibility: visible;
            }

            a {
                font-size: 1.1rem;
                font-weight: 500;
                color: #000000 !important;
                text-decoration: none;
                background-color: transparent;
            }


            .banner-sec {
                min-height: 40rem;
                padding-top: 6rem;
                background: #036;
            }

            .fnt-sz {
                font-size: 3rem;
            }

            .banner-para {
                font-size: 1.25rem;
            }

            .vector-tp {
                margin-top: -4rem;
            }

            .margin-tp {
                margin-top: 7rem;
            }

            .custom-fluid {
                padding: 0rem 6rem 0rem 6rem;
            }

            .border-bottom {
                border-top: 2px solid #fff;
            }

            .banner-btn {
                border-radius: 4rem;
                border: none;
                color: #fff;
                background-color: #F0483E;
            }

            .banner-btn1 {
                border-radius: 4rem;
                border: 1px solid #fff;
                color: #fff;
            }

            .banner-btn:hover {
                background-color: #fff;
                border: 1px solid #fff;
                color: #003366;
                font-weight: bold;
            }

            .banner-btn1:hover {
                background-color: #fff;
                border: 1px solid #fff;
                color: #003366;
                font-weight: bold;
            }

            .clr-sky {
                color: #003366;
            }

            .clr-light {
                color: #009DFF;
            }

            .card1 .clr-light {
                color: #009DFF;
            }

            .scale.clr-light {
                color: #009DFF;
            }

            .clr-orange {
                color: #F0483E !important;
            }


            /* advantage section */

            .custom-section {
                padding: 0rem 2rem;
            }

            /* CSS */
            .zoom-out-img {
                transition: transform 1.1s;
            }

            .zoom-out-img:hover {
                transform: scale(0.9);
            }

            /* solution section */





            .bird-circle {
                background: transparent;
                border-radius: 3rem;
                -moz-border-radius: 3rem;
                -webkit-border-radius: 3rem;
                color: #333;
                height: 4rem;
                width: 4rem;
                display: inline-block;
                font-size: 2rem;
                line-height: 3.5rem;
                text-align: center;
                border: 1px solid #003366;
            }


            .show_hide {
                border: none;
                background: transparent;
                color: #F0483E;
            }


            .link-arrow .left-arrow {
                display: inline-block;
                transition: 0.1s ease-in;
            }

            .link-arrow:hover .left-arrow {
                transform: translateX(50%);
            }

            /* serve the best section */

            .serve {
                background-color: #003366;
            }

            .card1 {
                background-color: #005D6E;
                border-radius: 2rem;
            }

            .min-h {
                min-height: 10rem;
            }

            .card1:hover>.hov-n {
                display: none;
            }

            .card1:hover>.hov-b {
                display: inline-block;
            }

            .hov-b {
                display: none;
                transition: box-shadow 0.7s ease-in-out;
            }


            .card1:hover {

                box-shadow: 0px -2px 10px 2px #00DFFF;
                border-radius: 2rem;
            }

            .card1 {
                transition: box-shadow 0.7s ease-in-out;
                border-radius: 2rem;
            }

            .serve .owl-carousel .owl-item img {
                width: auto;
                display: block;
                margin: 0 auto;
            }


            /* review */
            .OwnersApp {
                width: 31rem;
            }

            /* scale */
            .scale {
                background-image: url('../images/scale/ScaleSection.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                min-height: 30rem;
            }

            .scale .overly {
                background-color: rgba(0, 35, 82, 0.7);
                min-height: 30rem;
                padding: 6rem 0rem 0rem 6rem;
            }

            .Faq {
                background: #fff;
                min-height: 50rem;

            }

            .accordion-item {
                margin-top: 16px;
                border: 1px solid #fcfcfc;
                border-radius: 6px;
                background: #ffffff;
                box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
            }

            .accordion-item .accordion-item-title {
                position: relative;
                margin: 0;
                display: flex;
                cursor: pointer;
                justify-content: space-between;
                flex-direction: row-reverse;
                padding: 14px 20px;
                box-sizing: border-box;
                align-items: center;
                border-bottom: 1px solid gray;
                color: #003366;
                font-size: 0.9rem;
                font-weight: 600;
            }

            .accordion-item p {
                font-size: 0.9rem;
                font-weight: 600;
            }

            .accordion-item ul {
                font-size: 0.9rem;
                font-weight: 600;
            }

            .accordion-item .accordion-item-desc {
                display: none;
                line-height: 22px;
                color: #003366;
                border-top: 1px dashed #ddd;
                padding: 10px 20px 20px;
                box-sizing: border-box;
            }

            .accordion-item input[type="checkbox"] {
                position: absolute;
                height: 0;
                width: 0;
                opacity: 0;
            }

            .accordion-item input[type="checkbox"]:checked~.accordion-item-desc {
                display: block;
            }

            .accordion-item input[type="checkbox"]:checked~.accordion-item-title .icon:after {
                content: "-";
            }

            .accordion-item input[type="checkbox"]~.accordion-item-title .icon:after {
                content: "+";
                font-size: 20px;
            }

            .accordion-item:first-child {
                margin-top: 0;
            }

            /* free trail */
            .free-trail {
                min-height: 25rem;
                background-color: #A9F5FF;
            }

            .free-clr {
                background-color: #A9F5FF;
                min-height: 25rem;
                padding: 9rem 0rem 0rem 6rem;
            }

            .bg-orange {
                background-color: #F0483E;
            }

            .bg-free {
                min-height: 25rem;
                background-color: #005B9E;
                border-radius: 15rem 0rem 0rem 15rem;
                position: relative;
            }

            .setting {

                position: absolute;
                top: -6rem;
                width: 26rem;
                left: 25%;
            }

            /* footer */

            .mrgn-rightset {
                margin-left: 0.3rem;
            }

            .border-bottom1 {
                border-top: 1px solid #b4b4b4;
            }

            .text-align-l {
                text-align: left;
            }

            .text-align-r {
                text-align: right;
            }

            .text-align-r1 {
                text-align: right;
            }

            .justify {
                justify-content: end;
            }

            .wid-15 {
                width: 90%;
            }

            .d-flx {
                display: flex;
            }


            .height-set {
                height: 30rem;
            }

            .banner-text {
                color: #00DFFF;
            }

            .footer {
                background-color: #036;
                color: white;
                text-align: center;
            }

            /* solution page css start  */
            .Software_Offers {
                margin-top: 6rem;
            }

            .retail_solution {
                background-color: #003366;
                margin-top: 6rem;
                margin-bottom: 7rem;
            }

            .wd-set {
                max-width: 70% !important
            }

            .solutions_card {
                background-image: url(../images/solutions_page/CardTopDesign.png);
                background-position: center;
                background-repeat: no-repeat;
                position: relative;
                height: 25rem;
                width: 23rem;
                border: 3px solid #00dfff;
                border-radius: 1rem;
                padding: 0rem !important;
            }

            .card-set {
                position: absolute;
                left: 1rem;
                top: 4rem;
                padding: 1rem;
            }

            .brd-right {
                border-right: 1.5px solid #009DFF;
                margin: 0rem 3rem 0rem -3rem;
            }

            .brd-btm {
                display: inline-block;
                border-bottom: 2px solid #009DFF;
                width: 5rem;
                line-height: 3.2rem;
            }

            /* hardware requirment */
            .hardware {
                background-color: #73C4FF;
                min-height: 29rem;
                position: relative;
            }

            .pd-6 {
                padding: 7rem 0rem 0rem 6rem;
            }

            .pd-8 {
                padding: 9rem 0rem 0rem 6rem;
            }

            .posscreen_set {
                position: absolute;
                right: 0rem;
                top: -3rem;
            }

            .hardware1 {
                background-color: #A9F5FF;
            }

            .posscreen_set1 {
                position: absolute;
                right: 0rem;
                top: 1rem;
            }

            .owl-carousel .owl-item img {
                width: 100% !important;
                display: block;
                margin: 0 auto;
            }

            .overlay-set {
                background-color: rgba(0, 0, 0, 0.6);
                position: absolute;
                bottom: 0rem;
                width: 100%;
                min-height: 11rem;
            }

            .retail_solution .items {
                position: relative;
            }

            /* solution page css end  */

            /* bakerypossoftware page css start */

            .fnt-sz1 {
                font-size: 3rem;
            }

            .bakerybanner {
                margin-top: 5rem;
            }

            .bakery-pos {
                position: absolute;
                top: 6rem;
            }

            .bakerybanner h3 {
                font-size: 1.45rem;
            }

            .bakerybanner-text {
                color: #009DFF;
                font-weight: 600;
            }

            .bakeryborder-bottom {
                border-top: 2.2px solid rgb(17, 70, 122);
            }

            /* profit section start*/
            .profit {
                background-color: #005B9E;
                position: relative;
            }

            .profit-box {
                border-radius: 1rem;
                padding: 1rem;
                background: #fff;
                text-align: center;
                box-shadow: 2px 1px 5px 2px #9b9fa3;
                min-height: 10rem;
            }

            /* profit section end*/


            /* happy customers section start*/

            .happy-box {
                padding: 1rem;
                border: 1px solid #009DFF;
                border-radius: 0.5rem;
            }

            .optimize-box {
                border: 1px solid #009DFF;
            }

            /* happy customers section End*/

            /* bakery_setup section start*/
            .bakerysetup {
                background-color: #005B9E;
                position: relative;
                min-height: 20rem;
            }

            .bakery_setup {
                border-radius: 0.8rem;
                padding: 3rem;
                background: #fff;
                text-align: center;
                box-shadow: 2px 1px 5px 2px #9b9fa3;
                margin: 0.5rem;
            }

            .bakerysetup_pos {
                position: absolute;
            }

            .trail-heightset {
                margin-top: 20rem;
            }

            .trail-heightset1 {
                margin-top: 20rem;
            }

            /* bakery_setup section End*/

            /* bakerypossoftware page css end */


            /* apparelmanagement page css start */
            .apparelmanagement-text {
                color: #005B9E;
                font-weight: bold;
            }


            .stock_travcking {
                background-color: #A9F5FF;
            }

            .apparelmanagement_mrgnsetup {
                margin-top: -6rem;
            }

            /* apparelmanagement page css start */


            /* modal popup for free demo start*/

            .modal-dialog {
                max-width: 50%;
                margin: 1.75rem auto;
            }


            .w-set {
                width: 100%;
                border: 1px solid #d9d9d9;
                height: 2rem;
                border-radius: 0.5rem;
            }

            .modal-height {
                height: 100% !important;
            }

            .modal-brdset {
                border-bottom: none;
            }

            .pd-set {
                padding: 1rem;
            }

            /* modal popup for free demo end */



            /* pricing page start */
            .price_section {
                margin-top: 6rem;
            }

            .center {
                text-align: center;
            }

            .clr-sky s {
                text-decoration: line-through;
                text-decoration-color: #F0483E;
                font-weight: bold;
            }

            .fa-2x {
                font-size: 1.8rem;
                color: green;
            }

            .fa-2x.cross {
                font-size: 1.8rem;
                color: red;
            }


            .price-bx {
                min-height: 18rem;
                box-shadow: 0px 1px 8px 1px gray;
                padding: 2rem;
            }

            .mrgn-t {
                margin-top: 3rem;
            }

            .table-bordered {
                box-shadow: 0px 1px 8px 1px gray;
            }

            .table-hover-highlight tbody tr:hover td {

                background-color: rgb(174 208 245 / 25%);
            }

            .table-hover-highlight tbody tr td {
                transition: background-color 0.3s;
            }

            /* pricing page start End*/


            /* supermarketpossoftware page css start */

            .supermarket-text {
                color: #009DFF;
                font-weight: bold;
            }

            .dflexset {
                display: flex;
            }

            .supermarket-bottom {
                border-top: 2.2px solid rgb(255, 255, 255);
            }

            .bg-skylight {
                background-color: #A9F5FF !important;
                padding: 4rem;
            }

            /* supermarketpossoftware page css start */


            /* giftshop_page css start */

            .giftshopbanner-text {
                color: #00DFFF;
                font-weight: 600;
            }

            .giftshop-cards {
                background-color: #A9F5FF;
            }

            .dn {
                display: none;
            }

            .mn {
                display: block;
            }

            .giftshop-pos {
                position: relative;
                margin-bottom: 20px;
                display: flex;
                flex-direction: row;
                align-items: center;
                margin: 0.5rem;
                cursor: pointer;

            }

            .giftshop_overlay {
                background-color: rgba(0, 35, 82, 0.7);
                position: absolute;
                bottom: 4rem;
                left: 0rem;
                padding: 1rem;
                max-width: 11rem;
                border-radius: 0rem 2rem 2rem 0rem;
            }

            .giftshop-pos img {
                margin-right: 20px;
            }

            .giftshop-pos.active {
                width: 90%;
            }

            @keyframes fadeIn {
                from {
                    opacity: 0;
                }

                to {
                    opacity: 1;
                }
            }


            .overlay-content {
                display: none;
                color: white;
                padding: 10px;
                transition: opacity 0.4s ease-in-out;
                animation-name: fadeIn;
                animation-duration: 0.5s;
            }

            .giftshop-pos.active .overlay-content {
                display: block;
                margin-right: 1rem;
            }

            .giftshop-pos.active .giftshop-overlay {
                display: none;
            }

            .giftshop-overlay {
                display: none;
            }


            /* restaurant_page css start */
            .restaurant-pos {
                position: relative;
                display: inline-block;
            }

            .restaurant_overlay {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 1rem;
                background-color: rgba(1, 46, 105, 0.7);
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                transform: scale(0.9);
                transition: transform 0.5s ease;
                transform-origin: bottom left;
            }

            .restaurant-pos:hover .restaurant_overlay {
                opacity: 1;
            }

            .restaurant-pos:hover .restaurant_overlay {
                background-color: rgba(1, 46, 105, 0.7);
                opacity: 1;
                width: 100%;
                height: 100%;
                transform: scale(1);
                transition: transform 0.5s ease-in;
            }

            .resto-none {
                display: none;
            }

            .restaurant-pos:hover .resto-none {
                display: block;
            }


            /* restaurant_page css End */


            /* popup form */

            .w-90 {
                width: 90%;
                border-radius: 0.3rem;
                border: 1px solid #c1b6b6;
            }

            .h-100set {
                height: 100%;
            }

            /* Contact_us page css start */
            .contactus-img {
                background-image: url('../images/contactus_page/ContactUsImage.png');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .contact-info {
                margin: 38px;
            }

            .clr-us {
                color: #009DFF;
            }

            header {
                margin-bottom: 20px;
            }


            .nav-item:hover {
                border-bottom: 2px solid #005B9E;
                transition: transform 1.1s;
            }

            .nav-item:hover.brd-btm-n {
                border-bottom: none !important;
            }


            label {
                display: block;
                margin-bottom: 5px;
            }

            .form-control {
                width: 100%;
                padding: 8px;
                margin-bottom: 10px;
                box-sizing: border-box;
            }

            .contactus_img h2 {
                margin-top: 20px;
            }

            .submit-btn {
                background-color: #F0483E !important;
                border-radius: 4rem;
                color: #fcf9f9 !important;
                padding: 10px 45px;
            }

            /* Contact_us page css end */

            /* Blog page css start */

            .blog_banner {
                margin-top: 4rem;
                position: relative;
            }

            .blog_posset {
                position: absolute;
                left: 3rem;
                top: 11rem;
            }

            .arrow {
                margin-left: 370px;
            }

            .no-border {
                border: none;
            }

            /* Blog page css end */

            /* pricing page css start */

            .content-pricing {
                display: flex;
                justify-content: space-between;
            }

            .box-pricing {
                display: flex;
                flex-direction: column;
                height: 950px;
                width: 286px;
                border-radius: 20px;
                margin-left: 10px;
                margin-right: 10px;
                background: #FFF;
                box-shadow: 0 1rem 1rem rgba(0, 0, 0, 20%);
                position: relative;
            }

            .Enterprise {
                display: flex;
                flex-direction: column;
                height: 470px;
                width: 286px;
                border-radius: 20px;
                margin-left: 10px;
                margin-right: 10px;
                background: #FFF;
                box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);
                position: relative;

            }

            .Enterprise-outlet {
                display: flex;
                flex-direction: column;
                height: 446px;
                width: 286px;
                border-radius: 20px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 2rem;
                background: #FFF;
                box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);
                position: relative;

            }

            .title-pricing {
                width: 100%;
                height: 20px;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                color: #FFF;
            }

            .free .title-pricing {
                background: #005D6E;
            }

            .plus .title-pricing {
                background: #005B9E;
            }

            .btn-bg {
                background: #005B9E;
            }

            .modal-header {
                border-bottom: none;
            }

            .franchise .title-pricing {
                background: #0097B8;
            }

            .enterprise .title-pricing {
                background: #F0483E;
            }

            .enterprise-outlet .title-pricing {
                background: #6AE8FF;
            }

            .view-pricing {
                display: block;
                width: 100%;
                padding: 30px 0 20px;
            }

            .icon-pricing {
                display: flex;
                justify-content: center;
            }

            .icon-pricing img {
                width: 100px;
            }

            .amount {
                font-size: 32px;
                font-weight: bolder;
            }

            .detail {
                margin: auto 0 auto 5px;
                width: 70px;
                font-size: 0.7em;
                font-weight: bold;
                line-height: 15px;
                color: #7D7C7C;
            }

            .description {
                margin: 20px auto;
                font-size: 18px;
                font-weight: 400px;
                color: #036;
            }

            .content-descrip {
                margin-top: 6rem;
            }

            .ul-pricing {
                list-style: none;
            }

            li {
                margin-top: 10px;
            }

            .ul-pricing li {
                display: flex;
                align-items: baseline;
            }

            .check::before {
                content: "";
                background-image: url('../images/pricing/yes.svg');
                background-position: center;
                background-size: cover;
                opacity: 0.6;
                display: inline-block;
                width: 13px;
                height: 14.436px;
                margin-right: 10px;
                color: #01B834;
            }

            .free-btn {
                background-color: #005D6E !important;
                border-radius: 4rem;
                color: #fff !important;
                padding: 10px 45px;
                position: absolute;
                top: 18rem;
                left: 4.5rem;
            }

            .plus-btn {
                background-color: #005B9E !important;
                border-radius: 4rem;
                color: #fff !important;
                padding: 10px 45px;
                position: absolute;
                top: 18rem;
                left: 4.5rem;
            }

            .franchise-btn {
                background-color: #0097B8 !important;
                border-radius: 4rem;
                color: #fff !important;
                padding: 10px 45px;
                position: absolute;
                top: 18rem;
                left: 4.5rem;
            }

            .enterprise-btn {
                background-color: #F0483E !important;
                border-radius: 4rem;
                color: #fff !important;
                padding: 10px 45px;
                position: absolute;
                top: 18rem;
                left: 4.5rem;
            }

            .all-features-btn {
                background-color: #A9F5FF !important;
                border-radius: 4rem;
                color: #036 !important;
                padding: 10px 45px;
            }

            .price-btn {
                position: absolute;
                bottom: 2rem;
                left: 3.5rem;
            }

            .section-desktop {
                display: block;
            }

            .section-mobile {
                display: none;
            }

            .pd-1-5 {
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important;
            }

            .set-pd {
                padding-left: 1rem !important;
                padding-right: 1rem !important;
            }

            /* Pricing page css end */


            .radio-container {
                display: flex;
                flex-direction: row;
            }

            /* Style the individual radio button */
            .radio-container input[type="radio"] {
                margin-right: 5px;
                /* Adjust spacing between buttons */
            }

            /* Style the label for the radio button */
            .radio-container label {
                margin-right: 15px;
                /* Adjust spacing between label and button */
            }



            /* about us css start */
            .about_banner {
                background-color: #003366;
                background-image: url(https://sateridigital.com/wp-content/uploads/2022/10/overlay-right.png);
                background-position: center right;
                background-repeat: no-repeat;
                background-size: cover;
                min-height: 35rem;
                position: relative;
            }

            .set-banner-img {
                background-image: url(https://sateridigital.com/wp-content/uploads/2022/10/overlay.png);
                background-position: bottom center;
                min-height: 35rem;
                position: relative;
            }

            .about_set {
                position: absolute;
                text-align: center;
                left: 24%;
                top: 45%;
            }

            .about_set1 {
                position: absolute;
                text-align: center;
                left: 35%;
                top: 45%;
            }

            .about-fnt-set {
                font-size: 3.5rem;
            }

            .about_box {
                background-color: #003366;
                padding: 1rem;
                border-radius: 1rem;
            }




            /* Image wrapper styles */
            .img-wrapper {
                position: relative;
                width: 350px;
                height: 450px;
                overflow: hidden;
                display: inline-block;
                box-sizing: border-box;
                margin: 10px;
            }

            /* Image styles */
            .inner-img {
                transition: transform 0.8s;
                width: 100%;
                height: 100%;
            }

            /* Overlay styles */
            .overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.6);
                /* Semi-transparent black */
                display: flex;
                justify-content: center;
                align-items: center;
                opacity: 1;
                /* Always visible */
            }

            /* Label styles */
            .overlay-label {
                color: white;
                font-size: 24px;
                font-weight: bold;
            }

            /* Scale image on hover */
            .img-wrapper:hover .inner-img {
                transform: scale(1.1);
            }

            .Innovative {
                background: #003366;
            }

            #about_slide.owl-carousel .owl-item {
                float: left;
                text-align: center;
            }

            .img-desktop {
                display: block;
            }

            .img-mobile {
                display: none;
            }

            .background-color {
                background-color: #2774FE;
                min-height: 13rem;
            }

            .blue-bg {
                background-color: #009DFF;
                border: 1px solid #009DFF;
                min-height: 13rem;
            }


            /* thankyou page css */


            .thankyou-desk {
                background-image: url('../images/thankyou/ThankYouBanner.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                min-height: 30rem;
                margin-top: 4rem;
                position: relative;
            }

            .thankyou-set {
                position: absolute;
                bottom: 8rem;
                left: 0rem;
            }

            .set-border{
                border-radius:3rem;
            }