*,
 :after,
 :before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 font,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
 }

 html {
     height: 100%;
     width: 100%;
     -webkit-overflow-style: scrollbar;
     -khtml-overflow-style: scrollbar;
     -moz-overflow-style: scrollbar;
     -ms-overflow-style: scrollbar;
     -o-overflow-style: scrollbar;
     overflow: scrollbar;
 }


 body #wrapper {
     background-color: #191c21;
     background-repeat: repeat;
     background-position: center top;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     position: relative;
     overflow: hidden;
     width: 100%;
 }

 .btn {
     border-radius: 50px;
     padding: 23px 40px;
     text-transform: uppercase;
     letter-spacing: 0.02em;
     font-weight: 700;
     display: inline-block;
     text-align: center;
     cursor: pointer;
     border: 0;
     font-size: 18px;
     line-height: 23px;
 }

 .btn-md {
     padding: 18px 40px;
     font-size: 16px;
     line-height: 20px;
 }

 .btn-sm {
     padding: 15px 20px;
     font-size: 16px;
     line-height: 20px;
 }

 .btn-xs {
     padding: 8px 12px;
     font-size: 14px;
     line-height: 18px;
 }

 .btn-primary {
     background-color: var(--primary-color);
     color: #ffffff;
 }

 .btn-primary-outline {
     background-color: transparent;
     border: 1px solid var(--primary-color);
     color: var(--primary-color);
 }

 .btn-secondary {
     background-color: var(--heading-color);
     color: #ffffff;
 }

 .btn-primary-reverese {
     background-color: #ffffff;
     color: var(--primary-color);
     text-transform: capitalize;
 }

 .sectionGapPadding {
     padding: 100px 0;
 }

 .sectionGapHalfPadding {
     padding: 60px 0;
 }

 @media (max-width: 1440.98px) {
     .sectionGapPadding {
         padding: 80px 0;
     }

     .sectionGapHalfPadding {
         padding: 50px 0;
     }
 }

 @media (max-width: 991.98px) {
     .sectionGapPadding {
         padding: 50px 0;
     }

     .sectionGapHalfPadding {
         padding: 50px 0;
     }

     br {
         display: none;
     }
 }

 .noTopPadding {
     padding-top: 0px;
 }

 .noBottomPadding {
     padding-bottom: 0px;
 }

 .titleSc {
     text-align: center;
     margin-bottom: 50px;
 }

 .titleSc .mainTitle:before {
     content: '';
     position: absolute;
     bottom: -15px;
     left: 50%;
     transform: translate(-50%, 0%);
     border-radius: 12px;
     border-bottom: 4px solid var(--primary-color);
     width: 34px;
 }

 .titleSc.noLine .mainTitle:before {
     display: none;
 }

 .titleSc.noLine .mainTitle {
     margin-bottom: 15px;
 }

 .titleSc.titleLeft {
     text-align: left;
 }

 .titleSc.titleLeft .mainTitle:before {
     left: 0;
     transform: translate(0);
 }

 @media (min-width: 991.99px) {
     .row.row-align-center-lg {
         align-items: center;
     }
 }

 .font-medium {
     font-weight: 500 !important;
 }

 .font-white {
     color: #ffffff !important;
 }

 .font-primary {
     color: var(--primary-color) !important;
 }

 .font-heading {
     color: var(--heading-color) !important;
 }

 .text-center {
     text-align: center !important;
 }

 .opacity-1 {
     opacity: 1 !important;
 }

 .noMarginBottom {
     margin-bottom: 0px !important;
 }

 .icnCenter {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .feature_banner.bg-grey {
     background-color: #F7FBFF;
 }

 .feature_banner .bnr_cnt_sc {
     height: 100%;
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     justify-content: center;
 }

 .feature_banner.time_tracking_bnr .bnr_cnt_sc {
     max-width: 500px;
 }

 .feature_banner .bnr_cnt_sc h1 {
     margin-top: 0px;
     margin-bottom: 10px;
 }

 .feature_banner .bnr_img_sc {
     display: flex;
     align-items: flex-end;
 }

 .feature_banner.bnr_bg_img {
     background-size: cover;
     padding: 140px 0px;
 }

 .feature_banner.bnr_bg_img .bnr_cnt_sc :is(h1, p) {
     color: #ffffff;
 }

 @media (max-width: 991.98px) {

     .feature_banner.bnr_bg_img,
     .feature_banner {
         padding: 20px 0 50px 0;
     }

     .feature_banner .row [class*=col-]:nth-child(1) {
         order: 1;
     }

     .feature_banner .row [class*=col-]:nth-child(2) {
         order: 0;
     }

     .feature_banner .bnr_cnt_sc {
         text-align: center;
         margin: 30px auto 0;
         align-items: center;
         height: auto;
     }

     .feature_grid_box .grid_cnt_sc .title br {
         display: none;
     }
 }

 .feature_grid_box:nth-child(even) .row [class*=col-]:nth-child(1) {
     order: 1;
 }

 .feature_grid_box:nth-child(even) .row [class*=col-]:nth-child(2) {
     order: 0;
 }

 .feature_grid_box .row {
     margin-left: -20px;
     margin-right: -20px;
     align-items: center;
 }

 .feature_grid_box .row>[class*=col-] {
     padding-left: 20px;
     padding-right: 20px;
 }

 .feature_grid_box .grid_cnt_sc .title {
     margin: 0 0 20px;
 }

 .feature_grid_box .grid_cnt_sc .sub_title {
     color: #1E293B;
     opacity: 0.8500000238418579;
     font-weight: 700;
 }

 .feature_grid_box .grid_cnt_sc p {
     font-weight: 400;
     font-size: 16px;
     line-height: 25px;
     margin-bottom: 20px;
     color: var(--content-color);
 }

 .feature_grid_box .grid_cnt_sc p a {
     color: var(--primary-color);
     text-decoration: underline;
 }

 .tick-ul {
     margin-block-start: 0;
     margin-block-end: 0;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     padding-inline-start: 40px;
 }

 .tick-ul li {
     padding: 10px 0;
     font-weight: 400;
     font-size: 16px;
     line-height: 160%;
     position: relative;
     list-style-type: none;
     margin-bottom: 0;
     text-align: left;
     color: rgba(30, 41, 59, 0.75);
 }

 .tick-ul li:before {
     content: "";
     position: absolute;
     left: -30px;
     top: 12px;
     width: 20px;
     height: 20px;
     background-size: cover;
     background-image: url(https://cdn.mooninvoice.com/image/images/round-circle.svg);
 }

 .tick-ul li:nth-child(1) {
     padding-top: 0px;
 }

 .tick-ul li:last-child {
     padding-bottom: 0px;
 }

 .tick-ul li:nth-child(1)::before {
     top: 2px;
 }

 .feature_grid_box .grid_cnt_sc .btn-sc {
     margin-top: 30px;
 }

 .grid_img_sc svg {
     max-width: 100%;
 }

 .feature_grid_box .disc_ul li {
     position: relative;
     padding-left: 33px;
     font-size: 16px;
     line-height: 25px;
     text-align: left;
 }

 .feature_grid_box .disc_ul li+li {
     margin-top: 10px;
 }

 .feature_grid_box .disc_ul li::before {
     content: '';
     width: 8px;
     height: 8px;
     background-color: var(--primary-color);
     border-radius: 50%;
     position: absolute;
     left: 15px;
     top: 8px;
 }

 @media (max-width: 991.98px) {
     .feature_grid_box .row [class*=col-]:nth-child(1) {
         order: 1;
     }

     .feature_grid_box .row [class*=col-]:nth-child(2) {
         order: 0;
     }

     .feature_grid_box .grid_img_sc {
         text-align: center;
     }

     .feature_grid_box .grid_cnt_sc {
         text-align: center;
         padding-top: 20px;
     }

     .feature_grid_box .grid_cnt_sc .title {
         margin-bottom: 10px;
     }

     .feature_grid_box+.feature_grid_box {
         padding-top: 50px;
     }

     .feature_grid_box .row {
         margin-left: -15px;
         margin-right: -15px;
     }

     .feature_grid_box .row>[class*=col-] {
         padding-left: 15px;
         padding-right: 15px;
     }
 }

 @media (max-width: 575.98px) {
     .feature_grid_box .grid_cnt_sc .btn-sc .btn {
         font-size: 14px;
         padding: 18px 32px;
     }
 }

 .cta_bar_sc {
     background-color: rgb(0 127 250 / 80%);
 }

 .process_bg {
     background-image: url(https://cdn.mooninvoice.com/image/images/invoice-cycle.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: auto 100%;
 }

 .beauty_bg {
     background-size: cover;
     background-image: url(https://cdn.mooninvoice.com/image/images/mooninvoice-bg.svg);
 }

 .fullGrdCtaSc .ctaBox {
     background-color: var(--primary-color);
     background-image: url(https://cdn.mooninvoice.com/image/images/manage-qsr-bg-abstract.png);
     background-size: cover;
 }

 .fullGrdCtaSc .imgSc img {
     width: 100%;
     display: block;
 }

 .ctaBox .title {
     color: #ffffff;
     margin: 0 0 15px;
 }

 .ctaBox p {
     color: #ffffff;
     margin-bottom: 40px;
 }

 @media (min-width: 991.99px) {
     .fullGrdCtaSc .row {
         margin-left: calc(-50vw + 50% + 0px);
         align-items: center;
     }

     .fullGrdCtaSc .row>[class*=col-]:nth-child(1) {
         padding-left: 0px;
     }

     .fullGrdCtaSc .ctaBox {
         width: calc(100% + 160px);
         margin-left: -160px;
     }
 }

 @media (max-width: 1199.98px) {

     .ctaBox p {
         color: #ffffff;
         margin-bottom: 20px;
     }
 }

 @media (max-width: 991.98px) {
     .ctaBox {
         text-align: center;
     }
 }

 @media (max-width: 767.98px) {
     .ctaBox .title {
         margin-bottom: 10px;
     }
 }

 .featureGridSc .gridBox {
     background: #FFFFFF;
     border: 1px solid #E2E8F0;
     border-radius: 8px;
     padding: 25px;
     margin-top: 30px;
     height: calc(100% - 30px);
 }

 .featureGridSc .gridSc>.row>[class*=col-]:nth-child(1) .gridBox,
 .featureGridSc .gridSc>.row>[class*=col-]:nth-child(2) .gridBox,
 .featureGridSc .gridSc:not(.gridTwoCol)>.row>[class*=col-]:nth-child(3) .gridBox {
     margin-top: 0;
     height: 100%;
 }

 .featureGridSc .gridBox .icnSc {
     width: 56px;
 }

 .featureGridSc .gridBox .title {
     font-size: 20px !important;
     margin: 15px 0;
 }

 .featureGridSc .gridBox p a {
     text-decoration: underline;
     color: var(--primary-color);
 }

 .featureGridSc.ftRentalSc .titleSc p {
     max-width: 828px;
     margin: auto;
 }

 @media (min-width: 1199.99px) {
     .featureGridSc .gridSc>.row {
         margin-left: -27.5px;
         margin-right: -27.5px;
         justify-content: center;
     }

     .featureGridSc .gridSc>.row>[class*=col-] {
         padding-left: 27.5px;
         padding-right: 27.5px;
     }

     .featureGridSc .gridSc.gridTwoCol>.row {
         margin-left: -21.5px;
         margin-right: -21.5px;
     }

     .featureGridSc .gridSc.gridTwoCol>.row>[class*=col-] {
         padding-left: 21.5px;
         padding-right: 21.5px;
     }

     .featureGridSc .gridBox {
         margin-top: 55px;
         height: calc(100% - 55px);
     }

     .featureGridSc .gridSc.gridTwoCol .gridBox {
         margin-top: 43px;
         height: calc(100% - 43px);
     }
 }

 @media (max-width: 991.98px) {
     .featureGridSc .gridSc:not(.gridTwoCol)>.row>[class*=col-]:nth-child(3) .gridBox {
         margin-top: 30px;
         height: calc(100% - 30px);
     }
 }

 @media (max-width: 767.98px) {
     .featureGridSc .gridBox {
         margin-top: 20px;
         height: auto;
     }

     .featureGridSc .gridSc>.row> :is([class*=col-]:nth-child(2), [class*=col-]:nth-child(3)) .gridBox,
     .featureGridSc .gridSc:not(.gridTwoCol)>.row>[class*=col-]:nth-child(3) .gridBox {
         margin-top: 20px;
         height: auto;
     }
 }

 .chartSc {
     overflow: hidden;
     background: #FAFCFE;
 }

 .main_circle_section {
     position: relative;
 }

 .bg_img {
     position: absolute;
     bottom: 0;
     z-index: 80;
     left: 0;
     right: 0;
     margin: 0 auto;
     max-width: 330px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .block_bg .blog_bg_inner,
 .outer_section {
     border-radius: 100%;
     display: flex;
     margin: 0 auto;
 }

 .inner_section,
 .outer_section {
     border: 2px dashed rgba(0, 0, 0, .3);
     position: relative;
 }

 .outer_section {
     width: 1000px;
     align-items: center;
     bottom: -60px;
     justify-content: center;
     height: 1000px;
 }

 .block_section {
     display: inline-block;
     text-align: center;
 }

 .animate__animated {
     -webkit-animation-duration: 0.2s;
     animation-duration: 0.2s;
     -webkit-animation-duration: var(--animate-duration);
     animation-duration: var(--animate-duration);
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }

 .animate__fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .block_bg {
     width: 145px;
     text-align: center;
     padding: 20px 0;
     background: #fff;
     box-shadow: 0 10px 30px rgb(69 158 255 / 40%);
     border-radius: 27px;
     margin: auto;
 }

 .block_bg .blog_bg_inner {
     vertical-align: middle;
     width: 83px;
     height: 83px;
     background-color: #007aff;
     align-items: center;
     justify-content: center;
 }

 .block_section h6 {
     font-size: 20px;
     line-height: 31px;
     color: rgba(0, 0, 0, .8);
     font-weight: 700;
 }

 .inner_section {
     width: 600px;
     height: 600px;
     margin: 0 auto;
     border-radius: 100%;
 }

 .inner_section.change>.block_section:first-child,
 .outer_section.change>.block_section:first-child {
     position: absolute;
     top: 28%;
     left: -60px;
 }

 .inner_section.change>.block_section:nth-child(2),
 .outer_section.change>.block_section:nth-child(2) {
     top: -54px;
     left: 260px;
     position: absolute;
 }

 .inner_section.change>.block_section:nth-child(4),
 .outer_section.change>.block_section:nth-child(4) {
     top: -54px;
     right: 260px;
     position: absolute;
 }

 .outer_section.change>.block_section:nth-child(3) {
     position: absolute;
     top: 33%;
     right: -51px;
 }

 .inner_section>.block_section:first-child {
     position: absolute;
     top: 62%;
     left: -34px;
 }

 .inner_section>.block_section:nth-child(2) {
     top: 4%;
     left: 5px;
     position: absolute;
 }

 .inner_section>.block_section:nth-child(3) {
     position: absolute;
     top: 54px;
     right: -5px;
 }

 .inner_section>.block_section:nth-child(4) {
     position: absolute;
     top: 59%;
     right: -44px;
 }

 @media (max-width: 1199.98px) {
     .main_circle_section {
         display: flex;
         flex-direction: column;
     }

     .inner_section,
     .outer_section {
         width: 100%;
         height: auto;
         bottom: 0;
         border: 0;
         display: flex;
         flex-wrap: wrap;
     }

     .inner_section>.block_section,
     .outer_section>.block_section {
         position: static !important;
         width: 25%;
         margin-bottom: 35px;
     }

     .bg_img {
         position: static;
         order: 1;
     }

     .outer_section.change .inner_section {
         order: 1;
     }

     .outer_section.change>.block_section:first-child {
         order: 2
     }

     .outer_section.change>.block_section:nth-child(2) {
         order: 3
     }

     .outer_section.change>.block_section:nth-child(3) {
         order: 4
     }

     .outer_section.change>.block_section:nth-child(4) {
         order: 5;
     }
 }

 @media (max-width: 767.98px) {

     .inner_section>.block_section,
     .outer_section>.block_section {
         width: 50%;
         margin-bottom: 15px;
     }
 }

 .reviewSliderSc .row {
     align-items: center;
 }

 .reviewSliderSc :is(.NextSlide, .PrevSlide) {
     display: inline-block;
     margin-top: 25px;
 }

 .reviewSliderSc :is(.NextSlide:hover, .PrevSlide:hover) svg path {
     fill: var(--primary-color);
 }

 .reviewSliderSc .NextSlide {
     margin-left: 10px;
 }

 .reviewSliderSc .owl-carousel.owl-theme {
     max-width: 560px;
     background-color: #eff6fe;
     padding: 60px 0;
     margin: auto;
 }

 .review_inner_box {
     padding: 20px;
     background: #fff;
     box-shadow: 4px 4px 24px rgba(0, 0, 0, .05);
     border-radius: 5px;
     margin-bottom: 10px;
     margin-top: 10px;
     min-height: 220px;
 }

 .reviewSliderSc .owl-item .item .review_inner_box {
     transition: .3s;
     -webkit-transform: scale(.85);
     -ms-transform: scale(.85);
     transform: scale(.85);
 }

 .reviewSliderSc .owl-item.active .item .review_inner_box {
     transition: .3s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }

 .custom_media {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
 }

 .icon-50 {
     width: 50px;
     height: 50px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
 }

 .custom_media .media-body {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     margin-left: 15px;
     flex: 1;
 }

 .custom_media .media-body h6 {
     font-weight: 600;
     font-size: 20px;
     line-height: 23px;
     margin-top: 0;
     margin-bottom: 5px;
     color: var(--primary-color);
 }

 .custom_media .media-body img {
     width: 80px !important;
 }

 .review_inner_box p {
     font-size: 16px;
     line-height: 27px;
     margin-bottom: 0;
 }

 @media (max-width: 991.98px) {
     .reviewContentBox {
         text-align: center;
         margin-bottom: 30px;
     }

     .reviewSliderSc h3 {
         font-size: 30px;
         line-height: 44px;
     }

     .reviewSliderSc .owl-carousel.owl-theme {
         max-width: 100%;
     }
 }

 @media (max-width: 767.98px) {
     .reviewSliderSc .owl-carousel.owl-theme {
         padding: 30px 25px;
     }

     .custom_media .media-body h6 {
         font-size: 18px;
         line-height: 21px;
     }

     .reviewSliderSc p {
         font-size: 14px;
         line-height: 22px;
     }
 }

 .mordernizeSc .imgSc img {
     display: block;
     width: 100%;
 }

 @media (min-width: 991.99px) {
     .mordernizeSc {
         background: var(--primary-color);
         overflow: hidden;
         background-image: url(https://cdn.mooninvoice.com/image/images/mordernize-bg-abstract.png);
         background-size: contain;
         background-position: left bottom;
         background-repeat: no-repeat;
     }

     .mordernizeSc>.container>.row {
         margin-right: calc(-50vw + 50% + 0px);
         align-items: center;
     }

     .mordernizeSc>.container>.row>[class*=col-]:last-child {
         padding-right: 0px;
     }
 }

 @media (max-width: 991.98px) {
     .mordernizeSc .ctaBox {
         background: var(--primary-color);
         overflow: hidden;
         background-image: url(https://cdn.mooninvoice.com/image/images/mordernize-bg-abstract.png);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
     }

     .mordernizeSc>.container>.row>[class*=col-]:last-child {
         order: 0
     }

     .mordernizeSc>.container>.row>[class*=col-]:first-child {
         order: 1
     }
 }

 .curve_section {
     text-align: center;
     padding: 25px 0;
 }

 .posCategoryMain {
     background-color: #F7FBFF;
     background-size: cover;
     background-image: url(https://cdn.mooninvoice.com/image/images/pos_billing_software_bg.webp);
 }

 .posCategoryGrid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 80px 50px;
     max-width: 1220px;
     margin: auto;
 }

 .posCategoryGrid .gridBox {
     text-align: center;
 }

 .posCategoryGrid .gridBox .gridIcn {
     width: 116px;
     height: 100px;
     background: linear-gradient(0deg, #FFFFFF, #FFFFFF), rgba(255, 255, 255, 0.15);
     box-shadow: 0px 10px 30px rgba(69, 158, 255, 0.2);
     border-radius: 20px;
     margin: auto;
     overflow: hidden;
 }

 .posCategoryGrid .gridBox .gridIcn .icon {
     width: 68px;
     height: 68px;
     background-color: var(--primary-color);
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
 }

 .posCategoryGrid .gridBox .gridIcn .icon path {
     fill: #ffffff;
 }

 .posCategoryGrid .gridBox .gridLink {
     font-weight: 600;
     font-size: 20px;
     line-height: 23px;
     text-transform: capitalize;
     display: block;
     margin-top: 20px;
     color: rgba(0, 0, 0, 0.8);
 }

 .posCategoryGrid .gridBox:hover .gridLink {
     color: var(--primary-color);
 }

 .posCategoryGrid .gridBox:hover .gridIcn .icon {
     background-color: transparent;
     transform: scale(1.5);
 }

 .posCategoryGrid .gridBox:hover .gridIcn .icon path {
     fill: var(--primary-color);
 }

 @media (max-width: 767.98px) {
     .posCategoryGrid {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media (max-width: 575.98px) {
     .posCategoryGrid {
         grid-template-columns: repeat(2, 1fr);
         row-gap: 30px;
     }

     .posCategoryGrid .gridBox .gridLink {
         font-size: 16px;
         line-height: 18px;
     }

     .posCategoryGrid .gridBox .gridIcn .icon {
         width: 58px;
         height: 58px;
     }

     .posCategoryGrid .gridBox .gridIcn .icon svg {
         width: 24px;
         height: 24px;
     }
 }