p {
    font-size: 18px;
    line-height: 1.5;
}
h2 {
    font-size: 46px !important;
}
.inner-banner-bg {
    background: linear-gradient(to bottom, #F0F0FC, #FFFFFF);
}
.desktop-nav-menu .header-sub-heading {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 15px;
}
.desktop-nav-menu ul {
    margin-top: 15px;
}
.desktop-nav-menu ul li {
    padding: 8px 0px;
}
.header-sub-heading {
    font-size: 18px;
    font-weight: 600;
}
ul.header-sub-lists li a {
    color: #1c1c1c;
    font-weight: 500;
}
.brand-slider img {
    width: auto;
    height: 95px;
    object-fit: cover;
    filter: grayscale(100%) contrast(120%);
    transition: filter 0.3s ease;
}
.brand-slider img:hover {
    filter: none;
}
.point-of-sale span {
    display: block;
    font-size: 18px;
    font-weight: 500;
}
.bg-grey-color {
    background-color: #808080;
}
.founder-message h3 {
    font-size: 20px;
}
.working-roadmap img {
    width: 40px;
}
.positioned-image {
    z-index: 0;
}
.about-banner img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
.about-banner img:hover {
    filter: grayscale(0%);
}
.value-icons img {
    width: 100px;
    height: 100px;
}
.value-icons:hover img {
    filter: brightness(0) invert(1);
}
.brand-three-slider img {
    width: 110px;
}
.footer-sell-content p {
    font-size: 16px;
}
.ecommerce-platform img {
    width: 63px;
}
.progress-wrap {
    position: fixed;
    inset-inline-end: 36px;
    inset-block-end: 36px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: 0 0 34px #626262;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    /* background-color: var(--black); */
    mix-blend-mode: hard-light;
}
.banner-btn-blue.btn-orange-outline {
    border: 1px solid #256BFE;
    color: #256BFE;
}
.retail-experience h2 {
    font-size: 24px !important;
}
.pos-faqs.accordion.arrow-bg-orange .accordion-button[aria-expanded=true]::before {
    background-color: #256BFE !important;
    border-color: #256BFE !important;
}
.contact-us .logo-sldier {
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    /* width: 100px; */
}
.contact-us .logo-sldier img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.pricing-box a {
    margin-top: auto;
}
.pricing-box-bg {
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}



/* .banner.section-bg-three {
    background: rgb(240 250 207);
}
a.main-btn-style.btn-main {
    background: rgb(155 186 108) !important;
}
.main-btn-style.hover-style-one .button__flair::before {
    background: rgb(40 52 35);
}
.bg-color {
    background: rgb(244 250 221);
}
.bg-rating {
    background-color: rgb(155 186 108);
}
.green-bg-color {
    background: linear-gradient(to right, rgb(240, 251, 204), rgb(220, 240, 180), rgb(200, 230, 150));
}
.banner-bg {
    background: linear-gradient(135deg, #e6f9e0, #c6efc4);
}
.box-bg-color {
    background: linear-gradient(135deg, #a8e063, #56ab2f);
}
.bg-light-green {
    background: rgb(242 253 198);
}
.circle-one {
    background: linear-gradient(135deg, #a8e063, #56ab2f);
}
.bg-dark-green {
    background: linear-gradient(135deg, #9be15d, #00e3ae);
}
.bg-light-green {
    background: linear-gradient(135deg, #a8e063, #56ab2f);
}
.bg-circle-color {
    background: linear-gradient(135deg, #b2f7b2, #6bd675);
}
.accordion-border-left .border-accordion.accordion-item:has(.accordion-collapse.show), .accordion-border-left .accordion-item:has(.accordion-button[aria-expanded=true]) {
    border-left: 4px solid #388e3c !important;
}
.footer-bg {
    background: linear-gradient(to right, #2ECC71, #1B5E20);
}
.progress-circle {
  background: none;
  display: inline-block;
  position: relative;
}

.progress-circle path {
  fill: none; 
  stroke: #ffffff;
  stroke-width: 4;
}
.progress-circle {
  width: 46px; 
  height: 46px;
} */



@media only screen and (max-width: 1200px) {
    h2 {
        font-size: 36px !important;
    }
    .header ul {
        gap: 30px;
    }
    .header > div {
        padding: 0 15px;
    }
    .mobile-d-none {
        display: none;
    }
    .full-width {
        width: 100%;
        max-width: 100%;
    }
    .positioned-image.twelve {
        inset-block-start: 46%;
        inset-inline-start: 5%;
    }
    .banner-two__inner {
        padding-block-start: 80px;
        padding-block-end: 80px;
    }
    .img-small.animated-upDown {
        width: 180px;
    }
    .mobile-circle-width {
        min-height: 200px;
        width: 200px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .half-circle-width {
        width: 300px !important;
        flex-direction: column;
        align-items: center !important;
        text-align: center;
        gap: 15px;
    }
    .half-circle-gap {
        gap: 15px;
    }
    .half-circle-width h3 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 991px) {
        .progress-wrap::after {
            height: 46px;
            width: 46px;
            line-height: 46px;
        }
        .tablet-font {
            font-size: 14px;
        }
        .circle-width {
            width: 140px;
            height: 140px;
        }
        .padding-left-right-tablet {
            padding: 0px 15px !important    ;
        }
        .integration-banner .distraction-icon.one {
            inset-inline-start: 5%;
            inset-block-start: 34%;
        }
        .integration-banner .distraction-icon.two {
            inset-inline-end: 0%;
            inset-block-start: 30%;
        }
        .integration-banner .distraction-icon.three {
            inset-block-start: 50%;
        }
        .integration-banner .distraction-icon.four {
            inset-block-end: 5%;
        }
        span.footer-talk {
            font-size: 26px;
        }
        a.footer-get-started {
            margin-top: 30px;
        }


}


@media only screen and (max-width: 767px) {
    p {
        font-size: 16px;
    }
    h2 {
        font-size: 28px !important;
    }
    h3 {
        font-size: 24px;
    }
    h5 {
        font-size: 20px !important;
    }
    .distraction-icon.seven {
        inset-block-start: 55%;
    }
    .distraction-icon.five {
        inset-block-end: 37%;
    }
    .distraction-icon.one {
        inset-block-start: 42%;
    }
    .distraction-icon.six {
        inset-block-end: 136px;
        inset-inline-start: 2%;
    }
    .distraction-icon.four {
        inset-block-end: 20%;
    }
    .distraction-icon.three {
        inset-block-start: 54%;
    }
    .distraction-icon.two {
        inset-block-start: 46%;
    }
    .distraction__inner {
        padding-block: 180px;
    }
    .distraction-icon img {
        width: 45px;
    }
    .logo-section {
        flex-wrap: wrap;
        row-gap: 16px;
    }
    .footer ul li a span {
        font-size: 14px;
    }
    .contact-us .logo-sldier {
        width: calc((100%/2) - 16px);
    }
    .site-footer {
        justify-content: center !important;
    }
    .padding-left-mobile {
        padding-left: 0px;
    }
    .padding-right-mobile {
        padding-right: 0px !important;
    }
    .mobile-gap > div {
        row-gap: 15px;
    }
    .rotate-section {
        padding: 20px 0;
    }
    .mobile-d-none {
        display: none;
    }
    
    .half-circle-gap {
        row-gap: 15px;
    }
    section.show-case {
        padding-left: 15px;
        padding-right: 15px;
    }
    .review-mobile-width {
        min-width: auto !important;
    }
    .ecommerce-platform img {
        width: 45px;
    }
    .about-banner .tw-pt-180-px {
        padding: 40px;
    }
    .value-icons img {
        width: 65px;
        height: 65px;
    }
    .img-small.animated-upDown {
        width: 125px;
    }
    .integration-banner .distraction-icon.four {
        inset-block-end: 20%;
    }
    .integration-banner .distraction-icon.three {
        inset-block-start: 55%;
    }
    .integration-banner .distraction-icon.two {
        inset-block-start: 45%;
    }
    .circle-width {
        width: 135px;
        height: 135px;
    }
}

.error {
    color: red;
}