* {}

            /* Mayur side css */
            @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

            body{
                font-family: "Exo 2", sans-serif !important;
            }
            P,button{
                /* font-family: 'Open Sans', sans-serif; */
                font-weight:500;
            }
            p{
                font-size:1.05rem;
            }

            a{
                font-size: 1.1rem;
            font-weight: 500;
            }
            .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:#00DFFF;
            }

            .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;
            }








            .grow {
                padding: 5px;
                border-radius: 10px;
                height: 17rem;
                width: 35%;
                margin: 5px 1%;
                float: left;
                position: relative;
                transition: height 0.5s, width 0.5s;
                text-align: left;
                overflow: hidden;
                position: relative;
            }

            .grow:hover {
                height: auto;
                width: 50%;
            }

            .d-n{
                display: block;
                position: absolute;
                bottom: 0rem;
            }

            .grow:hover .d-n{
                display: none; 
            }

            .hidden-lines {
                display: none;
            }

            .grow:hover .hidden-lines {
                display: inline;
            }


            /* 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: -4px -4px 4px 2px #00DFFF; */
                box-shadow: 0px -2px 10px 2px #00DFFF;
                /* transform: scale(0.9); */
                border-radius: 2rem;
            }

            .card1 {
                transition: box-shadow 0.7s ease-in-out;
                border-radius: 2rem;
            }


            /* 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;
            }

            .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;
            }
            .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: -8.5rem;
                width: 28rem;
                left:6rem;
                /* animation: blink 3s infinite; */
                /* transform: translate(50%); */
                /* animation: headShake 0.5s linear 1s infinite alternate; */

            }

            /* @keyframes blink {
                49%{opacity: 0.9}
                50% {opacity: 1}
            } */



            /* footer */

            .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:16rem;
            }

        .d-flx{
            display: flex;
        }


        .height-set{
            height:30rem;
        }








            .home-banner-img {
                background-image: url('../images/Frist_Banner_Image.png');
                height: 700px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .banner-text {
                color: #00DFFF;
            }

            .banner-content {
                margin-top: 500px;
                height: 201px;
                background-color: #0000008c;
            }

            .banner-text-28 {
                font-size: 28px;
            }

            .banner-text-35 {
                font-size: 35px;
            }

            .banner-text-42 {
                font-size: 48px;
            }

            .banner-normal-text {
                font-size: 3.2rem;
            }
            .inefficiency-img {
                background-image: url('../images/Inefficiency_Image.png');
                height: 450px;
                width: 100%;
                border-radius: 10px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .no-leakage-img {
                background-image: url('../images/No_Leakages_Img.png');
                height: 450px;
                width: 100%;
                border-radius: 10px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .chaos-img {
                background-image: url('../images/Chaos_Img.png');
                height: 450px;
                width: 100%;
                border-radius: 10px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }
            .card-content {
                margin-top: 340px;
                height: 110px;
                width: 100%;
                border-radius: 10px;
                background-color: #0000008a;
                padding: 10px,10px,10px,10px;
            }

            .card-text {
                font-size: 24px;
            }

            .btn-brown {
                color: #fcf9f9;
                background-color: #F0483E !important;
                border-color: #F0483E !important;
                border-radius: 20px;
                width: 170px;
                height: 45px;
                visibility: visible;
            }

            .btn-blue {
                color: #fcf9f9;
                background-color: #009DFF !important;
                border-color: #009DFF !important;
                border-radius: 10px;
                width: 200px;
                margin-top: 12px;
                margin-right: 42px;
            }

            #contact_with .form-group button {
                display: none;
            }

            a {
                color: #000000 !important;
                text-decoration: none;
                background-color: transparent;
            }


            .contact-button-submit {
                background-color: #F0483E !important;
                border-radius: 10px;
                color: #fcf9f9 !important;
                visibility: visible;

            }

            .new-row {
                margin-top: 520px;
            }

            .text-blue {
                color: #009DFF !important;
            }


            .blue-boder {
                border: 2px solid #025a91;
                border-radius: 20px;
                align-items: center !important;
            }

            .border-blue {
                border: 2px solid #009dff91;
                border-radius: 20px;
                align-items: center !important;
                margin-left: 0px;
                margin-right: 0px;
            }

            .card-margin {
                margin-bottom: 20px;
            }

            .card-border-blue {
                border: 1px solid #009dff91;
                border-radius: 20px;
                padding: 10px;
            }

            .show-more {
                display: none;
            }


            .section {
                padding: 20px;
                /* text-align: center; */
                color: white;
                position: relative;
                z-index: 1;
                transform: skewX(-15deg); 
                margin-bottom: -15px;
            }

            .bg-set {
                background: #1149af;
                border-radius: 20px;
            }


            .section1 {
                border-radius: 10px 0px 0px 10px;
                clip-path: polygon(0 0, 91% 0%, 100% 100%, 5% 100%);
                transform: skewX(-15deg);
            }

            .section2 {
                background-color: #199df5db;
                transform: skewX(-15deg);
                margin-bottom: 0rem;
            }

            .section3 {
                -webkit-transform: perspective(123px) rotateX(0deg);
                -o-transform: perspective(300px) rotateX(-30deg);
                -moz-transform: perspective(300px) rotateX(-30deg);
                -moz-transform-origin: 100% 50%;
                -o-transform-origin: 100% 50%;
                transform: skewX(-15deg);
            }

            .section h3,
            .section ul {
                transform: skewX(10deg);
            }
            .section-flex {
                flex-direction: row;
                
            }

            .card-border {
                border: 2px solid #009dff91;
                border-radius: 20px;
                align-items: center !important;
                height: 500px;
                width: 370px;
                flex-wrap: wrap;
            }

            .img_radius {
                border-radius: 20px;
            }

            .pos-video {
                background-color: #2774fe7a;
            }

            .Any-time-any-where-img {
                background-image: url('../images/Any_time_any_where.png');
                height: 700px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .section-banner-content {
                margin-top: 311px;
                height: 138px;
                width: 100%;
                background-color: #0000008c;
                border: 1px solid #1b19198c;
                border-radius: 10px;
            }

            .any-time-banner-content {
                margin-top: 515px;
                height: 185px;
                padding-right: 40px;
                padding-left: 80px;
                background-color: #1b19198c;
            }

            .Multi-outlet {
                margin-top: 300px;
            }

            .can-be-stressful {
                background-color: #001A49;
            }

            .can-be-stressful-size {
                font-size: 64px;
            }

            .running-business {
                margin-top: 130px;
            }

            .rectangle-images {
                background-color: #001A49;
            }


            .owners-app-img {
                background-image: url('../images/Group_22.png');
                height: 450px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                border: 1px solid #1b19198c;
                border-radius: 10px;
            }

            .ecommerce-img {
                background-image: url('../images/Rectangle_23.png');
                height: 450px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                border: 1px solid #1b19198c;
                border-radius: 10px;
            }

            .super-admin-img {
                background-image: url('../images/Rectangle_24.png');
                height: 450px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                border: 1px solid #1b19198c;
                border-radius: 10px;
            }

            .background-blue {
                background-color: #009DFF;
                border: 1px solid #009DFF;
                border-radius: 10px;
                height: 500px;
                width: 550px;
            }
            .blue {
                background-color: #009DFF;
                border: 1px solid #009DFF;
                border-radius: 10px;
            }
            .rectangle-banner-img {
                background-image: url('../images/Rectangle_31.png');
                height: 500px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .banner-content1 {
                /* margin-right: 800px; */
                border: 1px solid #0000008c !important;
                height: 500px;
                width: 100%;
                border-radius: 10px;
                background-color: #0000008c;
            }

            .footer {
                background-color: #036;
                color: white;
                text-align: center;
            }

            hr {
                background-color: #ffffff;
                margin-top: 0rem;
                margin-bottom: 2rem;
            }

            .hr-support {
                background-color: #009DFF;
                margin-top: 1rem;
                margin-bottom: 2rem;
            }

            .scale-business {
                margin-top: 170px !important;
                margin-bottom: 0rem;
                padding: 0;
            }

            #contact_with h2 {
                color: none;
            }

            .clearfix {
                overflow: auto;
            }

            .p {
                font-family: Poppins;
            }
            .Achieve-Customer-Success{
                text-align: left;
            }
            /*----------------------- Footer------------------------------ */

            /* Styles for the pop-up box */
            .popup {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 1;
                align-items: center;
                justify-content: center;
            }

            .popup-content {
                background-color: #fff;
                padding: 20px;
                border-radius: 5px;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
                position: relative;
            }

            .close {
                position: absolute;
                top: 10px;
                right: 10px;
                font-size: 20px;
                cursor: pointer;
            }

            /* Style for the submit button */
            .btn-submit {
                background-color: #007bff;
                color: #fff;
                padding: 10px 20px;
                border: none;
                border-radius: 5px;
                cursor: pointer;
            }

            .btn-submit:hover {
                background-color: #0056b3;
            }


            /*<------------------------------ service page-----------------------------------> */
            .service-banner-img {
                background-image: url('../images/service_page/Banner_image_Service_page.png');
                height: 700px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .service-banner-content {
                margin-top: 354px;
                height: 374px;
                background-color: #0000008c;
            }

            .text-black {
                color: #000000;
            }

            .bg-blue {
                background-color: #025a91;
                border: 1px solid #025a91;
                border-radius: 20px;
                height: 250px;
            }

            .blue-text {
                color: #00C4FF;
            }

            .blue-txt {
                color: #025a91;
            }

            .bg-blue-contact-us {
                background-color: #00C4FF;
                border: 1px solid #00C4FF;
                border-radius: 10px;
                height: 500px;
            }

            .bg-blue-rec {
                background-color: #009DFF;
                border: 1px solid #009DFF;
                border-radius: 20px;
                height: 85px;
            }

            .bg-white {
                background-color: #fff;
                border: 1px solid #fff;
                border-radius: 30px;
            }

            .bg-blue-rec-img {
                background-color: #009DFF;
                border: 1px solid #009DFF;
                border-radius: 40px;

            }

            .text-15 {
                font-size: 15px;
            }

            .text-16 {
                font-size: 16px;
            }

            .text-18 {
                font-size: 18px;
            }

            .text-20 {
                font-size: 20px;
            }

            .text-22 {
                font-size: 22px;
            }

            .text-24 {
                font-size: 24px;
            }

            .text-28 {
                font-size: 28px;
            }

            .text-5 {
                font-size: 14px;
            }

            .text-30 {
                font-size: 30px;
            }

            .text-32 {
                font-size: 32px;
            }

            .text-38 {
                font-size: 38px;
            }

            .text-40 {
                font-size: 40px;
            }

            .text-42 {
                font-size: 42px;
            }

            .text-48 {
                font-size: 40px;
            }

            .text-130 {
                font-size: 130px;
            }

            .text-faq-blue {
                color: #00C4FF;
            }

            .service-min-rec-img {
                background-image: url('../images/service_page/Minimum_requirement_img.png');
                height: 500px;
                width: 100%;
                border-radius: 40px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .service-printer-rec-img {
                background-image: url('../images/service_page/Printer_Requirement_image.png');
                height: 500px;
                width: 100%;
                border-radius: 40px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .service-payment-gateway-img {
                background-image: url('../images/service_page/Integrated_payment_gateway_img.png');
                height: 350px;
                width: 100%;
                border-radius: 40px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }

            .accordion {
                background-color: #fff;
                border-radius: 10px !important;
                color: #444;
                cursor: pointer;
                padding: 18px;
                width: 100%;
                border: none;
                text-align: left;
                outline: none;
                font-size: 15px;
                transition: 0.4s;
            }

            .accordian-box {
                box-shadow: 3px 3px 8px #a1a1a1;
                border: 1px solid #fff;
                border-radius: 10px !important;
            }


            .hover-text {
                display: inline-block;
                position: relative;
                color: #000000;
                text-decoration: none;
                visibility: visible;
            }

            .header-text:hover {
                background-color: #b8eef7;
                /* Change the color on hover */
            }

            .panel {
                border-radius: 10px !important;
                padding: 0 18px;
                display: none;
                background-color: white;
                overflow: hidden;
            }

            #minus1,
            #minus2,
            #minus3,
            #minus4,
            #minus5,
            #minus6,
            #minus7,
            #minus8,
            #minus9 {
                display: none;
            }

            #minus1,
            #minus2,
            #minus3,
            #minus4,
            #minus5,
            #minus6,
            #minus7,
            #minus8,
            #minus9 {
                border: 1px solid #00C4FF;
                border-radius: 5px;
                background-color: #00C4FF;
                padding-left: 9px;
                padding-right: 9px;
                padding-bottom: 3px;
                color: white;
            }

            #plus1,
            #plus2,
            #plus3,
            #plus4,
            #plus5,
            #plus6,
            #plus7,
            #plus8,
            #plus9 {
                border: 1px solid #00C4FF;
                border-radius: 5px;
                background-color: #00C4FF;
                padding-left: 6px;
                padding-right: 6px;
                padding-bottom: 3px;
                color: white;
            }

            .bg-blue-business {
                background-color: #009DFF;
            }

            .contact-trial-button {
                background-color: #F0483E;
                color: white !important;
                border-radius: 10px;
                font-size: 32px;
                font-weight: 400;
                margin-top: 30px;
                padding-left: 30px;
                padding-right: 30px;

            }

            #contact_with .simply_form {
                width: 100%;
                border-top: 1px solid transparent;
                border-left: 1px solid transparent;
                border-right: 1px solid transparent;
                border-bottom: 1px solid #00adef;
                background: transparent;
            }

            #contact_with .simply_form:focus {
                width: 100%;
                border-top: 1px solid transparent;
                border-left: 1px solid transparent;
                border-right: 1px solid transparent;
                height: 25px;
            }

            #contact_with .form-group .simply_form {
                font-family: "Poppins";
                padding-left: 30px;
                outline: none;
            }

            .btn-brown:hover {
                color: #fff;
            }

            .button-box:hover {
                background-color: #009DFF;
                color: white;
                transform: translateY(-3px);
            }

            .img-mobile {
                display: none;
            }

            .img {
                border-radius: 20px !important;
            }

            .know-more {
                margin-left: 150px;
            }

            .Read-more {
                margin-left: 145px;
            }

            .accordian-section {
                border: 1px solid white;
                border-radius: 10px;
                background-color: #F7F7FF;
            }

            .dot {
                display: none;
            }

            #more1,
            #more2,
            #more3,
            #more4,
            #more5,
            #more6,
            #more7,
            #more8,
            #more9,
            #more10,
            #more11,
            #more12 {
                display: none;
            }

            #readMore1,
            #readMore2,
            #readMore3,
            #readMore4,
            #readMore5,
            #readMore6,
            #readMore7,
            #readMore8,
            #readMore9,
            #readMore10,
            #readMore11,
            #readMore12 {
                vertical-align: 0px;
                background: #fcb327ed 0% 0% no-repeat padding-box;
                border-radius: 25px;
                color: white !important;
                opacity: 1;
                cursor: pointer;
                font-size: 14px;
                padding-left: 10px;
                padding-right: 7px;
                padding-bottom: 2px;
                padding-top: 0px;
            }

            .close:not(:disabled):not(.disabled) {
                cursor: pointer;
            }

            .close {
                float: right;
                font-size: 1.5rem;
                font-weight: 700;
                line-height: 1;
                color: #000;
                text-shadow: 0 1px 0 #fff;
                opacity: .5;
            }

            button,
            select {
                text-transform: none;
            }


            /*----------------------------- catagory bakery page-------------------------- */
            .bakery-banner-img {
                background-image: url('../images/bakery_page/Treat_Yourself_Img.png');
                /* height: 600px;
                width: 100%; */
                max-width: 100%;
                height: auto;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .treat-yourself-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px;
                width: 100%;
                background-color: #0000008c;
                margin-left: 0px !important;
                padding-top: 30px !important;
                padding-left: 25px !important;
                padding-right: 25px !important;
                object-fit: cover !important;
            }

            .short-life-banner-content {
                height: 198px;
                width: 100%;
                background-color: #0000008c;
                margin-top: 402px !important;
            }

            .text-with-padding {
                padding-top: 50px;
            }

            .boost-your-profit-banner-img {
                background-image: url('../images/bakery_page/Boost_Your_Profit_Img.png');
                max-width: 100%;
                height: auto;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .boost-your-profit-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px !important;
                width: 100%;
                background-color: #0000008c;
                margin-left: 0px !important;
                padding-top: 150px !important;
                padding-left: 25px !important;
                padding-right: 25px !important;
            }

            .scale-business {
                margin-top: 50px !important;
                margin-bottom: 0rem;
                padding: 0;
            }

            .padding-top
            {
                padding-top: 150px;
            }
            .shorter-queues-banner-img {
                background-image: url('../images/bakery_page/Shorter_Queues_Img.png');
                max-width: 100%;
                height: auto;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .shorter-queues-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px !important;
                width: 100%;
                background-color: #0000008c;
                margin-top: 0 !important;
                padding-top: 120px !important;
                padding-left: 35px !important;
                padding-right: 35px !important;
            }

            .p-top {
                padding-top: 50px !important;
                padding-right: 40px;
                padding-left: 40px;
            }

            .padding-top {
                padding-top: 60px;
            }

            #expandableText .visible-text {
                display: inline;
            }

            #expandableText .hidden-text {
                display: none;
            }

            #expandableText.expanded .visible-text {
                display: block;
            }

            #expandableText.expanded .hidden-text {
                display: block;
            }

            #expandableText .ellipsis {
                cursor: pointer;
            }


            /* <----------------------category apparel page-------------> */
            .wearable-banner-img {
                background-image: url('../images/apparel_page/Wearable_Banner_Img.png') !important;
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;

            }

            .wearable-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px;
                width: 100%;
                background-color: #0000008c;
                padding-left: 40px !important;
                padding-right: 40px !important;
            }

            .user-friendly-img {
                background-image: url('../images/apparel_page/User_Friendly_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .user-friendly-banner-content {
                margin-top: 360px;
                height: 242px;
                width: 100%;
                background-color: #0000008c;
                padding-top: 20px !important;
            }

            .colour-and-size-banner-img {
                background-image: url('../images/apparel_page/Colour_And_Size_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .colour-and-size-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px !important;
                width: 100%;
                background-color: #0000008c;
                margin-top: 0 !important;
                padding-top: 100px !important;
            }

            .stock-tracking-img {
                background-image: url('../images/apparel_page/Stock_Tracking_Management_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }


            /* <----------------catagory gift shop page----------------> */
            .gift-shop-banner-img {
                background-image: url('../images/Gift_shop_page/crafted_for_your_Retail_Success.png') !important;
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .multi-factor-img {
                background-image: url('../images/Gift_shop_page/Multi_Factor_Management.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .multi-factor-content {
                margin-top: 359px;
                height: 242px;
                width: 100%;
                background-color: #0000008c;
                padding-top: 30px !important;
            }

            .track-sales-banner-img {
                background-image: url('../images/Gift_shop_page/Track_Sales_Productivity.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .track-sales-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px !important;
                width: 100%;
                background-color: #0000008c;
                margin-top: 0 !important;
                padding-top: 160px !important;
            }

            /* <------------------------------catagory restaurant page---------------------------------------> */
            .restaurant-banner-img {
                background-image: url('../images/restaurant_page/Restaurant_Banner_Img.png') !important;
                height: 700px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .restaurant-banner-content {
                margin-top: 434px;
                height: 265px;
                background-color: #0000008c;
            }

            .menu-card-banner-img {
                background-image: url('../images/restaurant_page/Smart_Menu_Card_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .menu-card-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px !important;
                width: 100%;
                background-color: #0000008c;
                margin-top: 0 !important;
                padding-top: 140px !important;
            }

            .control-and-compare-img {
                background-image: url('../images/restaurant_page/Control_And_Compare_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .control-compare-banner-content {
                margin-top: 380px;
                height: 220px;
                width: 100%;
                background-color: #0000008c;
                padding-top: 0px !important;
            }

            .offers-and-happy-img {
                background-image: url('../images/restaurant_page/Offers_And_Happy_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .offers-happy-banner-content {
                margin-top: 380px;
                height: 220px;
                width: 100%;
                background-color: #0000008c;
            }

            .Kot_And_Billing_Img {
                object-fit: cover !important;
            }

            /* <------------------catagory retail grocery shop page------------------> */

            .grocery-shop-banner-img {
                background-image: url('../images/grocery_shop_page/Profit_Your_Every_Move_Img.png') !important;
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .grocery-shop-banner-content {
                border: 1px solid #0000008c !important;
                height: 600px;
                width: 100%;
                background-color: #0000008c;
                padding-left: 35px !important;
                padding-right: 35px !important;
            }

            .notification-preset-img {
                background-image: url('../images/grocery_shop_page/Notification_On_Preset_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .stock-expiry-banner-img {
                background-image: url('../images/grocery_shop_page/Stock_Expiry_Date_Img.png');
                height: 600px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                object-fit: cover !important;
            }

            .stock-expiry-content {
                border: 1px solid #0000008c !important;
                height: 600px !important;
                width: 100%;
                background-color: #0000008c;
                margin-top: 0 !important;
                padding-top: 120px !important;
            }

            .switch {
                position: relative;
                display: inline-block;
                width: 80px;
                height: 40px;
            }

            .switch input {
                opacity: 0;
                width: 0;
                height: 0;
            }

            .slider.round {
                border-radius: 34px;
            }

            .slider.round:before {
                border-radius: 50%;
            }

            .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border: 2px solid #0069FF;
                -webkit-transition: .4s;
                transition: .4s;
            }

            .slider:before {
                position: absolute;
                content: "";
                height: 33px;
                width: 33px;
                left: 9px;
                bottom: 2px;
                background-color: #0069FF;
                -webkit-transition: .4s;
                transition: .4s;
            }

            input:checked+.slider:before {
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px);
            }

            @keyframes smooth-appear {
                to {
                    bottom: 20px;
                    opacity: 1;
                }
            }

            #monthly {
                bottom: -100%;
                opacity: 0;
                transform: translateX(0%);
                animation: smooth-appear 2s ease forwards;
            }

            #yearly {
                bottom: -100%;
                opacity: 0;
                transform: translateX(0%);
                animation: smooth-appear 2s ease forwards;
            }

            /* ----------------------------pricing------------------- */

            .hide {
                display: none;
            }

            .myDIV:hover+.hide {
                display: block;
                color: black;
            }

            .pricing-tooltip {
                position: relative;
                display: inline-block;
            }

            .pricing-tooltip .pricing-tooltiptext {
                visibility: hidden;
                width: 310px;
                background-color: #009DFF;
                color: #fff;
                font-size: 14px;
                border-radius: 6px;
                padding: 10px;
                position: absolute;
                z-index: 1;
                bottom: 100%;
                margin-left: -60px;

                /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
                opacity: 0;
                transition: opacity 1s;
            }

            .pricing-tooltip:hover .pricing-tooltiptext {
                visibility: visible;
                opacity: 1;
            }

            .pricing-tooltip:hover {
                visibility: visible;
                color: #009DFF;
                opacity: 1;
            }


            /* -------------------------Blog--------------------- */
            .blue-bg {
                background-color: #009DFF;
                border: 1px solid #009DFF;
                height: 200px;
                object-fit: cover !important;

            }

            .background-color {
                background-color: #2774FE;
                height: 200px;
                object-fit: cover !important;

            }

            .object-fit {
                object-fit: fill !important;
            }

            body {
                background: #f2f2f2;
                font-family: 'Open Sans', sans-serif;
            }

            .wrap {
                width: 35%;
                position: absolute;
                top: 50%;
                left: 85%;
                transform: translate(-50%, -50%);
            }

            .search {
                width: 100%;
                position: relative;
                display: flex;
                border: 3px solid #00B4CC;
                border-radius: 6px;
            }

            .searchTerm {
                width: 100%;
                padding: 5px;
                height: 35px;
                border: none;
                outline: none;
                color: #9DBFAF;
            }

            .searchButton {
                width: 40px;
                height: 35px;
                text-align: center;
                border: none;
                cursor: pointer;
            }

            .comment-form {
                display: block;
                width: 310%;
                height: calc(1.5em + 0.75rem + 2px);
                padding: 2.375rem 3.75rem;
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5;
                background-color: #d1d1d1;
                background-clip: padding-box;
                border: 1px solid #d1d1d1;
                border-radius: 2px;
                transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            }

            .comment-btn {
                color: #fcf9f9;
                background-color: #009DFF !important;
                border-color: #009DFF !important;
                border-radius: 10px;
                width: 200px;
                margin-top: 40px;
                margin-right: 80px !important;
            }


            /* ---------------------------------thank you page--------------------- */
            .text-color {
                color: #F0483E;
            }




            /* <--------------------------------------------Responsiveness---------------------------> */

            @media screen and (min-width: 300px) and (max-width: 424px) {
                .service-banner-img {
                    background-image: url('../images/service_page/Featured_Image.png') !important;
                    height: 955px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    margin-top: 70px;
                }

                .font-weight-bold {
                    font-weight: 600 !important;
                }

                .home-banner-img {
                    background-image: url('../images/Featured Image.png') !important;
                    height: 735px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                    margin-top: 70px;
                }
            
                .card-content {
                    margin-top: 240px;
                    height: 110px;
                    width: 100%;
                    border-radius: 10px;
                    background-color: #0000008a;
                    padding: 10px;
                }
                .section-banner-content {
                    margin-top: 235px;
                    height: 115px;
                    width: 100%;
                    background-color: #0000008c;
                    border: 1px solid #1b19198c;
                    border-radius: 10px;
                }

                .inefficiency-img {
                    background-image: url('../images/inefficiency_img.png') !important;
                    height: 350px !important;
                    width: 100%;
                    border-radius: 10px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                } 

                .no-leakage-img {
                    background-image: url('../images/No_Leakage_Img.png') !important;
                    height: 350px !important;
                    width: 100%;
                    border-radius: 10px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .chaos-img {
                    background-image: url('../images/Chaos_Img_1.png') !important;
                    height: 350px !important;
                    width: 100%;
                    border-radius: 10px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .Any-time-any-where-img {
                    background-image: url('../images/Any_time_Any_where_Img.png') !important;
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .any-time-banner-content {
                    margin-top: 265px;
                    height: 237px;
                    background-color: #1b19198c;
                    padding-left: 10px;
                    padding-right: 10px;
                }

                .owners-app-img {
                    background-image: url('../images/Owners_app_image.png') !important;
                    height: 350px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    border: 1px solid #1b19198c;
                    border-radius: 10px;
                    object-fit: cover !important;
                }

                .ecommerce-img {
                    background-image: url('../images/E-Commerce-Img.png') !important;
                    height: 350px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    border: 1px solid #1b19198c;
                    border-radius: 10px;
                    object-fit: cover !important;
                }

                .super-admin-img {
                    background-image: url('../images/Super_admin_img.png') !important;
                    height: 350px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    border: 1px solid #1b19198c;
                    border-radius: 10px;
                    object-fit: cover !important;
                }

                .rectangle-banner-img {
                    background-image: url('../images/Scale_your_business_Img.png');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .mobile-none {
                    display: none;
                }

                .video {
                    width: 360px !important;
                }

                .home-banner-img {
                    display: block;
                }

                .can-be-stressful-size {
                    font-size: 34px;
                }
                .can-be-stressful {
                    background-color: #001A49;
                    margin: auto;
                }
                .rectangle-images {
                    background-color: #001A49;
                    margin-left: 20px;
                    margin-right: 20px;
                }

                .h2,
                h2 {
                    font-size: 1.5rem;
                }

                .h4,
                h4 {
                    font-size: 1rem;
                }

                .text-16 {
                    font-size: 15px;
                }

                .text-30 {
                    font-size: 18px;
                }

                .text-32 {
                    font-size: 17px;
                }

                .text-38 {
                    font-size: 24px;
                }

                .pt-5,
                .py-5 {
                    padding-top: 1rem !important;
                }

                .p-5 {
                    padding: 1rem !important;
                }

                .text-18 {
                    font-size: 13px;
                }

                .text-white,
                text-18 {
                    font-size: 14px;
                    color: #f5f1f1e0;
                }


                .banner-normal-text {
                    font-size: 32px !important;
                }

                .banner-text-28 {
                    font-size: 16px;
                }

                .card-text {
                    font-size: 16px;
                }

                .h1,
                h1 {
                    font-size: 2rem;
                }

                .banner-text-35 {
                    font-size: 14px;
                }

                .banner-text-42 {
                    font-size: 22px;
                }

                .banner-content {
                    margin-top: 485px;
                    height: 250px;
                }

                .running-business {
                    margin-top: 50px;
                }

                .card-margin {
                    margin: 10px;
                }

                .h1,
                h1 {
                    font-size: 1.5rem;
                }

                .Multi-outlet {
                    margin-top: 550px;
                }

                .service-banner-content {
                    margin-top: 581px;
                    height: 374px;
                }

                .text-48 {
                    font-size: 20px;
                }

                .text-20 {
                    font-size: 15px;
                }

                .text-130 {
                    font-size: 40px;
                }
                .bg-set {
                    background: #1149af;
                    border-radius: 0px;
                }
                .section {
                    padding: 20px;
                    /* text-align: center; */
                    color: white;
                    position: relative;
                    z-index: 1;
                    transform: skewX(0deg);
                    margin-bottom: 0px;
                    display: block !important;
                    flex-direction: column;
                }

                .section1 {
                    background-color: #0a49bbd1;
                    border-radius: 0px 0px 0px 0px;
                    ;
                }

                .section2 {
                    background-color: #199df5db;
                }

                .section3 {
                    background-color: #0a49bbd1;
                    border-radius: 0px 0px 0px 0px;
                    ;
                }

                .section h3,
                .section ul {
                    transform: skewX(0deg);
                }
                .section-flex {
                    flex-direction: column;
                    margin-left: 20px;
                    margin-right: 20px;
                }
                .background-blue {
                    background-color: #009DFF;
                    border: 1px solid #009DFF;
                    border-radius: 10px;
                    height: 345px;
                    width: 550px;
                }
                .blue {
                    background-color: #009DFF;
                    border: 1px solid #009DFF;
                    border-radius: 10px;
                    margin-left: 20px;
                    margin-right: 20px;
                }
                .Achieve-Customer-Success{
                    text-align: center;
                }
                .border-blue {
                    border: 2px solid #009dff91;
                    border-radius: 20px;
                    align-items: center !important;
                    margin-left: 20px;
                    margin-right: 20px;
                }
                /* ---------------------------servise page--------------------- */
                .service-min-rec-img {
                    background-image: url('../images/service_page/Minimum_Requirement_Img.jpeg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .service-printer-rec-img {
                    background-image: url('../images/service_page/Printer_Requirement_Img.jpeg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .service-payment-gateway-img {
                    background-image: url('../images/service_page/Payment_Gateway_Img.jpeg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .img-desktop {
                    display: none;
                }

                .img-mobile {
                    display: block;
                }
                .desktop-video {
                    display: none;
                }

                .bg-blue-rec {
                    background-color: #00C4FF;
                    border: 1px solid #00C4FF;
                    border-radius: 20px;
                    height: 154px;
                }

                .text-24 {
                    font-size: 19px;
                }

                .text-22 {
                    font-size: 16px;
                }

                .text-28 {
                    font-size: 18px;
                }

                .text-42 {
                    font-size: 23px;
                }

                .m-2 {
                    margin: 1rem !important;
                }

                .bg-blue {
                    height: 200px;
                }

                .contact-trial-button {
                    font-size: 17px;
                    font-weight: 400;
                }

                /* -------------------------------------------contact us form------------------------- */
                .bg-blue-contact-us {
                    background-color: #00C4FF;
                    border: 1px solid #00C4FF;
                    border-radius: 10px;
                    height: 290px;
                }

                .navbar-toggler-icon {
                    display: inline-block;
                    width: 5.5em;
                    height: 0.5em;
                    vertical-align: middle;
                    content: "";
                    background: 50%/100% 100% no-repeat;
                }

                .intl-tel-input {
                    display: table-cell;
                }

                .intl-tel-input .selected-flag {
                    z-index: 4;
                }

                .intl-tel-input .country-list {
                    z-index: 5;
                }

                .input-group .intl-tel-input .form-control {
                    border-top-left-radius: 4px;
                    border-top-right-radius: 0;
                    border-bottom-left-radius: 4px;
                    border-bottom-right-radius: 0;
                }


                /* <----------------------------------catagory bakery page---------------------------> */

                .bakery-banner-img {
                    background-image: url('../images/bakery_page/treat_img.jpg') !important;
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .btn-lg {
                    padding: 0.5rem 0rem;
                    font-size: 1rem;
                    line-height: 1;
                    width: 135px;
                    border-radius: 0.3rem;
                }

                .padding-top {
                    padding-top: 30px;
                }

                .text-with-padding {
                    padding-top: 0px;
                }

                .scale-business {

                    margin-top: 60px !important;
                    margin-bottom: 0rem;
                    padding: 0;
                }

                .treat-yourself-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 316px;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 184px !important;
                    padding-top: 0px !important;
                    padding-left: 0px !important;
                    padding-right: 0px !important;
                    object-fit: cover !important;
                }

                .col-md-5 {
                    padding-right: 0px !important;
                    padding-left: 0px !important;
                }

                .boost-your-profit-banner-img {
                    background-image: url('../images/bakery_page/boost_profit_img.jpg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    padding-top: 5px !important;
                    object-fit: cover !important;
                }

                .boost-your-profit-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 227px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-right: 830px !important;
                    margin-top: 170px !important;
                    padding-top: 15px !important;
                    padding-left: 10px !important;
                    padding-right:10px !important;
                }

                .shorter-queues-banner-img {
                    background-image: url('../images/bakery_page/shorter_queue_img.jpg') !important;
                    height: 450px;
                    max-width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .shorter-queues-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 269px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 180px !important;
                    padding-top: 5px !important;
                }

                .shorter-queues {
                    margin-top: 30px !important;
                    margin-bottom: 0rem;
                    padding: 0;
                }

                .business-another-level-banner-img {
                    background-image: url('../images/bakery_page/take_your_business_img.png') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .business-another-level-banner-content {
                    margin-top: 227px;
                    height: 223px;
                    background-color: #1b19198c;
                }

                .btn-brown {
                    color: #fcf9f9;
                    background-color: #F0483E !important;
                    border-color: #F0483E !important;
                    border-radius: 20px;
                    width: 130px;
                    height: 35px;
                    visibility: visible;
                }

                .p-top {
                    padding-top: 15px !important;
                    padding-right: 40px;
                    padding-left: 40px;
                }

                #expandableText .visible-text,
                #expandableText.expanded .visible-text {
                    display: inline;
                }

                #expandableText .hidden-text,
                #expandableText.expanded .hidden-text {
                    display: none;
                }

                #expandableText.expanded .visible-text {
                    display: none;
                }

                .ellipsis {
                    display: inline;
                    cursor: pointer;
                }


                /*<----------------------------catagory grocery page---------------------------> */

                .grocery-shop-banner-img {
                    background-image: url('../images/grocery_shop_page/grocery_banner_img.jpg') !important;
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .grocery-shop-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 290px;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 210px;
                }

                .notification-preset-img {
                    background-image: url('../images/grocery_shop_page/notificetion_on_preset_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .stock-expiry-banner-img {
                    background-image: url('../images/grocery_shop_page/stock_expiry_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .stock-expiry-content {
                    border: 1px solid #0000008c !important;
                    height: 215px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 236 !important;
                    padding-top: 10px !important;
                }



                /* <--------------------------------------catagory apparel page-------------------> */

                .wearable-banner-img {
                    background-image: url('../images/apparel_page/apparel_banner_img.jpg') !important;
                    height: 450px !important;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .wearable-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 279px;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 172px !important;
                    object-fit: cover !important;
                }

                .user-friendly-img {
                    background-image: url('../images/apparel_page/user_friendly_and_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .user-friendly-banner-content {
                    margin-top: 155px;
                    height: 296px;
                    width: 100%;
                    background-color: #0000008c;
                    padding-top: 20px !important;
                }

                .colour-and-size-banner-img {
                    background-image: url('../images/apparel_page/colour_and_size_variant_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .colour-and-size-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 296px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 155px !important;
                    padding-top: 20px !important;
                }

                .stock-tracking-img {
                    background-image: url('../images/apparel_page/stock_tracking_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }


                /* <-------------------------------------catagory gift shop page------------------------> */

                .gift-shop-banner-img {
                    background-image: url('../images/Gift_shop_page/gift_banner_img.jpg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .multi-factor-img {
                    background-image: url('../images/Gift_shop_page/multi_factor_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .multi-factor-content {
                    margin-top: 211px;
                    height: 239px;
                    width: 100%;
                    background-color: #0000008c;
                    padding-top: 30px !important;
                }

                .track-sales-banner-img {
                    background-image: url('../images/Gift_shop_page/track_sales_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .track-sales-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 269px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 180px !important;
                    padding-top: 40px !important;
                }

                /* <------------------------------catagory restaurant page---------------------------------------> */
                .restaurant-banner-img {
                    background-image: url('../images/restaurant_page/restaurants_banner_img.jpg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .restaurant-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 240px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 211px !important;
                }

                .menu-card-banner-img {
                    background-image: url('../images/restaurant_page/smart_menu_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .menu-card-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 245px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 204px !important;
                    padding-top: 30px !important;
                }

                .control-and-compare-img {
                    background-image: url('../images/restaurant_page/control_compare_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .control-compare-banner-content {
                    margin-top: 187px;
                    height: 262px;
                    width: 100%;
                    background-color: #0000008c;
                }

                .offers-and-happy-img {
                    background-image: url('../images/restaurant_page/offer_and_happy_img.jpg');
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .offers-happy-banner-content {
                    margin-top: 241px;
                    height: 210px;
                    width: 100%;
                    background-color: #0000008c;
                }

                /* ----------------------------------- blog --------------------------------- */
                .comment-form {
                    display: block;
                    width: 75%;
                    height: calc(-0.5em + -0.25rem + 1px);
                    padding: 2.375rem 3.75rem;
                    font-size: 1rem;
                    font-weight: 200;
                    line-height: 0.5;
                    background-color: #d1d1d1;
                    background-clip: padding-box;
                    border: 1px solid #d1d1d1;
                    border-radius: 2px;
                    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                }

                .background-color {
                    background-color: #2774FE;
                    height: 100px;
                    object-fit: cover !important;
                }

                .blue-bg {
                    background-color: #009DFF;
                    border: 1px solid #009DFF;
                    height: 100px;
                    object-fit: cover !important;
                }

                .text-40 {
                    font-size: 22px;
                }

                .Read-more {
                    margin-left: 180px;
                }

                .wrap {
                    width: 35%;
                    position: absolute;
                    top: 50%;
                    left: 75%;
                    transform: translate(-50%, -50%);
                }

                /* ---------------------pricing------------------------- */
                .svg-container {
                    display: none;
                    /* Hide SVGs on small screens */
                }
            }

            @media screen and (min-width: 425px) and (max-width: 767px) {
                .home-banner-img {
                    background-image: url('../images/Featured Image.png') !important;
                    height: 735px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                    margin-top: 70px;
                }

                .font-weight-bold {
                    font-weight: 600 !important;
                }

                .video {
                    width: 425px !important;
                }
                .card-content {
                    margin-top: 240px;
                    height: 110px;
                    width: 100%;
                    border-radius: 10px;
                    background-color: #0000008a;
                    padding: 10px;
                }

                .inefficiency-img {
                    background-image: url('../images/inefficiency_img.png') !important;
                    height: 350px !important;
                    width: 100%;
                    border-radius: 10px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                } 

                .no-leakage-img {
                    background-image: url('../images/No_Leakage_Img.png') !important;
                    height: 350px !important;
                    width: 100%;
                    border-radius: 10px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .chaos-img {
                    background-image: url('../images/Chaos_Img_1.png') !important;
                    height: 350px !important;
                    width: 100%;
                    border-radius: 10px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .Any-time-any-where-img {
                    background-image: url('../images/Any_time_Any_where_Img.png') !important;
                    height: 450px;
                    width: 100%;
                    margin-left: 20px;
                    margin-right: 20px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .any-time-banner-content {
                    margin-top: 246px;
                    height: 204px;
                    background-color: #1b19198c;
                    padding-left: 10px;
                    padding-right: 10px;
                }

                .banner-text-42 {
                    font-size: 30px;
                }

                .banner-text-35 {
                    font-size: 22px;
                }

                .banner-text-28 {
                    font-size: 16px;
                }

                .can-be-stressful-size {
                    font-size: 34px;
                }
                .can-be-stressful {
                    background-color: #001A49;
                    margin: auto;
                }
                .rectangle-images {
                    background-color: #001A49;
                    margin-left: 20px;
                    margin-right: 20px;
                }

                .banner-normal-text {
                    font-size: 2.5rem;
                }

                .banner-content {
                    margin-top: 430px;
                    height: 236px;
                }

                .Multi-outlet {
                    margin-top: 650px;
                }

                .text-18 {
                    font-size: 14px;
                }

                .text-22 {
                    font-size: 18px;
                }

                .text-24 {
                    font-size: 20px;
                }

                .text-28 {
                    font-size: 19px;
                }

                .text-130 {
                    font-size: 50px;
                }

                .text-30 {
                    font-size: 24px;
                }

                .text-32 {
                    font-size: 17px;
                }

                .text-38 {
                    font-size: 28px;
                }

                .bg-blue-rec {
                    background-color: #00C4FF;
                    border: 1px solid #00C4FF;
                    border-radius: 20px;
                    height: 123px;
                }
                .background-blue {
                    background-color: #009DFF;
                    border: 1px solid #009DFF;
                    border-radius: 10px;
                    height: 400px;
                    width: 550px;
                }
                .section-banner-content {
                    margin-top: 228px;
                    height: 121px;
                }
                .owners-app-img {
                    background-image: url('../images/Owners_app_image.png') !important;
                    height: 350px;
                    width: 70%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    border: 1px solid #1b19198c;
                    border-radius: 10px;
                    object-fit: cover !important;
                }

                .ecommerce-img {
                    background-image: url('../images/E-Commerce-Img.png') !important;
                    height: 350px;
                    width: 70%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    border: 1px solid #1b19198c;
                    border-radius: 10px;
                    object-fit: cover !important;
                }

                .super-admin-img {
                    background-image: url('../images/Super_admin_img.png') !important;
                    height: 350px;
                    width: 70%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    border: 1px solid #1b19198c;
                    border-radius: 10px;
                    object-fit: cover !important;
                }

                .text-20 {
                    font-size: 13px;
                }

                .mobile-none {
                    display: none !important;
                }
                .bg-set {
                    background: #1149af;
                    border-radius: 0px;
                }
                .section {
                    padding: 20px;
                    /* text-align: center; */
                    color: white;
                    position: relative;
                    z-index: 1;
                    transform: skewX(0deg);
                    margin-bottom: 0px;
                    display: block !important;
                    flex-direction: column;
                }

                .section1 {
                    background-color: #0a49bbd1;
                    border-radius: 0px 0px 0px 0px;
                    ;
                }

                .section2 {
                    background-color: #199df5db;
                }

                .section3 {
                    background-color: #0a49bbd1;
                    border-radius: 0px 0px 0px 0px;
                    ;
                }

                .section h3,
                .section ul {
                    transform: skewX(0deg);
                }
                .section-flex {
                    flex-direction: column;
                    margin-left: 20px;
                    margin-right: 20px;
                }
                .border-blue {
                    border: 2px solid #009dff91;
                    border-radius: 20px;
                    align-items: center !important;
                    margin-left: 20px;
                    margin-right: 20px;
                }

                .service-banner-content {
                    margin-top: 439px;
                    height: 261px;
                    background-color: #0000008c;
                }
                .blue {
                    background-color: #009DFF;
                    border: 1px solid #009DFF;
                    border-radius: 10px;
                    margin-left: 20px;
                    margin-right: 20px;
                }

                .h1,
                h1 {
                    font-size: 1.5rem;
                }

                .text-16 {
                    font-size: 14px;
                }

                .pt-5,
                .py-5 {
                    padding-top: 1rem !important;
                }

                .banner-content {
                    margin-top: 499px;
                    height: 236px;
                }

                .card-margin {
                    margin: 10px;
                }

                .running-business {
                    margin-top: 40px;
                }

                .contact-trial-button {
                    font-size: 20px;
                    font-weight: 400;
                }

                .text-40 {
                    font-size: 30px;
                }

                .text-48 {
                    font-size: 25px;
                }

                .text-42 {
                    font-size: 22px;
                }

                .scale-business {
                    margin-top: 18px !important;
                    margin-bottom: 0rem;
                    padding: 0;
                }

                .shorter-queues {
                    margin-top: 18px;
                    margin-bottom: 0rem;
                    padding: 0;
                }
                .Achieve-Customer-Success{
                    text-align: center;
                }


                .service-min-rec-img {
                    background-image: url('../images/service_page/Minimum_Requirement_Img.jpeg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .service-printer-rec-img {
                    background-image: url('../images/service_page/Printer_Requirement_Img.jpeg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .service-payment-gateway-img {
                    background-image: url('../images/service_page/Payment_Gateway_Img.jpeg') !important;
                    height: 450px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .img-desktop {
                    display: none;
                }

                .img-mobile {
                    display: block !important;
                }

                
            
                /* -------------------------------------------contact us form------------------------- */
                .bg-blue-contact-us {
                    background-color: #00C4FF;
                    border: 1px solid #00C4FF;
                    border-radius: 10px;
                    height: 415px;
                }

                .navbar-toggler-icon {
                    display: inline-block;
                    width: 6.5em;
                    height: 0.5em;
                    vertical-align: middle;
                    content: "";
                    background: 50%/100% 100% no-repeat;
                }


                /* <-----------------------------------------catagory bakery page-------------------------------> */

                .bakery-banner-img {
                    background-image: url('../images/bakery_page/treat_img.jpg') !important;
                    height: 500px !important;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .treat-yourself-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 350px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 150px !important;
                }

                .btn-lg {
                    padding: 0.5rem 1rem;
                    font-size: 1rem;
                    line-height: 0.5;
                    width: 160px;
                    height: 30px;
                    border-radius: 0.3rem;
                }

                .col-md-5 {
                    padding-right: 0px;
                    padding-left: 0px;
                }

                .boost-your-profit-banner-img {
                    background-image: url('../images/bakery_page/boost_profit_img.jpg') !important;
                    height: 600px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .boost-your-profit-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 294px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-right: 830px;
                    margin-top: 305px !important;
                    padding-top:30px !important;
                }

                .shorter-queues-banner-img {
                    background-image: url('../images/bakery_page/shorter_queue_img.jpg');
                    height: 600px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .shorter-queues-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 266px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 334px !important;
                    padding-top: 25px !important;
                }

                .business-another-level-banner-img {
                    background-image: url('../images/bakery_page/take_your_business_img.png');
                    height: 600px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .business-another-level-banner-content {
                    margin-top: 355px;
                    height: 244px;
                    max-width: 100%;
                    background-color: #1b19198c;
                }

                .text-with-padding {
                    padding-top: 0px;
                }

                .btn-brown {
                    color: #fcf9f9;
                    background-color: #F0483E !important;
                    border-color: #F0483E !important;
                    border-radius: 20px;
                    width: 130px;
                    height: 35px;
                    visibility: visible;
                }

                .p-top {
                    padding-top: 20px !important;
                    padding-right: 40px;
                    padding-left: 40px;
                }

                #expandableText .visible-text,
                #expandableText.expanded .visible-text {
                    display: inline;
                }

                #expandableText .hidden-text,
                #expandableText.expanded .hidden-text {
                    display: none;
                }

                #expandableText.expanded .visible-text {
                    display: none;
                }

                .ellipsis {
                    display: inline;
                    cursor: pointer;
                }

                /* <---------------------------------catagory apparel page---------------------> */

                .wearable-banner-img {
                    background-image: url('../images/apparel_page/apparel_banner_img.jpg') !important;
                    height: 500px !important;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;

                }

                .wearable-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 275px;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 225px !important;
                    object-fit: cover !important;
                }

                .user-friendly-img {
                    background-image: url('../images/apparel_page/user_friendly_and_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .user-friendly-banner-content {
                    margin-top: 299px;
                    height: 201px;
                    width: 100%;
                    background-color: #0000008c;
                }

                .colour-and-size-banner-img {
                    background-image: url('../images/apparel_page/colour_and_size_variant_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .colour-and-size-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 243px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 257px !important;
                    padding-top: 20px !important;
                }

                .stock-tracking-img {
                    background-image: url('../images/apparel_page/stock_tracking_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                /* <-------------------------------------catagory gift shop page------------------------> */

                .gift-shop-banner-img {
                    background-image: url('../images/Gift_shop_page/gift_banner_img.jpg') !important;
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .multi-factor-img {
                    background-image: url('../images/Gift_shop_page/multi_factor_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .multi-factor-content {
                    margin-top: 275px;
                    height: 225px;
                    width: 100%;
                    background-color: #0000008c;
                    padding-top: 30px !important;
                }

                .track-sales-banner-img {
                    background-image: url('../images/Gift_shop_page/track_sales_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .track-sales-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 230px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-left: 0px !important;
                    margin-top: 270px !important;
                    padding-top: 40px !important;
                }

                /* <------------------------------catagory restaurant page---------------------------------------> */
                .restaurant-banner-img {
                    background-image: url('../images/restaurant_page/restaurants_banner_img.jpg') !important;
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .restaurant-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 265px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 235px !important;
                    padding-top: 5px !important;
                }

                .menu-card-banner-img {
                    background-image: url('../images/restaurant_page/smart_menu_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .menu-card-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 248px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 252px !important;
                    padding-top: 55px !important;
                }

                .control-and-compare-img {
                    background-image: url('../images/restaurant_page/control_compare_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .control-compare-banner-content {
                    margin-top: 246px;
                    height: 251px;
                    width: 100%;
                    background-color: #0000008c;
                    padding-top: 20px !important;
                }

                .offers-and-happy-img {
                    background-image: url('../images/restaurant_page/offer_and_happy_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .offers-happy-banner-content {
                    margin-top: 300px;
                    height: 200px;
                    width: 100%;
                    background-color: #0000008c;
                    padding-top: 20px !important;
                }


                /* <-----------------------------catagory grocery page---------------------------> */

                .grocery-shop-banner-img {
                    background-image: url('../images/grocery_shop_page/grocery_banner_img.jpg') !important;
                    height: 500px !important;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .grocery-shop-banner-content {
                    border: 1px solid #0000008c !important;
                    height: 268px;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 233px;
                    padding-top: 20px !important;
                }

                .notification-preset-img {
                    background-image: url('../images/grocery_shop_page/notificetion_on_preset_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .stock-expiry-banner-img {
                    background-image: url('../images/grocery_shop_page/stock_expiry_img.jpg');
                    height: 500px;
                    width: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    object-fit: cover !important;
                }

                .stock-expiry-content {
                    border: 1px solid #0000008c !important;
                    height: 215px !important;
                    width: 100%;
                    background-color: #0000008c;
                    margin-top: 284 !important;
                    padding-top: 10px !important;
                }


                /* <-------------------------------blog----------------------------------------> */
                .comment-form {
                    display: block;
                    width: 100%;
                    height: calc(-0.5em + -0.25rem + 1px);
                    padding: 2.375rem 3.75rem;
                    font-size: 1rem;
                    font-weight: 200;
                    line-height: 0.5;
                    background-color: #d1d1d1;
                    background-clip: padding-box;
                    border: 1px solid #d1d1d1;
                    border-radius: 2px;
                    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                }

                .background-color {
                    background-color: #2774FE;
                    height: 130px;
                    object-fit: cover !important;
                }

                .blue-bg {
                    background-color: #009DFF;
                    border: 1px solid #009DFF;
                    height: 130px;
                    object-fit: cover !important;
                }

                .text-40 {
                    font-size: 21px;
                }

                .Read-more {
                    margin-left: 225px;
                }

                .wrap {
                    width: 35%;
                    position: absolute;
                    top: 50%;
                    left: 75%;
                    transform: translate(-50%, -50%);
                }

                /* ------------------pricing---------------------------- */
                .svg-container {
                    display: none;
                    /* Hide SVGs on small screens */
                }

            }



            @media screen and (min-width: 768px) and (max-width: 1023px) {
                .video {
                    width: 768px !important;
                }

                .Multi-outlet {
                    margin-top: 425px;
                }

                .can-be-stressful-size {
                    font-size: 26px;
                }

                .h2,
                h2 {
                    font-size: 1.5rem;
                }

                .h1,
                h1 {
                    font-size: 1.4rem;
                }

                .h4,
                h4 {
                    font-size: 1.2rem;
                }

                .banner-text-28 {
                    font-size: 19px;
                }

                .banner-text-35 {
                    font-size: 30px;
                }

                .banner-text-42 {
                    font-size: 40px;
                }

                .text-18 {
                    font-size: 14px;
                }

                .card-text {
                    font-size: 23px;
                }

                .card-content {
                    margin-top: 340;
                    height: 167px;
                }

                .text-15 {
                    font-size: 18px;
                }

                .text-20 {
                    font-size: 17px;
                }

                .text-22 {
                    font-size: 18px;
                }

                .text-24 {
                    font-size: 18px;
                }

                .text-40 {
                    font-size: 35px;
                }

                .bg-blue-rec {
                    background-color: #00C4FF;
                    border: 1px solid #00C4FF;
                    border-radius: 20px;
                    height: 108px;
                }

                .section-banner-content {
                    margin-top: 311px;
                    height: 138px;
                }

                .h2,
                h2 {
                    font-size: 1.2rem;
                }

                .p-3 {
                    padding: 0rem !important;
                }

                .text-130 {
                    font-size: 100;
                }

                .text-38 {
                    font-size: 26px;
                }

                .banner-text-28 {
                    font-size: 14px;
                }

                .text-48 {
                    font-size: 25px;
                }

                .text-28 {
                    font-size: 20px;
                }

                .text-30 {
                    font-size: 25px;
                }

                .btn-lg {
                    padding: -2.5rem 0rem;
                    font-size: 1rem;
                    line-height: 1.5rem;
                    border-radius: 0.3rem;
                }

                .text-42 {
                    font-size: 25px;
                }

                .btn-blue {
                    color: #fcf9f9;
                    background-color: #009DFF !important;
                    border-color: #009DFF !important;
                    border-radius: 10px;
                    width: 125px !important;
                    margin-top: 12px;
                    margin-right: 42px;
                }

                #expandableText .hidden-text,
                #expandableText.expanded .hidden-text {
                    display: none;
                }

                #expandableText.expanded .visible-text {
                    display: none;
                }

                .ellipsis {
                    display: inline;
                    cursor: pointer;
                }

                /* -------------------------------------------------blog--------------------------------------- */
                .comment-form {
                    display: block;
                    width: 195%;
                }

                .Read-more {
                    margin-left: 70px;
                }

                /* ----------------------------------------contact us form------------------------------ */
                .bg-blue-contact-us {
                    background-color: #00C4FF;
                    border: 1px solid #00C4FF;
                    border-radius: 10px;
                    height: 520px;
                }


            }

            @media screen and (min-width: 1024px) and (max-width: 1439px) {
                .dot {
                    display: none;
                }

                .last-card-text {
                    margin-bottom: 78px !important;
                }

                .video {
                    width: 1024px !important;
                }

                .running-business {
                    margin-top: 90px;
                }

                .Multi-outlet {
                    margin-top: 450px;
                }

                .can-be-stressful-size {
                    font-size: 40px;
                }

                .section-banner-content {
                    margin-top: 311px;
                    height: 138px;
                }

                .service-banner-content {
                    margin-top: 389px;
                    height: 310px;
                    background-color: #0000008c;
                }

                .bg-blue-rec {
                    border-radius: 20px;
                    height: 120px;
                }

                .text-15 {
                    font-size: 24px;
                }

                .banner-text-28 {
                    font-size: 22px;
                }

                .banner-text-42 {
                    font-size: 42px;
                }

                .card-text {
                    font-size: 22px;
                }

                .h1,
                h1 {
                    font-size: 2rem;
                }

                .h2,
                h2 {
                    font-size: 2rem;
                }

                .h1,
                .h2,
                .h3,
                .h4,
                .h5,
                .h6,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {

                    font-weight: 500 !important;

                }

                .pt-4,
                .py-4 {
                    padding-top: 2.2rem !important;
                }

                .text-18 {
                    font-size: 16px !important;
                }

                .text-20 {
                    font-size: 17px;
                }

                .text-28 {
                    font-size: 22px;
                }

                .text-38 {
                    font-size: 30px;
                }

                .text-40 {
                    font-size: 35px;
                }

                .text-48 {
                    font-size: 34px;
                }

                .know-more {
                    margin-left: 110px;
                }

                .banner-text-28 {
                    font-size: 18px;
                }

                .treat-yourself-banner-content {
                    height: 600px;
                    width: 100%;
                }

                .mt-3,
                .my-3 {
                    margin-top: 2rem !important;
                }

                .btn-brown {
                    color: #fcf9f9;
                    background-color: #F0483E !important;
                    border-color: #F0483E !important;
                    border-radius: 20px;
                    width: 170px;
                    height: 40px;
                    visibility: visible;
                }

                #expandableText .visible-text {
                    display: inline;
                }

                #expandableText .hidden-text {
                    display: none;
                }

                #expandableText.expanded .visible-text {
                    display: block;
                }

                #expandableText.expanded .hidden-text {
                    display: block;
                }

                #expandableText .ellipsis {
                    cursor: pointer;
                }

                /* -------------------blog------------------------- */
                .comment-form {
                    display: block;
                    width: 280%;
                }

            }

            @media screen and (min-width: 1440px) {
                .dot {
                    display: none;
                }

                .pt-4,
                .py-4 {
                    padding-top: 2.2rem !important;
                }

                .last-card-text {
                    margin-bottom: 75px !important;
                }

                .video {
                    width: 1300px !important;
                }

                .Multi-outlet {
                    margin-top: 400px;
                }

                .p-3 {
                    padding: 0rem !important;
                }

                .h2,
                h2 {
                    font-size: 2.5rem;
                }

                .service-banner-content {
                    margin-top: 354px;
                    height: 346px;
                    background-color: #0000008c;
                }

                .can-be-stressful-size {
                    font-size: 40px;
                }

                .banner-text-28 {
                    font-size: 24px;
                }

                .text-15 {
                    font-size: 24px;
                }

                #expandableText .visible-text {
                    display: inline;
                }

                #expandableText .hidden-text {
                    display: none;
                }

                #expandableText.expanded .visible-text {
                    display: block;
                }

                #expandableText.expanded .hidden-text {
                    display: block;
                }

                #expandableText .ellipsis {
                    cursor: pointer;
                }

            }