@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap'); html { scroll-behavior: smooth; } body{font-family: 'Jost', sans-serif; font-size:1rem; overflow-x:hidden} a{text-decoration:none;} a:hover{text-decoration:none;} .non_login_footer{display:none;} .display_none{display:none!important;} .loader { background:rgba(0,0,0,0.5); position:fixed; z-index:10000000; top:0; right:0; bottom:0; left:0; display:none; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .loader .loader_img { position:Absolute; background:#fff; padding:10px; border-radius:5px; top:50%; margin-top:-30px; left:50%; margin-left:-30px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .black{color:#000!important;} .white{color:#fff!important;} .black:hover{color:#F74B3E!important;} /*----------------------- Header 2021 -----------------------*/ .header-wrapper-blank-2021{height:46px;} .header-wrapper-2021{position: fixed; top: 0px!important; left: 0px; width: 100%; z-index: 1000;} .header-wrapper-2021 .top-band{text-align: center; color: #fff!important; background: #000; padding: 0.88rem; font-size: 12.33px; position: relative; width: 100%; display: table; font-family: 'Jost', sans-serif;} .header-wrapper-2021 .top-band a{color:#fff;} .header-wrapper-2021 .top-band a:hover{color: #F74B3E;} .header-wrapper-2021 .top-band .info-icon{width:100%;} .header-wrapper-2021 .header-2021 {max-width: 100%; margin:0 auto; padding: 0px; background: transparent; top: 0px; position: relative; z-index: 1000; border-bottom: 0px solid #adb1b5; } .header-wrapper-2021 .header-2021 .m-nav-area{display:none;} .header-wrapper-2021 .header-2021 .navbar {background: transparent; padding: 0px 45px 0px 45px;} .header-wrapper-2021 .header-2021 .navbar-brand {padding: 18px 0px; margin-right: 0px; height: auto!important; cursor: pointer!important;} .header-wrapper-2021 .header-2021 .navbar-brand path{fill:#fff;} .header-wrapper-2021 .header-2021 .nav-link {color: #fff; padding: 1.8rem 2rem!important; font-weight: 600; font-size: 14px; position: relative; font-family: 'Jost', sans-serif; z-index: 2;} .header-wrapper-2021 .header-2021 .nav-link:hover{color:#F74B3E;} .header-wrapper-2021 .header-2021 .dropdown:hover .dropdown-toggle{color:#F74B3E;} .header-wrapper-2021 .header-2021 .dropdown:hover .dropdown-menu {display: block; top: 60px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .dropdown-toggle::after{display:none;} .header-wrapper-2021 .header-2021 .trial-btn a{margin-top: 21px; background:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border: 0px; padding: 10px 32px!important; border-radius: 5px; border:solid 2px #F86949;} .header-wrapper-2021 .header-2021 .trial-btn a:hover{color:#fff!important;} .header-wrapper-2021 .header-2021 .right-nav{z-index:0} /*.header-wrapper-2021 .header-2021 .dropdown-solution .dropdown-menu{width: 1290px; left: 50%; margin-left: -350px; top: 6px!Important; border-radius: 0px; border: solid 1px #D8D8D8; padding: 90px 60px 10px 60px; z-index: 1; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); background: rgba(255,255,255,0.97);} .header-wrapper-2021 .header-2021 .operate-your-business{width: 32%; float: left; border-right: solid 1px #FF3D55; height:500px;}*/ .header-wrapper-2021 .header-2021 .dropdown-solution .dropdown-menu {width: 1290px; left: 50%; margin-left: -270px; top: 6px!Important; border-radius: 0px; border: solid 0px #D8D8D8; padding: 70px 100px 20px 225px; z-index: 1; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); background: rgba(255,255,255,0.97);} .header-wrapper-2021 .header-2021 .operate-your-business {width: 43%; float: left; border-right: solid 0px #FF3D55;} .header-wrapper-2021 .header-2021 .operate-your-business .heading{font-size: 20px; font-weight: 600; margin-bottom: 0px;} .header-wrapper-2021 .header-2021 .operate-your-business .h-reduce-cost{margin-top:15px;} .header-wrapper-2021 .header-2021 .operate-your-business .sub-head{font-size: 13px; font-weight: 500; color: #99a4a9; margin-bottom: 3px;} .header-wrapper-2021 .header-2021 .operate-your-business .links a{color:#474747; font-size:15px; display:table; width:100%; padding:5px 0px;} .header-wrapper-2021 .header-2021 .operate-your-business .links a:hover{color:#F74B3E;;} .header-wrapper-2021 .header-2021 .manage-more-efficiently{width: 33%; float: left; border-right: solid 1px #FF3D55; padding-left: 30px; height:500px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently .heading{font-size:17px; font-weight:600; margin-bottom:10px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently .links a{color:#474747; font-size:15px; display:table; width:100%; padding:3.5px 0px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently .links a:hover{color:#F74B3E;;} .header-wrapper-2021 .header-2021 .grow-to-meet {width: 49%; float: left; padding-left: 54px;} .header-wrapper-2021 .header-2021 .grow-to-meet .heading{font-size: 20px; font-weight: 600; margin-bottom: 0px;} .header-wrapper-2021 .header-2021 .grow-to-meet .sub-head{font-size: 13px; font-weight: 500; color: #99a4a9; margin-bottom: 3px;} .header-wrapper-2021 .header-2021 .grow-to-meet .links a{color:#474747; font-size:15px; display:table; width:100%; padding:5px 0px;} .header-wrapper-2021 .header-2021 .grow-to-meet .links a:hover{color:#F74B3E;} .header-wrapper-2021 .header-2021 .dropdown-industries .dropdown-menu{width: 1290px; left: 50%; margin-left: -394px; top: 6px!Important; border-radius: 0px; border: solid 1px #D8D8D8; padding: 90px 240px 50px 300px; z-index: 1; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); background: rgba(255,255,255,0.97);} .header-wrapper-2021 .header-2021 .dropdown-industries .industry-nav-area .link-box{float: left; width: 33%; margin-bottom: 30px;} .header-wrapper-2021 .header-2021 .dropdown-industries .industry-nav-area .link-box .icon{background: transparent; width: auto; height: auto; margin: unset;} .header-wrapper-2021 .header-2021 .dropdown-industries .industry-nav-area .link-box .icon:before{display:none;} .header-wrapper-2021 .header-2021 .dropdown-industries .industry-nav-area .link-box .name{font-size: 17px; font-weight: 500; color: #000; margin-bottom: 5px; margin-top: 5px;} .header-wrapper-2021 .header-2021 .dropdown-industries .industry-nav-area .link-box .description{font-size: 12px; color: #000;line-height: 15px;} .header-wrapper-2021 .header-2021 .dropdown-industries .industry-nav-area .link-box:hover .name{color:#000;} .header-wrapper-2021 .header-2021 .dropdown-industries .industry-nav-area .link-box:hover .description{color:#000; } .header-wrapper-2021 .header-2021 .reduce-costs {width: 100%; float: left; border-right: solid 0px #FF3D55;} .header-wrapper-2021 .header-2021 .reduce-costs .heading{font-size: 20px; font-weight: 600; margin-bottom: 0px;} .header-wrapper-2021 .header-2021 .reduce-costs .h-reduce-cost{margin-top:15px;} .header-wrapper-2021 .header-2021 .reduce-costs .sub-head{font-size: 13px; font-weight: 500; color: #99a4a9; margin-bottom: 3px;} .header-wrapper-2021 .header-2021 .reduce-costs .links a{color:#474747; font-size:15px; display:table; width: 49%; padding: 5px 0px; display: inline-block !important;} .header-wrapper-2021 .header-2021 .reduce-costs .links a:hover{color:#F74B3E;} .navbar .btn-group .dropdown-menu a:hover {color: #000 !important;} .header-wrapper-2021 .header-with-bg-white{background:#fff!important;} .header-wrapper-2021 .header-with-bg-white .nav-link{color:#000!important;} .header-wrapper-2021 .header-with-bg-white .nav-link:hover{color:#F74B3E!important;} .header-wrapper-2021 .header-with-bg-white .trial-btn .single-link{color:#fff!important;} .header-wrapper-2021 .header-with-bg-white .trial-btn:hover .single-link{color:#fff!important;} .header-wrapper-2021 .header-with-bg-white .navbar-brand path{fill:#000!important;} /*----------------------- Header 2021 -----------------------*/ /*----------------------- Header 2024 -----------------------*/ .header-wrapper-blank-2021.header-wrapper-blank-2024{height: 77px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar-brand path{fill: #000 !important;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-link{color:#000!important;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .dropdown-solution .dropdown-menu{margin-left: -435px!important; width: 870px!important; padding:70px 20px 20px 20px!important} .header-wrapper-2021.header-wrapper-2024 .header-2021 .trial-btn a{background: #25395E !important; color: #fff !important; border-radius: 30px !important; border: 0px !important; margin-top: 3px !important; margin-right: 15px !important; border: solid 2px #25395E !important;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-link.login-link{background: #fff !important; color: #25395E !important; border-radius: 30px !important; border: solid 2px #25395E !important; padding: 10px 32px !important; margin-top: 3px !important;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .operate-your-business{width: 50%;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .grow-to-meet {width: 50%;} .header-wrapper-2021.header-wrapper-2024 .header-2021.header-with-bg-white .navbar-brand path{fill: #000 !important;} .header-wrapper-2021.header-wrapper-2024 .header-2021.header-with-bg-white .nav-link{color:#000!important;} .header-wrapper-2021.header-wrapper-2024 .header-2021.header-with-bg-white .trial-btn .nav-link{color:#fff!important;} .header-wrapper-2021.header-wrapper-2024 .header-2021.header-with-bg-white .nav-link.login-link{border: solid 2px #25395E !important;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .dropdown:hover .dropdown-toggle{color:#25395E !important;} .non-login-footer-2021.non-login-footer-2024 .copyright{margin-top:15px;} .non-login-footer-2021.non-login-footer-2024{padding:60px 168px 20px 168px} .header-wrapper-2021.header-wrapper-2024 .header-2021 .dropdown-solution .dropdown-menu{padding:0px!important; top: 70px !important; width: 822px!important; margin-left: -411px !important; background: rgba(255, 255, 255); border-radius: 10px; border: solid 7px #F8F9FF;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .dropdown-solution .dropdown-menu:before{content:'\f0d8'; font-family:FontAwesome; color: #F8F9FF; position: absolute; left: 50%; top: -30px; font-size: 26px; text-shadow: 0px -5px 5px rgba(0,0,0,0.1); z-index: -1;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .operate-your-business{padding:10px 20px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .operate-your-business .sub-head{font-weight: 400; line-height: 15px;} .header-wrapper-2021 .header-2021 .operate-your-business .links a{padding: 4px 0px; font-size: 14px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .grow-to-meet{padding:10px 20px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .grow-to-meet .sub-head{font-weight: 400; line-height: 15px;} .header-wrapper-2021 .header-2021 .grow-to-meet .links a{padding: 4px 0px; font-size: 14px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .reduce-costs{background:#F8F9FF; padding:10px 20px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .reduce-costs .h-reduce-cost {margin-top: 0px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .reduce-costs .sub-head{font-weight: 400; line-height: 15px;} .header-wrapper-2021 .header-2021 .reduce-costs .links a{padding: 4px 0px; font-size: 14px;} /*----------------------- Header 2024 -----------------------*/ /*----------------------- Footer 2021 -----------------------*/ .footer{width:100%; display:table; padding: 80px 150px 20px 150px; background: #000000; position:relative!important;} .footer .phone{width:100%; margin-top:28px;} .footer .phone a{color: #fff; font-size: 12px; font-weight: 400;} .footer .email{width:100%; margin-top:10px;} .footer .email a{color: #fff; font-size: 12px; font-weight: 400;} .footer .chat{width:100%; margin-top:10px;} .footer .chat a{color: #fff; font-size: 12px; font-weight: 400;} .footer .connect{width:100%; margin-top:20px; color: #fff; font-size: 12px; font-weight: 400;} .footer .connect a{color: #fff; font-size: 12px; font-weight: 400; margin-top: 15px; margin-right: 10px; font-size: 13px; display: inline-block;} .footer .f-links{width:100%; display:table;} .footer .f-quick-link{width:32%; float:left; margin-right:10px;} .footer .f-quick-link .head{color:#fff; font-size:20px; font-weight:600; margin-bottom:28px;} .footer .f-quick-link a{display:table; width:100%; margin-bottom:10px; color:#fff; font-size: 12px; font-weight: 400;} .footer .f-help-center{width:31%; float:left; margin-right:10px;} .footer .f-help-center .head{color:#fff; font-size:20px; font-weight:600; margin-bottom:28px;} .footer .f-help-center a{display:table; width:100%; margin-bottom:10px; color:#fff; font-size: 12px; font-weight: 400;} .footer .app-links{width:100%; display:table; margin-top:60px;} .footer .app-links .head{color:#fff; font-size:20px; font-weight:600; margin-bottom:28px;} .footer .app-links .app-urls{width:100%; display:table;} .footer .app-links .app-urls a{color:#fff; font-size:12px; font-weight:400; float:left; padding:5px 0px; width:17%; display:block; position:relative;} .footer .app-links .app-urls a .tooltiptext {visibility: hidden; background-color: white; color: #000; border-radius: 6px; position: absolute; z-index: 1; bottom: 25px; width: 130px; padding: 5px 10px; left: 50%; font-size: 10px; font-weight: 500; margin-left: -65px; text-align: left;} .footer .app-links .app-urls a .tooltiptext:before{content:'\f0d7'; font-family:FontAwesome; color: #fff; position: absolute; left: 14px; bottom: -14px; font-size: 16px;} .footer .app-links .app-urls a:hover .tooltiptext{visibility: visible;} .footer .copyright-bottom{margin-top:30px!important; border-top:solid 1px #fff;} .footer .copyright-bottom .copyright{padding: 10px; font-size: 12px; color: #fff; font-weight: 400; line-height: 25px;} .footer .copyright-bottom .copyright a{color:#fff;} .floating-chart-wrapper{width: 50px; height: 50px; border-radius: 70px; position: fixed; bottom: 20px; right: 20px; z-index:1000;} .floating-chat{z-index:1000; background: #2ca1ff; width: 50px; height: 50px; border-radius: 70px; padding: 13px 10px; cursor:pointer; box-shadow:3px 3px 7px rgba(0,0,0,0.5); transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .floating-chat:hover{background:#2ca1ff; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .floating-chat:hover svg{opacity:.5} .floating-chat svg{width:100%; height:auto; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .floating-chart-wrapper .chat-baloon{position: absolute; background: #fff; color:#000; border: solid 0px #737373; top: 0px; font-size: 15px; width: 230px; left: -248px; padding: 13px 10px; border-radius: 10px; text-align: center; font-weight: 400; box-shadow: 3px 3px 7px rgba(0,0,0,0.5); transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .floating-chart-wrapper .chat-baloon:before{content: '\f0da'; font-family: FontAwesome; position: absolute; bottom: -1px; color: #fff; font-size: 25px; right: -8px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .floating-chart-wrapper:hover .chat-baloon{left:-268px; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;} .cross-baloon{position: absolute; background: #e1e1e1; width: 22px; border-radius: 22px; height: 22px; font-size: 13px; padding: 2px; left: -8px; top: -7px; cursor:pointer} /*----------------------- Footer 2021 -----------------------*/ /* ---------------------- Home Page ------------------------*/ .home-page .page-top-section{background: url(../images2021/hm-top-bg.png) no-repeat left -120px; background-size: cover;} .home-page .page-top-section .section-inner-curve{background:transparent; padding-top: 92px; background-size:cover} .home-page .page-top-section .section-inner-curve .content-area{padding:55px 0px 50px 125px} /*.home-page .page-top-section .section-inner-curve .content-area{padding:95px 0px 50px 141px} .home-page .page-top-section .section-inner-curve .content-area .text{font-size: 48px; line-height: 55px;}*/ .home-page .page-top-section .section-inner-curve .content-area .text{font-size: 60px; line-height: 70px; font-weight: 500;} .home-page .page-top-section .section-inner-curve .content-area .sub-text{font-size: 25px; line-height: 37px; font-weight: 500;} /*.home-page .page-top-section .section-inner-curve .read-how{margin-top:20px; display: inline-block; color: #ff5d3b; font-size:18px;}*/ .home-page .page-top-section .section-inner-curve .read-how{margin-top: 20px; display: inline-block; color: #fff; font-size: 18px; border: solid 1px #ffff; padding: 15px 17px; border-radius: 7px; font-size: 12px; font-weight: 600; letter-spacing: 1px;} .home-page .page-top-section .section-inner-curve .content-area .button{padding: 15px 70px; margin-top: 20px; width:300px; text-align:center} .home-page .page-top-section .section-inner-curve .image-area{padding: 5px 50px 80px 50px; text-align: center;} .home-page .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .home-page .management-software{padding:100px 0px 20px 0px} .home-page .management-software span{color: #5255A4; font-style: italic; font-weight: 700;} .hm-step-animation{width:1110px; margin:0 auto; display:table; margin-top: 50px;} .hm-step-animation .step-box-area{width:285px; float:left; opacity:.5; cursor:pointer;} .hm-step-animation .step-box-area .step-box{margin-top: 35px; box-shadow: 0px 0px 8px rgb(0 0 0 / 30%); border-radius: 15px; width:252px; padding: 0px 10px; margin-bottom:20px; padding-bottom: 15px;} .hm-step-animation .step-box-area .step-top{border-bottom: solid 3px #5255A4; text-align: center; font-size: 21px; padding: 15px 5px; font-weight:500; position:relative;} .hm-step-animation .step-box-area:first-child .step-top:after{content:''; position:absolute; background:#fff; width:50px; height:3px; left: 0px; bottom: -3px;} /*.hm-step-animation .step-box-area .head{font-size: 23px; color: #000; font-weight: 600; text-align: center; margin-bottom: 15px;}*/ .hm-step-animation .step-box-area .head{font-size: 20px; color: #000; font-weight: 600; text-align: left; padding:22px 10px 15px 10px; margin-bottom: 7px; border-bottom:solid 1px #7779b7;} .hm-step-animation .step-box-area .iocn svg{width:100%; height:auto;} .hm-step-animation .step-box-area .text{font-size: 16px; text-align: center; color: #9b9b9b; line-height: 27px; font-weight: 500; height: 230px; padding: 0px; text-decoration:none;} .hm-step-animation .step-box-area a{font-size: 14px; color: #000; text-decoration: none; text-align: left; width: 100%; display: table; font-weight: 600; text-decoration:none;} .hm-step-animation .step-box-area a:hover{text-decoration:underline; font-weight:600;} .hm-step-animation .step-box-area .link-2{font-size: 23px; color: #5255a4; text-decoration: underline; text-align: center; width: 252px; display: table; font-weight: 600;} .hm-step-animation .step-box-area .link2-2{font-size: 23px; color: #5255a4; text-decoration: underline; text-align: center; width: 252px; display: table; font-weight: 600;} .hm-step-animation .step-box-area .link3-2{font-size: 23px; color: #5255a4; text-decoration: underline; text-align: center; width: 252px; display: table; font-weight: 600;} .hm-step-animation .step-box-area .link4-2{font-size: 23px; color: #5255a4; text-decoration: underline; text-align: center; width: 252px; display: table; font-weight: 600;} .hm-step-animation .active{opacity:1!important;} .hm-step-animation .active .step-top:before{content: ''; width: 100px; height: 8px; background: #5255A4; position: absolute; bottom: -5px; left: 50%; margin-left: -50px;} .hm-step-animation .step-4{width:252px!important;} .hm-step-animation .step-4 .step-top:after{content:''; position:absolute; background:#fff; width:50px; height:3px; right: 0px; bottom: -3px;} .hm-schedule-consultant{text-align: center; font-size: 33px; font-weight: 600; margin-top: 180px;} .hm-schedule-consultant a{background: #000; color: #fff; padding: 17px 48px; display: table; margin: 0 auto; margin-top: 50px; font-size: 12px; font-weight: 700; border-radius: 8px; letter-spacing: 1.3px;} .hm-software-operate-scale{max-width:1349px; margin:0 auto; margin-top: 130px; padding: 50px; display: table; width: 100%; position:relative;} .hm-software-operate-scale-img{width:677px; height:548px; float:right} .hm-software-operate-scale-content{position: relative; margin-left: 60px; margin-top: 50px; } .hm-software-operate-scale-content .heading{font-size: 33px; font-weight: 600;line-height: 40px;} .hm-software-operate-scale-content .pointers{margin-top: 25px; font-size: 20px; color: #000;} .hm-software-operate-scale-content .pointers span{font-size:23px; color:#202528; font-weight: 600;} .hm-software-operate-scale-content .pointers:nth-child(2) span{color:#7b77ff;} .hm-software-operate-scale-content .pointers:nth-child(3) span{color:#7595ff;} .hm-software-operate-scale-content .pointers:nth-child(4) span{color:#a6ea21;} .hm-left-image-panel {max-width:1349px; margin:0 auto; margin-top:80px; background:url(../images2021/left-curve.png) no-repeat left top; position:relative; padding-bottom:125px;} .hm-left-image-panel .section-heading{position: absolute; left: 821px; top: 50px; font-size: 23px; font-weight: 500; z-index: 100; color: #7595ff;} .hm-left-image-panel .image-area{ padding: 143px 80px 70px 73px; height:659px;} .hm-left-image-panel .head{font-size: 32px; font-weight: 600; line-height: 35px; margin-top: 103px; margin-left: 35px; margin-bottom:15px;} .hm-left-image-panel .sub-text {margin-left: 35px; font-size: 18px; font-weight: 300; margin-top: 7px; margin-bottom:10px; line-height: 26px;} .hm-left-image-panel .sub-text-2 {margin-left: 35px; font-size: 18px; font-weight: 300; line-height: 22px} .hm-left-image-panel .carousel-item a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border-radius:30px; padding:12px 35px; display:table; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 35px;} .hm-left-image-panel .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 1151px; top: 55px;} .hm-left-image-panel .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 1189px; top: 55px;} .hm-left-image-panel .carousel-indicators{width:240px; bottom: 100px;} .hm-left-image-panel .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px;} .hm-left-image-panel .carousel-indicators .active{background:#000;} .hm-left-image-panel .is-welcome{padding:115px 70px 70px 110px} .hm-left-image-panel .is-here{padding:115px 70px 70px 110px} .hm-left-image-panel .is-branded{padding:103px 110px 70px 30px; text-align:center;} .hm-left-image-panel .is-review{padding:80px 100px 70px 20px; text-align:center;} .hm-left-image-panel .is-food{padding:110px 100px 70px 20px; text-align:center;} .hm-left-image-panel .is-real-time{padding:165px 30px 70px 90px;} .hm-left-image-panel .is-sms-marketing{padding:165px 30px 70px 90px;} .hm-left-image-panel .is-recurring{padding:165px 30px 70px 90px;} .hm-left-image-panel .is-upsell{padding:115px 70px 70px 110px;} .hm-left-image-panel .is-cpos{padding:100px 80px 70px 85px;} .hm-left-image-panel .is-handheld{padding:100px 54px 70px 65px;} .hm-left-image-panel .is-orderup{padding:100px 80px 70px 85px;} .hm-left-image-panel .is-qrcode{padding:80px 54px 70px 0px; text-align: center;} .hm-left-image-panel .is-fine-dinning{padding:100px 80px 70px 85px; text-align: center;} .hm-left-image-panel .is-waitlist{padding:100px 94px 70px 0px; text-align: center;} .hm-left-image-panel .is-quote-invoice{padding:100px 54px 70px 0px; text-align:Center;} .hm-left-image-panel .is-incoming{padding:100px 80px 70px 85px;} .hm-left-image-panel .hm-carousel-item-1 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-2 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-3 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-4 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-5 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-6 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-7 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-8 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-9 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-10 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-11 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-12 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-13 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-14 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-15 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-16 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-17 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-left-image-panel .hm-carousel-item-18 .sub-text {margin-top:0px; margin-bottom:20px;} .hm-right-image-panel {max-width:1349px; margin:0 auto; margin-top:195px; background:url(../images2021/right-curve.png) no-repeat right top; position:relative; padding-bottom:55px;} .hm-right-image-panel .section-heading{position: absolute; left: 106px; top: 35px; font-size: 23px; font-weight: 500; z-index: 100; color: #7b77ff;} .hm-right-image-panel .image-area{ padding: 143px 10px 70px 140px; height:659px;} .hm-right-image-panel .head{font-size: 32px; font-weight: 600; line-height: 45px; margin-top: 80px; margin-left: 106px; margin-bottom:10px;} .hm-right-image-panel .sub-text {margin-left: 106px; font-size: 18px; font-weight: 300; margin-top: 0px; margin-bottom:30px; line-height: 26px;} .hm-right-image-panel .sub-text-2 {margin-left: 106px; font-size: 18px; font-weight: 300; line-height: 22px;} .hm-right-image-panel .carousel-item a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border-radius:30px; padding:12px 35px; display:table; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 106px;} .hm-right-image-panel .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 466px; top: 41px;} .hm-right-image-panel .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 494px; top: 41px;} .hm-right-image-panel .carousel-indicators{width: 240px; bottom: 90px; left: unset; right: 2px; z-index: 100;} .hm-right-image-panel .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px;} .hm-right-image-panel .carousel-indicators .active{background:#000;} .hm-right-image-panel .is-welcome{padding:125px 0px 70px 180px} .hm-right-image-panel .is-here{padding:125px 0px 70px 180px} .hm-right-image-panel .is-branded{padding:83px 10px 70px 110px; text-align:center;} .hm-right-image-panel .is-review{padding:63px 10px 70px 100px; text-align:center;} .hm-right-image-panel .is-food{padding:63px 10px 70px 100px; text-align:center;} .hm-right-image-panel .is-real-time{padding:200px 10px 70px 165px;} .hm-right-image-panel .is-sms-marketing{padding:180px 10px 70px 155px;} .hm-right-image-panel .is-recurring{padding:150px 10px 70px 155px;} .hm-right-image-panel .is-upsell{padding:105px 0px 70px 180px;} .hm-right-image-panel .is-cpos{padding:130px 10px 70px 180px;} .hm-right-image-panel .is-handheld{padding:123px 10px 70px 140px;} .hm-right-image-panel .is-orderup{padding:123px 10px 70px 190px;} .hm-right-image-panel .is-qrcode{padding:123px 10px 70px 100px; text-align: center;} .hm-right-image-panel .is-fine-dinning{padding:133px 10px 70px 100px; text-align: center;} .hm-right-image-panel .is-waitlist{padding:113px 10px 70px 180px;} .hm-right-image-panel .is-quote-invoice{padding:123px 10px 70px 140px; text-align:Center;} .hm-right-image-panel .is-incoming{padding:110px 10px 70px 180px;} .second-right{margin-top: 80px!important;} .second-right .section-heading{color:#a6ea21} .hm-right-image-panel .hm-carousel-item-2 .sub-text{margin-top: 0px; margin-bottom:20px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text-2{margin-bottom:30px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text-2{margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text-2{margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-5 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-6 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-7 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-8 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-9 .sub-text{margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-10 .sub-text{margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-11 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-12 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-13 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-14 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-15 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-16 .sub-text{margin-top: 0px; margin-bottom: 20px;} .hm-integrable-software{text-align: center; margin-top: 150px;} .hm-integrable-software .head{font-size: 34px; font-weight: 600;} .hm-integrable-software .text{font-size: 19px; font-weight: 400; margin-top: 25px;} .hm-integrable-software-boxes{max-width:1349px; margin:0 auto; padding:50px 15px;} .hm-integrable-software-boxes .col-md-4{padding:10px!important;} .hm-integrable-software-boxes .box{background: #EFF3FB; width: 100%; box-shadow: 2px 2px 8px rgb(0 0 0 / 20%); border-radius: 2px; padding: 45px 15px;} .hm-integrable-software-boxes .box .logo{width: 183px; margin: 0 auto; margin-bottom:15px;} .hm-integrable-software-boxes .box .logo svg{width:100%; height:auto;} .hm-integrable-software-boxes .box .text{text-align:center; font-size:16px; color:#747474; height:72px; margin-bottom:20px; font-weight: 400;} .hm-integrable-software-boxes .box a{display: table; color: #000; margin: 0 auto; font-weight: 600; font-size:14px; background:transparent; letter-spacing: normal;} .hm-integrable-software-boxes a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border-radius:30px; padding:10px 30px; display:table; margin:0 auto; margin-top:30px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px;} .hm-support-center{max-width:670px; margin:0 auto; position:relative; margin-top:150px; } .hm-support-center .head{position: absolute; font-size: 45px; z-index: 100; color: #000; line-height: 60px; font-weight: 600; left: -195px; text-align: right; top: -55px;} .hm-support-center .head .d-md-block{display:none!important;} .hm-support-center .img{margin-top: 25px; padding: 0px;} .hm-support-center svg{width:100%; height:auto;} .hm-support-center .heading{margin-top: 30px; margin-left: 95px; font-weight: 600; font-size: 20px; text-shadow: 2px 2px 8px rgb(0 0 0 / 20%)} .hm-support-center .sub-text{margin-top: 0px; margin-left: 95px; font-weight: 500; font-size: 16px; color: #474747;} .home-page .testimonial .testimonail-inner-curve{background-color: rgba(36,47,161,0.84);} .home-page .testimonial .head{margin-left: 122px;} .home-page .testimonial .description{margin-left: 122px;} .home-page .testimonial .testimonial-box{padding: 40px 26px;} .home-page .testimonial .testimonial-box:nth-child(3) {margin-top: 338px;} .home-page .testimonial .testimonial-box:nth-child(4) {margin-top: 226px;} .home-page .testimonial .testimonial-area{height:560px;} .hm-integrable-software-boxes .coming-soon-box .text{height:106px;} /*--Cookies Setting--*/ .cookies-setting-bottom-bar {position: fixed; bottom: 0px; padding: 10px 20px; background: #fff; z-index: 10000; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); line-height: 25px; font-size: 17px; width: 90%; left: 50%; margin-left: -45%; border-radius: 10px 10px 0px 0px; display: grid; grid-template-columns: 74% 12% 12%; gap: 14px; align-items: center;} .cookies-setting-bottom-bar a{background: #ffffff; color: #000; padding: 7px 10px; text-decoration: none; font-size: 15px; border-radius: 100px; border: solid 2px; text-align: center; order:1} .cookies-setting-bottom-bar a.accept-cookies-link{background: #000; color: #fff; order:3} .cookies-setting-bottom-bar a.choose-cookies-link{order:2} .cookies-setting-bottom-bar a.cookies-page-link{color: #0000FF; background: none; border: 0px; text-decoration: underline; float: unset; padding: 0px; margin-left:0px;} .cookies-txt{line-height: 23px; font-size: 18px;} .cookies-title{font-size: 18px; font-weight: 700; margin-bottom: 6px;} .cookies-sub-title{font-size: 16px; font-weight: 600; margin-bottom: 6px; position: relative;} #cookies-popout .modal-dialog{max-width: 600px !important;} #cookies-popout .modal-body{height: 400px; overflow: auto; padding: 10px 25px;} .cookies-txt-list{margin-bottom: 5px; background: #ffffff; padding: 10px; border: solid 1px #eeeeee; font-weight: 400;} #cookies-popout .btn-primary{background: #fff; color: #000; padding: 7px 15px; text-decoration: none; float: right; margin-left: 10px; font-size: 15px; border-radius: 20px; border: solid 2px #000;} #cookies-popout .btn-secondary {background: #fff; color: #000; padding: 7px 15px; text-decoration: none; float: right; margin-left: 10px; font-size: 15px; border-radius: 20px; border: solid 2px #000;} #cookies-popout .switch {float: right; position: absolute; display: inline-block; width: 55px; height: 28px; top: 17px; right: 12px;} #cookies-popout .switch input {opacity: 0; width: 0; height: 0;} #cookies-popout .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #c7c7c7; -webkit-transition: .4s; transition: .4s;} #cookies-popout .slider:before {position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 3px;background-color: white; -webkit-transition: .4s; transition: .4s;} #cookies-popout input:checked + .slider {background-color: #000;} #cookies-popout input:focus + .slider {box-shadow: 0 0 1px #000;} #cookies-popout input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);} .change-cookies-link{float: right;background: #000;padding: 6px 17px;color: #fff;border-radius: 20px;} .change-cookies-link:hover{color: #fff;} /* Rounded sliders */ #cookies-popout .slider.round {border-radius: 34px;} #cookies-popout .slider.round:before {border-radius: 50%;} .always-active{float: right; color: #006aff; font-weight: 500;} #cookies-popout .modal-header{padding: 15px 25px;} .accordion {background-color: #fdfdfd; color: #000000; cursor: pointer; padding: 18px 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 16px; transition: 0.4s; font-weight: 600;} #cookies-popout .active, .accordion:hover {background-color: #fafafa;} #cookies-popout .accordion:after {content: '\002B'; color: #777; font-weight: bold; float: left; margin-left: 4px; position: relative; left: -8px;} #cookies-popout .active:after {content: "\2212";} .panel {padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} #cookies-popout button:focus {outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;} #cookies-popout a{ text-decoration: underline;} .cookie-policy-page h2{border-bottom: solid 1px;font-size: 22px;padding-bottom: 10px;} /*--Cookies Setting--*/ /* ---------------------- Home Page ------------------------*/ /* ---------------------- New Home Page 2024 ------------------------*/ .grecaptcha-badge{display:none!important;} .hm-revenue-center .header-wrapper-blank-2021{height: 46px!important;} .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar-brand path{fill: #000 !important;} .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-link{color:#000!important;} /*.hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .dropdown-solution .dropdown-menu{margin-left: -435px!important; width: 870px!important; padding:70px 20px 20px 20px!important}*/ .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .trial-btn a{background: #25395E !important; color: #fff !important; border-radius: 30px !important; border: 0px !important; margin-top: 3px !important; margin-right: 15px !important; border: solid 2px #25395E !important;} .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-link.login-link{background: #fff !important; color: #25395E !important; border-radius: 30px !important; border: solid 2px #25395E !important; padding: 10px 32px !important; margin-top: 3px !important;} .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .operate-your-business{width: 50%;} .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .grow-to-meet {width: 50%;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024 .copyright{margin-top:15px;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024{padding:60px 168px 20px 168px} .hm-revenue-center .top-section{max-width:1347px; margin:0 auto; padding:70px 20px 40px 50px;} .hm-revenue-center .top-section .content-area{margin-top: 60px; } .hm-revenue-center .top-section .content-area .text{font-size:53px; font-weight:600; line-height: 60px;} .hm-revenue-center .top-section .content-area .text span{color:#3A3D76;} .hm-revenue-center .top-section .content-area .sub-text{font-size: 21px; line-height: 30px; margin-top: 27px; font-weight: 500;} .hm-revenue-center .top-section .content-area .cta{display: table; background: #25395E; color: #fff; border-radius: 100px; padding: 10px 70px 10px 25px; margin-top: 30px; font-size: 20px; position:relative;} .hm-revenue-center .top-section .content-area .cta:before{content:'\f178'; font-family:FontAwesome; color:#fff; position:absolute; right: 25px; top: 50%; margin-top: -15px;} .hm-revenue-center .section-two{width:100%; padding:60px 50px; background:#F8F9FF;} .hm-revenue-center .section-two .row{max-width:1247px; margin:0 auto!important;} .hm-revenue-center .section-two .box{background:#fff; border-radius:15px; padding:80px 40px 40px 40px; box-shadow:0px 0px 15px rgba(0,0,0,0.1)} .hm-revenue-center .section-two .box .head{font-size: 30px; font-weight: 700; line-height: 35px; margin-bottom:40px; color:#050B16} .hm-revenue-center .section-two .box .head img{float:left; margin-right:15px;} .hm-revenue-center .section-two .box .text{font-size:19px; line-height:25px; color:#292F45; line-height:30px;} .hm-revenue-center .section-two .owl-nav{display:none!important;} .hm-revenue-center .section-two .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-two .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-two .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-two .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} .hm-revenue-center .section-three{width:100%; padding:60px 50px 40px 50px; background:#F8F9FF;} .hm-revenue-center .section-three .head{text-align:center; font-size:35px; font-weight:700; color:#050B16; margin-bottom:30px;} .hm-revenue-center .section-three .sub-head{text-align:center; font-size:22px; font-weight:400; color:#050B16; margin-bottom:30px;} .hm-revenue-center .section-three .row{max-width:1247px; margin:0 auto!important;} .hm-revenue-center .section-three .col-md-4{padding:15px} .hm-revenue-center .section-three .box{background:#fff; border-radius:15px; padding:0px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); position:relative; overflow:hidden; display:table;} .hm-revenue-center .section-three .box img{border-radius:15px;} .hm-revenue-center .section-three .box .title{position: absolute; background: #fff; width: 100%; padding: 10px 15px; bottom: 0px; font-size: 18px; font-weight: 600; border-radius:0px 0px 15px 15px; color:#000; transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease;} .hm-revenue-center .section-three .box .hover-div{position: absolute; top: 0px; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; padding:10px; margin-top:325px; border-radius:15px; transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease;} .hm-revenue-center .section-three .box .hover-div ul{padding:0px; margin:0px; list-style:none; height:calc(100% - 42px); overflow:auto; margin-bottom:5px;} .hm-revenue-center .section-three .box .hover-div li{color:#fff; padding:3px 5px 3px 35px; position:relative; width: 50%; float: left;} .hm-revenue-center .section-three .box .hover-div li:before{content:''; background:url(../images2021/tick.svg) no-repeat left top; width:18px; height:14px; position:absolute; top:50%; margin-top:-7px; left:10px;} .hm-revenue-center .section-three .box .hover-div .h-title{font-weight: 600; position: absolute; background:transparent; width: 100%; padding: 10px 15px; color:#fff; border-top:solid 1px #fff; left:0px; font-size: 18px;} .hm-revenue-center .section-three .box:hover .hover-div{margin-top:0px; transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease;} .hm-revenue-center .section-three .box:hover .title{margin-bottom:-100px; transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease;} .hm-revenue-center .section-three .cta{background: #25395E; color: #fff; padding: 8px 45px; border-radius: 80px; margin: 0 auto; display: table; margin-top: 40px; font-size: 20px;} .hm-revenue-center .section-three .owl-nav{display:none!important;} .hm-revenue-center .section-three .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-three .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-three .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-three .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} .hm-revenue-center .section-four{max-width:1347px; margin:0 auto; padding:60px 0px 40px 50px; background:#fff;} .hm-revenue-center .section-four .container{padding-right: 0px;} .hm-revenue-center .section-four .head{text-align:center; font-size:35px; font-weight:700; color:#050B16;margin-bottom: 30px;} .hm-revenue-center .section-four .container{max-width:1300px} .hm-revenue-center .section-four .nav{margin-top: 75px;} .hm-revenue-center .section-four .nav-item{margin-bottom:10px;} .hm-revenue-center .section-four .nav-item .nav-link{color:#292F45; font-size:18px; padding:14px; border-radius:15px;} .hm-revenue-center .section-four .nav-link.active{background:#F5F6FF} .hm-revenue-center .section-four .nav-link:hover{background:#F5F6FF} .hm-revenue-center .section-four .owl-nav{display:none!important;} .hm-revenue-center .section-four .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-four .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-four .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-four .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} .hm-revenue-center .section-five{width:100%; padding:60px 50px 40px 50px; background:#F8F9FF;} .hm-revenue-center .section-five .head{text-align:center; font-size:35px; font-weight:700; color:#050B16; margin-bottom:30px;} .hm-revenue-center .section-five .row{max-width:1247px; margin:0 auto!important;} .hm-revenue-center .section-five .col-md-4{padding:5px;} .hm-revenue-center .section-five .col-md-4 .box{background:#fff; border-radius:15px; padding:30px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); position:relative;} .hm-revenue-center .section-five .col-md-4 .box:nth-child(odd){margin-bottom:10px;} .hm-revenue-center .section-five .col-md-4 .box .text{text-align: center; font-size: 18px; line-height: 25px;} .hm-revenue-center .section-five .col-md-4 .box .img img{width:100%; height:auto;} .hm-revenue-center .section-five .col-md-4:first-child .box{padding: 36px 10px;} .hm-revenue-center .section-five .col-md-4:first-child .box:first-child .text{margin-bottom:25px;} .hm-revenue-center .section-five .col-md-4:first-child .box:last-child .text{margin-bottom:25px;} .hm-revenue-center .section-five .col-md-4:nth-child(2) .box:last-child{padding: 50px 10px;} .hm-revenue-center .section-five .col-md-4:nth-child(2) .box:last-child .text{margin-top:40px;} .hm-revenue-center .section-five .col-md-4:nth-child(2) .box:first-child{padding: 20px 10px 20px 10px;} .hm-revenue-center .section-five .col-md-4:nth-child(2) .box:first-child .text{margin-top:5px;} .hm-revenue-center .section-five .col-md-4:last-child .box{padding: 36px 10px;} .hm-revenue-center .section-five .col-md-4:last-child .box:first-child .text{margin-bottom:40px;} .hm-revenue-center .section-five .col-md-4:last-child .box:last-child .text{margin-bottom:10px;} .hm-revenue-center .section-five .cta{background: #25395E; color: #fff; padding: 8px 45px; border-radius: 80px; margin: 0 auto; display: table; margin-top: 40px; font-size: 20px;} .hm-revenue-center .section-five .owl-nav{display:none!important;} .hm-revenue-center .section-five .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-five .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-five .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-five .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} .hm-revenue-center .section-six{max-width:1347px; margin:0 auto; padding:60px 50px 40px 50px; background:#fff;} .hm-revenue-center .section-six .head{font-size: 35px; font-weight: 700; text-align: center; color:#050B16; padding-bottom:50px; margin-bottom:50px; border-bottom:solid 1px #E8E8E8;} .hm-revenue-center .section-six .sub-head{font-size: 27px; font-weight: 600; text-align: center; color:#050B16; margin-top:50px;} .hm-revenue-center .section-six .sub-head span{display:table; font-weight:400; width:100%; font-size:25px; line-height: 27px;} .hm-revenue-center .section-six .logo-head{font-size: 35px; font-weight: 700; text-align: center; color:#050B16; margin-bottom:30px;} .hm-revenue-center .section-six .owl-carousel{max-width: 1060px; margin: 0 auto;} .hm-revenue-center .section-six .owl-carousel .item{padding: 20px;} .hm-revenue-center .section-six .owl-carousel .img{background:#fff; border-radius:15px; padding:20px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); width:241px; height:162px; border:solid 1px #DCDCDC} .hm-revenue-center .section-six .owl-carousel .img img{width:auto; height:auto; margin:0 auto;} .hm-revenue-center .section-six .owl-nav{display:none!important;} .hm-revenue-center .section-six .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-six .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-six .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-six .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} .hm-revenue-center .section-seven{width:100%; padding:60px 50px 40px 50px; background:#F8F9FF;} .hm-revenue-center .section-seven .head{text-align:center; font-size:35px; font-weight:700; color:#050B16; margin-bottom:30px;} .hm-revenue-center .section-seven .row{max-width:1247px; margin:0 auto!important;} .hm-revenue-center .section-seven .box{background:#fff; border-radius:15px; padding:25px 25px 25px 100px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); position:relative; font-size:22px; line-height:28px; position:relative; height:100%;} .hm-revenue-center .section-seven .content .box span{font-family: "Abyssinica SIL", serif; position:absolute; left: 28px; font-size: 80px; top: 10px; line-height: 80px;} .hm-revenue-center .section-seven .content .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-seven .content .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-seven .content .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-seven .content .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} .hm-revenue-center .section-seven .cta{background: #25395E; color: #fff; padding: 8px 45px; border-radius: 80px; margin: 50px auto; display: table; margin-top: 40px; font-size: 20px;} .hm-revenue-center .section-seven .testimonal-area{padding: 0px; position:relative; max-width:1130px; margin:50px auto;} .hm-revenue-center .section-seven .testimonal-area:before{content:''; width:150px; height:128px; background:url(../images2021/testimonial-top.png) no-repeat left top; position:absolute; top: -55px; left: 10px;} .hm-revenue-center .section-seven .testimonal-area:after{content:''; width:150px; height:128px; background:url(../images2021/testimonial-bottom.png) no-repeat left top; position:absolute; bottom: -9px; right: 10px;} .hm-revenue-center .section-seven .testimonal-area .owl-carousel .item{padding: 15px;} .hm-revenue-center .section-seven .testimonal-area .box{background:#fff; border-radius:15px; padding:25px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); position:relative; font-size:22px; line-height:28px; position:relative; height:100%;} .hm-revenue-center .section-seven .testimonal-area .text{font-size: 20px; line-height: 30px; margin-bottom: 20px; height:180px;} .hm-revenue-center .section-seven .testimonal-area .detail{display: table; width:100%;} .hm-revenue-center .section-seven .testimonal-area .detail .photo{width: 65px; height: 65px; border-radius: 65px; background: #F8F9FF; float: left; margin-right: 15px; padding:5px;} .hm-revenue-center .section-seven .testimonal-area .detail .photo svg{width:100%; height:auto;} .hm-revenue-center .section-seven .testimonal-area .detail .photo img{width:100%; height:auto; border-radius: 65px;} .hm-revenue-center .section-seven .testimonal-area .detail .name{font-size: 20px; line-height: 28px; float:left;} .hm-revenue-center .section-seven .testimonal-area .detail .name span{color:#ACACAC; display:table} .hm-revenue-center .section-seven .owl-nav{display:none!important;} .hm-revenue-center .section-seven .testimonal-area .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-seven .testimonal-area .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-seven .testimonal-area .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-seven .testimonal-area .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} .hm-revenue-center .section-eight{max-width:1347px; margin:0 auto; padding:60px 50px 40px 50px; background: #F8F9FF;} .hm-revenue-center .section-eight .form-area{background:#fff; border-radius:15px; padding:25px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); position:relative; font-size:22px; line-height:28px; position:relative; max-width:1244px; margin:0 auto;} .hm-revenue-center .section-eight .form-area img{width:100%; height:auto;} .hm-revenue-center .section-eight .form-area .head{width: 523px; margin:0 auto; font-size: 44px; font-weight: 600; line-height: 54px; margin-bottom: 10px; margin-top: 45px;} .hm-revenue-center .section-eight .form-area .sub-head{width: 523px; margin:0 auto; font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 10px;} .hm-revenue-center .section-eight .form-area .form{width: 523px; margin:0 auto; display:table;} .hm-revenue-center .section-eight .form-area .form input{border-radius: 30px; border: solid 1px #969696; padding: 9px 15px; font-size: 19px; width: calc(100% - 204px); margin-right: 15px; float:left;} .hm-revenue-center .section-eight .form-area .form button{background: #25395E; border-radius: 30px; border: 0px; color: #fff; font-size: 18px; padding: 10px 40px; float:left;} .hm-revenue-center .section-eight .msg{padding: 5px; border-radius: 7px; margin-bottom: 15px; background: #dff0d8; font-size: 17px; text-align: center; font-weight: 600;} .hm-revenue-center .section-nine{max-width:1347px; margin:0 auto; padding:60px 50px 40px 50px; background:#fff;} .hm-revenue-center .section-nine .sub-head{font-size: 25px; font-weight: 400; text-align: center; color:#050B16; margin-bottom:50px;} .hm-revenue-center .section-nine .logo-head{font-size: 35px; font-weight: 700; text-align: center; color:#050B16; margin-bottom:30px;} .hm-revenue-center .section-nine .owl-carousel{max-width: 1060px; margin: 0 auto;} .hm-revenue-center .section-nine .owl-carousel .item{padding: 10px;} .hm-revenue-center .section-nine .owl-carousel .img{background:#fff; border-radius:15px; padding:15px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); border:solid 1px #DCDCDC} .hm-revenue-center .section-nine .owl-carousel .img svg{width:100%; height:auto; margin:0 auto;} .hm-revenue-center .section-nine .owl-carousel .img img{width:100%; height:auto; margin:0 auto;} .hm-revenue-center .section-nine .owl-nav{display:none!important;} .hm-revenue-center .section-nine .owl-theme .owl-dots {margin-top:15px;} .hm-revenue-center .section-nine .owl-theme .owl-dots .owl-dot span{width:15px; height:15px;} .hm-revenue-center .section-nine .owl-theme .owl-dots .owl-dot.active span{background:#25395E} .hm-revenue-center .section-nine .owl-theme .owl-dots .owl-dot span{background:#DCE7F6} /* ---------------------- New Home Page 2024 ------------------------*/ /* ---------------------- app Page ------------------------*/ .page-top-section{background:url(../images2021/page-top-panel-bg.jpg) no-repeat left top; background-size: cover!important;} .page-top-section .section-inner-curve{background:rgba(204,182,151,.84) url(../images2021/top-panel-curve.png) no-repeat left bottom; padding-top: 12px; background-size: contain;} .page-top-section .section-inner-curve .row{margin:0 auto!important; max-width:100%;} .page-top-section .section-inner-curve .image-area{padding: 35px 85px 144px 65px;} .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 171px;} .page-top-section .section-inner-curve .content-area .text{font-size: 38px; color: #fff; font-weight: 600; margin-bottom: 20px;} .page-top-section .section-inner-curve .content-area .sub-text{font-size: 18px; color: #fff; line-height: 33px;} .page-top-section .section-inner-curve .content-area .button{display: table; background: #000; color: #fff; padding: 15px 115px; font-size: 13px; font-weight: 600; letter-spacing: 1px; margin-top: 35px; border-radius: 10px;} .management-software{text-align: center; font-size: 33px; font-weight: 600; padding: 70px 0px 20px 0px;} .action-button{text-align:center; width:100%; display:table} .action-button a{display: inline-table; background: #000; color: #fff; padding: 15px; width: 330px; font-size: 13px; font-weight: 600; letter-spacing: 1px; margin-top: 55px; border-radius: 10px;} .action-button a:last-child{margin-left:55px;} .features{max-width:1349px; margin:0 auto; padding: 25px 150px; text-align: center;} .features .icon{margin-top:100px;} .features .head{font-size: 20px; font-weight: 500; margin-top: 25px;} .features .text{font-size: 19px; margin-top: 15px;} .left-image-panel{max-width:1349px; margin:0 auto; margin-top:80px;} .left-image-panel .image-area{background:url(../images2021/left-curve.png) no-repeat left top; padding: 180px 0px 70px 80px;} .left-image-panel .head{font-size: 30px; font-weight: 500; line-height: 35px; margin-top: 220px; margin-left: -10px;} .left-image-panel .sub-head {font-size: 18px;font-weight: 500;line-height: 35px;margin-top: 12px;margin-left: -10px;} .left-image-panel ul{margin: 0px; padding: 0px; list-style: none; margin-left: -10px; margin-top: 40px; font-size: 19px;} .left-image-panel li{margin-bottom: 15px; position:relative;} .left-image-panel li:before{content:''; background:url(../images2021/blue-tick.png) no-repeat left top; width:11px; height:11px; position:absolute; left: -21px; top: 9px;} .left-image-panel a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border-radius:30px; padding:12px 35px; display:table; margin-top:30px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 0px; display:none;} .right-image-panel{max-width:1349px; margin:0 auto; margin-top:0px;} .right-image-panel .image-area{background:url(../images2021/right-curve.png) no-repeat right top; padding: 160px 90px 120px 120px;} .right-image-panel .image-area svg{width:100%; height:auto;} .right-image-panel .head{font-size: 30px; font-weight: 500; line-height: 35px; margin-top: 220px; margin-left: 138px;} .right-image-panel .sub-head {font-size: 18px;font-weight: 500;line-height: 35px;margin-top: 12px; margin-left: 138px;} .right-image-panel ul{margin: 0px; padding: 0px; list-style: none; margin-left: 138px; margin-top: 40px; font-size: 19px;} .right-image-panel li{margin-bottom: 15px; position:relative;} .right-image-panel li:before{content:''; background:url(../images2021/blue-tick.png) no-repeat left top; width:11px; height:11px; position:absolute; left: -21px; top: 9px;} .right-image-panel a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border-radius:30px; padding:12px 35px; display:table; margin-top:30px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 118px; display:none;} .other-salesvu-apps{width:270px; font-weight:600; border-radius:80px; border:solid 3px #F86949; margin: 0px auto; padding: 19px; letter-spacing: 2px; text-align:center; box-shadow: 3px 4px 5px rgb(0 0 0 / 20%); text-shadow: 3px 4px 5px rgb(0 0 0 / 20%); margin-top: 140px;} .salesvu-app-section{width:867px; margin:0 auto; margin-top:85px; display:table} .salesvu-app-section .app-column{padding:60px 0px; width:269px; height:457px; border-radius:15px; box-shadow: 3px 4px 5px rgb(0 0 0 / 20%); float:left; margin-right: 25px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eb4f5a+1,ec6848+100 */ background: #eb4f5a; /* Old browsers */ background: -moz-linear-gradient(left, #eb4f5a 1%, #ec6848 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #eb4f5a 1%,#ec6848 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #eb4f5a 1%,#ec6848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb4f5a', endColorstr='#ec6848',GradientType=1 ); /* IE6-9 */} .salesvu-app-section .app-column:last-child{margin-right:0px;} .salesvu-app-section .app-column .cv-nav{position: absolute; top: 169px; left: 50%; margin-left: -25px; height: 457px; float: unset; margin-right: 0px; width:50px; z-index:1000;} .salesvu-app-section .app-column .cv-nav .cv-prev{top:34px; position:absolute; background: transparent; color: #fff; font-size: 25px; padding: 0px; margin: 0px; width: 100%; text-align: center;} .salesvu-app-section .app-column .cv-nav .cv-next{bottom:36px; position:absolute; background: transparent; color: #fff; font-size: 25px; padding: 0px; margin: 0px; width: 100%; text-align: center;} .salesvu-app-section .app-column .item .app-name{color: #fff; text-align: center; display: table; padding: 30px 45px; line-height: normal; width:100%;} .testimonial{background:url(../images2021/page-top-panel-bg.jpg) no-repeat left top; max-width:100%; margin-top: 108px; background-size: cover;} .testimonial .testimonail-inner-curve{background:rgba(204,182,151,.84) url(../images2021/testimonail-inner-curve.png) no-repeat left top; padding-bottom: 80px; background-size: cover;} .testimonial .testimonail-inner-curve .row{max-width: 1349px; margin: 0 auto!important;} .testimonial .head{margin-top: 265px; margin-left: 140px; color: #fff; font-weight: 400; font-size: 20px;} .testimonial .description{margin-left: 142px; margin-top: 20px; font-size: 37px; color: #fff; font-weight: 500; line-height: 50px;} .testimonial a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border-radius:30px; padding:10px 45px; display:table; margin-top:30px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 142px;} .testimonial .testimonial-area{width: 700px; display: table; height: 540px; position:relative; margin-left: 25px;} .testimonial .testimonial-box{width: 304px; position:absolute; background: #fff; padding: 40px 30px; float:left; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%); margin-right: 35px;} .testimonial .testimonial-box .text{font-size:12px; color:#848484; width:100%; margin-bottom:25px; text-align:justify;} .testimonial .testimonial-box .testimonial-details{width:100%; display:table;} .testimonial .testimonial-box .testimonial-details .c-logo{width:43px; float:left;} .testimonial .testimonial-box .testimonial-details .c-logo img{width:100%; height:auto;} .testimonial .testimonial-box .testimonial-details .c-name{font-size:15px; font-weight:600; color:#000; float:left; padding: 10px 15px;} .testimonial .testimonial-box:nth-child(1){margin-top: 135px;} .testimonial .testimonial-box:nth-child(2){margin-top: 5px; margin-left: 340px;} .testimonial .testimonial-box:nth-child(3){margin-top: 390px;} .testimonial .testimonial-box:nth-child(4){margin-top: 310px; margin-left: 342px; width:294px;} .testimonial a{display:none!important;} .testimonial .logo-box{text-align: center; font-size: 24px; padding: 100px; border-radius: 15px; border: solid 1px #000;} .testimonial .logo-box:nth-child(2){margin-top: 45px;} .marketing-page .testimonial .testimonial-box:nth-child(1) {margin-top: 245px; margin-left: 145px;} .marketing-page .testimonial .testimonial-area{height: 500px;} .employee-schedulling-page .page-top-section .section-inner-curve{background-color: rgba(149,171,158,0.84);} .employee-schedulling-page .page-top-section .section-inner-curve .content-area{padding:90px 0px 50px 171px} .employee-schedulling-page .page-top-section .section-inner-curve .image-area{padding: 55px 85px 122px 65px; text-align: center;} .employee-schedulling-page .left-image-panel .image-area{padding:170px 0px 125px 60px} .employee-schedulling-page .left-image-panel .head{margin-top: 170px; margin-left: 0px; font-size: 33px; line-height: normal;} .employee-schedulling-page .left-image-panel .sub-text{margin-top: 25px; font-size: 20px; font-weight: 500; line-height: 35px;} .employee-schedulling-page .left-image-panel ul{margin-left:0px;} .employee-schedulling-page .left-image-panel li:before{background: url(../images2021/green-tick.png) no-repeat left top;} .employee-schedulling-page .right-image-panel .image-area{padding:160px 110px 135px 151px} .employee-schedulling-page .right-image-panel .head{margin-top: 140px; margin-left:124px; font-size: 33px; line-height: normal;} .employee-schedulling-page .right-image-panel .sub-text{margin-top: 25px; font-size: 20px; font-weight: 500; line-height: 35px; margin-left:124px;} .employee-schedulling-page .right-image-panel ul{margin-left:124px;} .employee-schedulling-page .right-image-panel li:before{background: url(../images2021/green-tick.png) no-repeat left top;} .employee-schedulling-page .testimonial .testimonail-inner-curve{background-color: rgba(149,171,158,0.84); padding-bottom: 60px;} .employee-schedulling-page .testimonial .testimonial-box:nth-child(1) {margin-top: 213px; margin-left: 0px;} .fine-dinning-page .page-top-section .section-inner-curve{background-color: rgba(93,151,66,0.84);} .fine-dinning-page .page-top-section .section-inner-curve .content-area{padding:30px 0px 50px 159px} .fine-dinning-page .page-top-section .section-inner-curve .content-area .text{line-height: 50px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .button{margin-top: 15px;} .fine-dinning-page .page-top-section .section-inner-curve .image-area{padding:05px 85px 20px 65px; text-align: center;} .fine-dinning-page .right-image-panel{margin-top:80px; } .fine-dinning-page .right-image-panel .image-area{padding:130px 173px 60px 213px} .fine-dinning-page .right-image-panel .head{margin-top: 190px; font-size: 33px;} .fine-dinning-page .right-image-panel .sub-text{margin-left: 138px; margin-top: 30px; font-size: 18px;} .fine-dinning-page .right-image-panel .sub-text span{font-weight: 500; font-size: 19px; display: table; width: 100%; margin-bottom: 15px;} .fine-dinning-page .right-image-panel a{margin-left: 138px;} .fine-dinning-page .left-image-panel{margin-top:0px; margin-bottom:100px;} .fine-dinning-page .left-image-panel .image-area{padding:118px 140px 90px 50px} .fine-dinning-page .left-image-panel .head{margin-top: 190px; font-size: 33px; margin-left:30px;} .fine-dinning-page .left-image-panel .sub-text{margin-top: 30px; font-size: 18px; margin-left:30px;} .fine-dinning-page .left-image-panel .sub-text span{font-weight: 500; font-size: 19px; display: table; width: 100%; margin-bottom: 15px;} .fine-dinning-page .left-image-panel a{margin-left:30px;} .fine-dinning-page .testimonial{display:none;} .fine-dinning-page .testimonial .testimonail-inner-curve{background-color: rgba(93,151,66,0.84);} .tiered-loyalty-page .page-top-section .section-inner-curve{background-color: rgba(81,78,221,0.84);} .tiered-loyalty-page .page-top-section .section-inner-curve .image-area{padding: 55px 85px 102px 65px; text-align: center;} .tiered-loyalty-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 24px; margin-top: 15px; font-weight: 500;} .tiered-loyalty-page .left-image-panel .image-area{padding:90px 0px 190px 80px} .tiered-loyalty-page .left-image-panel .head{font-size: 33px; margin-top: 140px; margin-left: -10px;} .tiered-loyalty-page .left-image-panel .sub-text{font-size: 18px; margin-top: 15px; margin-left: -10px; font-weight: 600; line-height: 35px;} .tiered-loyalty-page .left-image-panel ul{margin-left: -10px; margin-top: 20px;} .tiered-loyalty-page .left-image-panel li:before{background: url(../images2021/golden-tick.png) no-repeat left top;} .tiered-loyalty-page .left-image-panel a{margin-left: -10px;} .tiered-loyalty-page .right-image-panel .image-area{padding:200px 30px 170px 153px} .tiered-loyalty-page .right-image-panel .head{font-size: 33px; margin-top: 120px; font-weight: 500; margin-left: 95px;} .tiered-loyalty-page .right-image-panel .sub-text{font-size: 18px; margin-top: 15px; margin-left: 95px; font-weight: 600; line-height: 35px;} .tiered-loyalty-page .right-image-panel ul{margin-left: 91px; margin-top: 40px;} .tiered-loyalty-page .right-image-panel li:before{background: url(../images2021/golden-tick.png) no-repeat left top;} .tiered-loyalty-page .right-image-panel a{ margin-left: 95px;} .tiered-loyalty-page .testimonial{margin-top: 78px; display:none;} .tiered-loyalty-page .testimonial .testimonail-inner-curve{background-color: rgba(81,78,221,0.84);} .tiered-loyalty-page .testimonial .head{margin-left: 122px;} .tiered-loyalty-page .testimonial .description{margin-left: 122px;} .tiered-loyalty-page .testimonial .testimonial-area{height:490x;} .tiered-loyalty-page .testimonial .testimonial-box:nth-child(1) {margin-top: 245px; margin-left: 145px;} .tiered-loyalty-page .right-image-panel-wrapper{margin-bottom:100px;} .customer-words{text-align: center; padding: 210px 0px 50px 0px; font-family: 'Crimson Text', serif; font-size: 28px; font-style: italic;} .customer-words span{display: table; font-size: 23px; margin: 0 auto; margin-top: 45px; background: url(../images2021/comma.png) no-repeat right top; padding: 10px 30px 30px 30px; font-weight: 600;} .review-booster-page .page-top-section .section-inner-curve{background-color: rgba(206,166,186,0.84);} .review-booster-page .page-top-section .section-inner-curve .image-area{padding: 35px 85px 12px 65px; text-align: center;} .review-booster-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 24px; margin-top: 15px; font-weight: 500;} .review-booster-page .left-image-panel .image-area{background-position:-25px top; padding:135px 0px 190px 110px} .review-booster-page .left-image-panel .head{font-size: 33px; line-height: 35px; margin-top: 185px; margin-left: 0px;} .review-booster-page .left-image-panel ul{margin-left: 0px; margin-top: 25px;} .review-booster-page .left-image-panel li{margin-bottom: 25px;} .review-booster-page .left-image-panel li:before{background: url(../images2021/purple-tick.png) no-repeat left top;} .review-booster-page .left-image-panel a{margin-top: 50px;} .review-booster-page .right-image-panel{margin-bottom:100px;} .review-booster-page .right-image-panel .image-area{padding:150px 100px 180px 170px} .review-booster-page .right-image-panel .head{font-size: 33px; font-weight: 600; line-height: 35px; margin-left: 128px;} .review-booster-page .right-image-panel ul{margin-left: 128px;} .review-booster-page .right-image-panel li{margin-bottom: 25px;} .review-booster-page .right-image-panel li:before{background: url(../images2021/purple-tick.png) no-repeat left top;} .review-booster-page .right-image-panel a{margin-top: 50px;} .review-booster-page .testimonial {display:none;} .review-booster-page .testimonial .testimonail-inner-curve{background-color: rgba(206,166,186,0.84);} .review-booster-page .testimonial .text-head{font-family: 'Bona Nova', serif; color: #fff; font-size: 62px; margin-top: 360px; text-align: right; line-height: 60px; margin-right: 75px;} .review-booster-page .testimonial .text-head span{font-style: italic;} .review-booster-page .testimonial .testimonial-box{padding: 30px 20px;} .review-booster-page .testimonial .testimonial-box .text{font-family: 'Bona Nova', serif; color: #000; font-style: italic; font-weight: 600; font-size: 15.5px; letter-spacing: 1.5px; margin-bottom: 10px;} .review-booster-page .testimonial .testimonial-box .text2{font-size: 12px;} .review-booster-page .testimonial .testimonial-box .testimonial-details .c-name{padding: 15px 0px 10px 0px; font-size: 16px;} .real-time-page .page-top-section .section-inner-curve .image-area{padding:55px 85px 52px 65px} .real-time-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 30px 133px} .real-time-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px;} .real-time-page .page-top-section .section-inner-curve{background-color: rgba(64,48,216,0.84);} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text{font-size: 18px;} .real-time-page .page-top-section .section-inner-curve .content-area .button{margin-top: 50px;} .real-time-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 21px; margin-top: 15px; font-weight: 500;} .real-time-page .left-image-panel .image-area{padding:90px 130px 145px 59px} .real-time-page .left-image-panel .head{font-size: 33px; margin-top: 150px; margin-left: 40px;} .real-time-page .left-image-panel ul{margin-left: 40px; margin-top: 25px;} .real-time-page .left-image-panel li{margin-bottom: 25px;} .real-time-page .left-image-panel li:before{background: url(../images2021/purple-tick-2.png) no-repeat left top;} .real-time-page .left-image-panel a{margin-left: 40px; margin-top: 90px;} .real-time-page .right-image-panel .image-area{padding:115px 70px 200px 160px} .real-time-page .right-image-panel .head{margin-top: 120px;} .real-time-page .right-image-panel li{margin-bottom: 25px;} .real-time-page .right-image-panel a{margin-top: 90px; margin-left: 138px;} .real-time-page .salesvu-app-section{margin-bottom:100px;} .real-time-page .testimonial{display:none;} .real-time-page .testimonial .testimonail-inner-curve{background-color: rgba(64,48,216,0.84);} .digital-physical-page .page-top-section .section-inner-curve{background-color: rgba(255,63,85,0.84);} .digital-physical-page .page-top-section .section-inner-curve .image-area{padding:35px 85px 102px 65px; text-align:Center} .digital-physical-page .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 161px;} .digital-physical-page .left-image-panel .image-area{background:none; padding: 110px 0px 70px 100px;} .digital-physical-page .left-image-panel .head{font-size: 33px; font-weight: 600; line-height: 35px; margin-top: 100px; margin-left: 0px;} .digital-physical-page .left-image-panel .sub-text{margin-left: 0px; margin-top: 30px; font-size: 19px; font-weight: 400;} .digital-physical-page .left-image-panel .sub-text span{font-weight: 700; font-size: 19px; display: table; width: 100%; margin-bottom: 0px;} .digital-physical-page .right-image-panel .image-area{background:none; padding: 110px 0px 70px 100px; text-align:Center;} .digital-physical-page .right-image-panel .image-area svg{width:auto;} .digital-physical-page .right-image-panel .head{font-size: 33px; font-weight: 600; line-height: 35px; margin-top: 100px; margin-left: 150px;} .digital-physical-page .right-image-panel .sub-text{margin-left: 150px; margin-top: 30px; font-size: 19px; font-weight: 400;} .digital-physical-page .right-image-panel .sub-text span{font-weight: 700; font-size: 19px; display: table; width: 100%; margin-bottom: 0px;} .digital-physical-page .right-image-panel a{margin-left: 150px;} .digital-physical-page .testimonial .testimonail-inner-curve{background-color: rgba(255,63,85,0.84);} .digital-physical-page .testimonial .testimonial-box:nth-child(2) {margin-top:315px;} .digital-physical-page .salesvu-app-section{margin-bottom:100px;} .digital-physical-page .testimonial{display:none;} .recurring-biling-page .page-top-section .section-inner-curve{background-color: rgba(9,0,93,0.84);} .recurring-biling-page .page-top-section .section-inner-curve .image-area{padding:35px 85px 102px 65px; text-align:Center} .recurring-biling-page .page-top-section .section-inner-curve .content-area{padding: 20px 0px 50px 161px;} .recurring-biling-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 24px; margin-top: 15px; font-weight: 500;} .recurring-biling-page .left-image-panel .image-area{background:none; padding: 80px 0px 70px 100px;} .recurring-biling-page .left-image-panel .head{font-size: 33px; font-weight: 600; line-height: 35px; margin-top: 100px; margin-left: 0px;} .recurring-biling-page .left-image-panel .sub-text{margin-left: 0px; margin-top: 30px; font-size: 19px; font-weight: 400;} .recurring-biling-page .left-image-panel .sub-text span{font-weight: 700; font-size: 19px; display: table; width: 100%; margin-bottom: 0px;} .recurring-biling-page .right-image-panel .image-area{background:none; padding: 80px 0px 70px 100px; text-align:Center;} .recurring-biling-page .right-image-panel .image-area svg{width:auto;} .recurring-biling-page .right-image-panel .head{font-size: 33px; font-weight: 600; line-height: 35px; margin-top: 100px; margin-left: 150px;} .recurring-biling-page .right-image-panel .sub-text{margin-left: 150px; margin-top: 30px; font-size: 19px; font-weight: 400;} .recurring-biling-page .right-image-panel .sub-text span{font-weight: 700; font-size: 19px; display: table; width: 100%; margin-bottom: 0px;} .recurring-biling-page .right-image-panel a{margin-left: 150px;} .recurring-biling-page .testimonial .testimonail-inner-curve{background-color: rgba(9,0,93,0.84);} .recurring-biling-page .testimonial .testimonial-box:nth-child(2) {margin-top: 55px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(1) {margin-top: 245px; margin-left: 145px;} .handheld-page .page-top-section .section-inner-curve{background-color: rgba(20,99,161,0.84);} .handheld-page .page-top-section .section-inner-curve .image-area{padding:35px 0px 144px 22px; text-align:right;} .handheld-page .page-top-section .section-inner-curve .content-area{padding:90px 0px 50px 165px} .handheld-page .management-software{padding:130px 0px 20px 0px} .handheld-page .left-image-panel .image-area{padding:110px 0px 134px 90px} .handheld-page .left-image-panel .head{font-size: 33px; margin-top: 190px; margin-left: 30px;} .handheld-page .left-image-panel .sub-text{margin-left: 30px; margin-top: 40px; font-weight: 500; font-size: 19px;} .handheld-page .left-image-panel a{margin-left:30px;} .handheld-page .right-image-panel .head{font-size: 33px; font-weight: 600; margin-top: 220px; margin-left: 140px;} .handheld-page .right-image-panel .sub-text{margin-left: 140px; margin-top: 40px; font-weight: 500; font-size: 19px;} .handheld-page .right-image-panel a{margin-left:140px;} .handheld-page .testimonial .head{margin-left: 120px;} .handheld-page .testimonial .testimonail-inner-curve{background-color: rgba(20,99,161,0.84); margin-bottom:0px;} .handheld-page .testimonial .testimonial-area{height:610px;} .handheld-page .testimonial .testimonial-box{padding:30px;} .handheld-page .testimonial .testimonial-box:nth-child(1) {margin-top: 65px;} .handheld-page .testimonial .testimonial-box:nth-child(4){margin-top: 280px;} .handheld-page .testimonial .testimonial-box:nth-child(3){margin-top: 357px;} .key-features{width: 1100px; margin: 0 auto; margin-top: 135px;} .key-features .heading{position: absolute; width: 200px; font-weight: 600; border-radius: 80px; border: solid 3px #F86949; margin: 0px auto; padding: 14px; letter-spacing: 2px; text-align: center; box-shadow: 3px 4px 5px rgb(0 0 0 / 20%); margin-top: 28px; background: #fff; left: -50px; font-size: 12px; z-index: 100; font-weight: 600;} .key-features .f-screen{position: absolute; top: 29px; left: 49px; width: 568px; height: 400px; overflow: hidden;} .key-features .features-links {margin: 15px 0px 15px 25px; border-left: solid 1px #ec6848;} .key-features .features-links a{width: 100%; display: table; padding: 9px 0px 9px 25px; color: #000; font-weight: 600; font-size: 17px; position:relative;} .key-features .features-links a:hover:before{content: ''; background: #ec6848; position: absolute; width: 5px; height: 32px; left: -3px; top:50%; margin-top:-16px;} .key-features .features-links .active:before{content: ''; background: #ec6848; position: absolute; width: 5px; height: 32px; left: -3px; top:50%; margin-top:-16px;} .key-features .arrow{text-align: center; font-size: 30px; cursor: pointer; color: #ec6848;} .key-feautres-mobile{display:none; padding:50px 20px 0px 20px;} .key-feautres-mobile .heading{width: 250px; font-weight: 600; border-radius: 80px; border: solid 3px #F86949; margin: 0px auto; padding: 14px; letter-spacing: 2px; text-align: center; box-shadow: 3px 4px 5px rgb(0 0 0 / 20%); background: #fff; font-size: 17px; z-index: 100; font-weight: 600; margin-bottom:25px;} .key-feautres-mobile .accordion{box-shadow: 0px 0px 9px rgb(0 0 0 / 30%);} .key-feautres-mobile .card{border: 0px; border-radius: 5px;} .key-feautres-mobile .card-header{background: #fff; padding: 0px; border:0px;} .key-feautres-mobile .card-header button{width: 100%; display: table; padding: 15px; color: #000; font-size: 17px; font-weight: 600; text-decoration: none; border-top: solid 1px #e1e1e1; border-bottom: 0px; white-space: normal;} .key-feautres-mobile .card-body{padding:5px;} .key-feautres-mobile .card-body .tab-screen{position:relative;} .key-feautres-mobile .card-body .tab-screen svg{width:100%; height:auto;} .key-feautres-mobile .card-body .tab-screen .tf-screen{position: absolute; top:22px; left: 26px; width: 418px; height: 295px; overflow: hidden;} .qr-ordering-page .page-top-section .section-inner-curve{background-color: rgba(198,199,190,0.84); } .qr-ordering-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 171px;} .qr-ordering-page .page-top-section .section-inner-curve .image-area{padding:0px 65px 0px 65px; text-align:center;} .qr-image-area{text-align: center; margin-top: 170px;} .qr-image-area-2{text-align: center; margin-top: 110px; margin-bottom: 150px;} .qr-ordering-page .action-button{margin-bottom:180px;} .qr-ordering-page .left-image-panel .image-area{padding:40px 0px 20px 60px} .qr-ordering-page .left-image-panel .head{margin-top: 210px; margin-left: 20px;} .qr-ordering-page .left-image-panel .sub-text{margin-top: 10px; margin-left: 20px; font-weight: 600; font-size: 19px; line-height: 35px;} .qr-ordering-page .left-image-panel ul{margin-left: 20px;} .qr-ordering-page .left-image-panel li:before{background: url(../images2021/grey-tick.png) no-repeat left top;} .qr-ordering-page .right-image-panel {margin-bottom:100px;} .qr-ordering-page .right-image-panel .image-area{padding:40px 90px 20px 200px} .qr-ordering-page .right-image-panel .image-area svg{width:auto; height:auto;} .qr-ordering-page .right-image-panel .head{margin-top: 210px; margin-left: 168px;} .qr-ordering-page .right-image-panel .sub-text{margin-top: 10px; margin-left: 168px; font-weight: 600; font-size: 19px; line-height: 35px;} .qr-ordering-page .right-image-panel ul{margin-left: 168px;} .qr-ordering-page .right-image-panel li:before{background: url(../images2021/grey-tick.png) no-repeat left top;} .qr-ordering-page .testimonial .testimonail-inner-curve{background-color: rgba(198,199,190,0.84);} .qr-ordering-page .testimonial{display:none;} .orderup-page .page-top-section .section-inner-curve{background-color: rgba(207,211,217,0.84); } .orderup-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 121px} .orderup-page .page-top-section .section-inner-curve .content-area .button{margin-top: 55px; padding: 15px 85px;} .orderup-page .page-top-section .section-inner-curve .image-area {padding: 35px 85px 6px 65px; text-align: center;} .orderup-page .management-software{padding:130px 0px 0px 0px;} .orderup-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 24px; margin-top: 35px; font-weight: 500;} .orderup-page .left-image-panel{margin-top: 170px;} .orderup-page .left-image-panel .image-area{padding:110px 0px 190px 70px} .orderup-page .left-image-panel .head{font-size: 33px; margin-top: 150px; margin-left: 30px;} .orderup-page .left-image-panel .sub-text{margin-top: 35px; margin-left: 30px; font-size: 20px;} .orderup-page .left-image-panel .sub-text span{width:100%; display:table; font-weight:600;} .orderup-page .left-image-panel a{margin-left:30px;} .orderup-page .right-image-panel .image-area{padding: 100px 110px 120px 60px;} .orderup-page .right-image-panel .head{font-size: 33px; margin-top: 240px; margin-left: 138px;} .orderup-page .right-image-panel .sub-text{margin-top: 35px; margin-left: 138px; font-size: 20px;} .orderup-page .right-image-panel .sub-text span{width:100%; display:table; font-weight:600;} .orderup-page .right-image-panel a{margin-left: 138px;} .orderup-page .feature-kiosk{margin-top: 120px;} .orderup-page .feature-kiosk svg{width:100%; height:auto;} .orderup-page .feature-kiosk .pointer{background:url(../images2021/baloon.png) no-repeat left top; width:383px; height:155px;} .orderup-page .testimonial .testimonail-inner-curve{background-color: rgba(198,199,190,0.84);} .orderup-page .testimonial .testimonial-box{padding:30px;} .orderup-page .testimonial .testimonial-area{height:627px;} .orderup-page .testimonial .testimonial-box:nth-child(1) {margin-top: 95px;} .orderup-page .testimonial .testimonial-box:nth-child(3){margin-left: 195px;} .pos-page .page-top-section .section-inner-curve{background-color: rgba(86,98,147,0.84);} .pos-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 164px} .pos-page .page-top-section .section-inner-curve .image-area {padding: 35px 85px 6px 65px; text-align: center;} .pos-page .management-software{padding:130px 0px 0px 0px;} .pos-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 24px; margin-top: 35px; font-weight: 500;} .pos-page .left-image-panel{margin-top: 170px;} .pos-page .left-image-panel .image-area{padding:110px 0px 190px 70px} .pos-page .left-image-panel .head{font-size: 33px; margin-top: 230px; margin-left: 30px;} .pos-page .left-image-panel .sub-text{margin-top: 35px; margin-left: 30px; font-size: 20px; font-weight:500;} .pos-page .left-image-panel a{margin-left:30px;} .pos-page .right-image-panel .image-area{padding: 130px 120px 140px 120px} .pos-page .right-image-panel .head{font-size: 33px; margin-top: 220px; margin-left: 118px;} .pos-page .right-image-panel .sub-text{margin-top: 35px; margin-left: 118px; font-size: 20px; font-weight:500;} .pos-page .right-image-panel a{margin-left: 118px;} .pos-page .feature-kiosk{margin-top: 120px;} .pos-page .feature-kiosk svg{width:100%; height:auto;} .pos-page .feature-kiosk .pointer{background:url(../images2021/baloon.png) no-repeat left top; width:383px; height:155px;} .pos-page .testimonial .testimonail-inner-curve{background-color: rgba(86,98,147,0.84); background-position:left -75px;} .pos-page .testimonial .head{margin-left: 122px;} .pos-page .testimonial .description{margin-left: 122px;} .pos-page .testimonial .testimonial-box{padding:30px;} .pos-page .testimonial .testimonial-area{height:650px;} .pos-page .testimonial .testimonial-box:nth-child(1) {margin-top: 250px; margin-left: 145px;} .pos-page .key-features{width:1100px;} .pos-page .testimonial .head{margin-top: 235px;} .here-page .page-top-section .section-inner-curve{background-color: rgba(198,189,203,0.84);} .here-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 164px} .here-page .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px; text-align: center; font-size: 35px;} .here-page .management-software{padding:130px 0px 0px 0px; font-size: 35px;} .here-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 24px; margin-top: 35px; font-weight: 500;} .here-page .left-image-panel .image-area{padding:135px 20px 190px 120px} .here-page .left-image-panel .head{font-size: 35px; line-height: 40px; margin-top: 180px; margin-left: 30px;} .here-page .left-image-panel .sub-text{margin-left: 30px; margin-top: 35px; font-size: 19px; font-weight: 600; line-height: 40px;} .here-page .left-image-panel a{margin-left:30px; margin-top:40px} .here-page .right-image-panel .image-area{padding:135px 70px 190px 210px} .here-page .right-image-panel .head{font-size: 35px; line-height: 40px;} .here-page .right-image-panel .sub-text{margin-left: 138px; margin-top: 35px; font-size: 19px; font-weight: 600; line-height: 40px;} .here-page .right-image-panel a{margin-left:138px; margin-top:40px} .here-page .second-left{margin-top:0px;} .here-page .testimonial .testimonail-inner-curve{background-color: rgba(198,189,203,0.84);} .program-area{width: 1270px; margin: 0 auto; margin-top: 230px; margin-bottom:100px;} .program-area .col-md-4{padding: 20px 40px;} .program-area .col-md-4 .area-box{width: 100%; border-radius: 30px; box-shadow: 0px 0px 8px rgb(0 0 0 / 10%); padding: 110px 35px 75px 35px;} .program-area .col-md-4 .area-box .art-area{position: absolute; top: -140px; left: 50%; margin-left: -172px; width: 344px;} .program-area .col-md-4 .area-box .art-area svg{width:100%; height:auto;} .program-area .col-md-4 .area-box .heading{font-size: 23px; font-weight: 600; margin-bottom: 15px;} .program-area .col-md-4 .area-box .desc{font-size: 14px; color: #b8b8b8; text-align: justify; font-weight: 600; height:105px;} .program-area .col-md-4 .area-box a{color:#000; margin-top:15px; font-weight:600; font-size:13px; display:table;} .welcome-page .page-top-section .section-inner-curve{background-color: rgba(223,190,176,0.84);} .welcome-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 164px} .welcome-page .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px; text-align: center; font-size: 35px;} .welcome-page .management-software{padding:130px 0px 0px 0px; font-size: 35px;} .welcome-page .management-software span{width: 100%; display: table; color: #B8B8B8; font-size: 24px; margin-top: 35px; font-weight: 500;} .welcome-page .left-image-panel .image-area{padding:60px 20px 130px 30px} .welcome-page .left-image-panel .head{font-size: 35px; line-height: 40px; margin-top: 180px; margin-left: 30px;} .welcome-page .left-image-panel .sub-text{margin-left: 30px; margin-top: 35px; font-size: 19px; font-weight: 600; line-height: 40px;} .welcome-page .left-image-panel a{margin-left:30px; margin-top:40px} .welcome-page .right-image-panel .image-area{padding:160px 10px 100px 160px} .welcome-page .right-image-panel .head{font-size: 35px; line-height: 40px;} .welcome-page .right-image-panel .sub-text{margin-left: 138px; margin-top: 35px; font-size: 19px; font-weight: 600; line-height: 40px;} .welcome-page .right-image-panel a{margin-left:138px; margin-top:40px} .welcome-page .second-left{margin-top:0px;} .welcome-page .second-left .image-area{padding: 120px 20px 130px 30px;} .welcome-page .testimonial .testimonail-inner-curve{background-color: rgba(223,190,176,0.84);} .incoming-page .page-top-section .section-inner-curve{background-color: rgba(101,131,147,0.84);} .incoming-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 114px} .incoming-page .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px; text-align: center; font-size: 35px;} .incoming-page .management-software{padding:130px 0px 0px 0px; font-size: 35px;} .incoming-page .right-image-panel{margin-top: 80px;} .incoming-page .right-image-panel .image-area{padding:100px 120px 120px 60px} .incoming-page .right-image-panel .head{font-size: 33px; margin-top: 120px; margin-left: 138px;} .incoming-page .right-image-panel .sub-text{font-size: 19px; margin-top: 45px; margin-left: 138px; font-weight: 500; line-height: 35px;} .incoming-page .right-image-panel ul{margin-top: 20px;} .incoming-page .right-image-panel a{margin-left:138px; margin-top:40px} .incoming-page .left-image-panel{margin-top:0px;} .incoming-page .left-image-panel .image-area{padding:120px 10px 160px 60px} .incoming-page .left-image-panel .head{margin-top: 130px; margin-left: 20px;font-size: 33px;} .incoming-page .left-image-panel .sub-text{font-size: 19px; margin-top: 45px; margin-left: 20px; font-weight: 500; line-height: 35px;} .incoming-page .left-image-panel ul{margin-left:20px; margin-top: 20px;} .incoming-page .left-image-panel a{margin-left:20px; margin-top:40px} .incoming-page .testimonial .testimonial-box:nth-child(3){margin-top:370px;} .incoming-page .key-features{width:1000px;} .incoming-page .testimonial .testimonail-inner-curve{background-color: rgba(101,131,147,0.84);} .incoming-page .testimonial .testimonial-box:nth-child(1) {margin-top: 245px; margin-left: 155px;} .onthelist-page .page-top-section .section-inner-curve{background-color: rgba(170,211,181,0.84);} .onthelist-page .page-top-section .section-inner-curve .content-area{padding:50px 0px 50px 164px} .onthelist-page .page-top-section .section-inner-curve .image-area {padding: 35px 85px 6px 65px; text-align: center;} .onthelist-page .management-software{padding:130px 0px 0px 0px; font-size: 35px;} .onthelist-page .salesvu-app-section{margin-bottom:100px;} .onthelist-page .testimonial{display:none;} .onthelist-page .testimonial .testimonail-inner-curve{background-color: rgba(170,211,181,0.84);} .onthelist-page .key-features{width:1000px;} .onthelist-page .key-features .features-links{margin:15px 0px 15px 24px} .invoice-page .page-top-section .section-inner-curve{background-color: rgba(226,143,151,0.84);} .invoice-page .page-top-section .section-inner-curve .content-area{padding:50px 0px 50px 158px} .invoice-page .page-top-section .section-inner-curve .content-area .sub-text {font-size: 24px; color: #fff;} .invoice-page .page-top-section .section-inner-curve .image-area {padding: 0px; text-align: center; width: 390px; margin: 0 auto;} .invoice-page .management-software{padding:130px 0px 0px 0px; font-size: 35px;} .invoice-page .testimonial .testimonail-inner-curve{background-color: rgba(226,143,151,0.84);} .invoice-page .key-features{width:1000px;} .invoice-page .key-features .features-links{margin:15px 0px 15px 24px} .invoice-page .key-features .f-screen{top: 14px; left: 374px; width: 239px;} .invoice-page .key-features .f-screen svg{width:100%; height:auto; border-radius: 15px 15px 0px 0px;} .invoice-page .key-features .f-tab-screen{top: 29px; left: 49px; width: 568px;} .invoice-page .key-features .f-tab-screen svg{border-radius:0px;} .invoice-page .testimonial .testimonial-box:nth-child(3) {margin-top: 375px;} .inventory-vendor-management-page .page-top-section .section-inner-curve{background-color: rgba(93,151,66,0.84);} .inventory-vendor-management-page.page-top-section .section-inner-curve .content-area{padding:110px 0px 50px 159px} .inventory-vendor-management-page .page-top-section .section-inner-curve .content-area .text{line-height: 50px;} .inventory-vendor-management-page .page-top-section .section-inner-curve .content-area .button{margin-top: 45px;margin-bottom: 45px;} .inventory-vendor-management-page .page-top-section .section-inner-curve .image-area{padding:46px 85px 0px 65px; text-align: center;} .inventory-vendor-management-page .right-image-panel{margin-top:80px;} .inventory-vendor-management-page .right-image-panel .image-area{padding:130px 173px 120px 213px} .inventory-vendor-management-page .right-image-panel .head{margin-top: 110px; font-size: 35px; font-weight: 600;} .inventory-vendor-management-page .right-image-panel .sub-text{margin-left: 138px; margin-top: 30px; font-size: 18px;} .inventory-vendor-management-page .right-image-panel .sub-text span{font-weight: 500; font-size: 19px; display: table; width: 100%; margin-bottom: 15px;} .inventory-vendor-management-page .right-image-panel a{margin-left: 138px;} .inventory-vendor-management-page .left-image-panel{margin-top:0px;} .inventory-vendor-management-page .left-image-panel .image-area{padding:118px 140px 90px 50px} .inventory-vendor-management-page .left-image-panel .head{margin-top: 110px; font-size: 35px; font-weight: 600; margin-left:30px;} .inventory-vendor-management-page .left-image-panel .sub-text{margin-top: 30px; font-size: 18px; margin-left:30px;} .inventory-vendor-management-page .left-image-panel .sub-text span{font-weight: 500; font-size: 19px; display: table; width: 100%; margin-bottom: 15px;} .inventory-vendor-management-page .left-image-panel a{margin-left:30px;} .inventory-vendor-management-page .salesvu-app-section{margin-bottom:100px;} .inventory-vendor-management-page .testimonial{display:none;} .inventory-vendor-management-page .testimonial .testimonail-inner-curve{background-color: rgb(255 178 8 / 84%);} .inventory-vendor-management-page .page-top-section .section-inner-curve {background: rgb(255 178 8 / 84%) url(../images2021/top-panel-curve.png) no-repeat left bottom;padding-top: 12px;} /* ---------------------- app Page ------------------------*/ /* ---------------------- industry Page ------------------------ .art-culture-industry .page-top-section .section-inner-curve{background-color: rgba(223,117,168,0.84);}*/ /*.art-culture-industry .page-top-section .section-inner-curve{background-color: rgba(49,49,140,0.84);} .art-culture-industry .page-top-section .section-inner-curve .content-area{padding:45px 0px 50px 171px} .art-culture-industry .page-top-section .section-inner-curve .content-area .text{line-height: 50px; font-size: 27px; margin-bottom: 10px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .button{margin-top: 15px;} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding:10px 85px 50px 65px; text-align: center;}*/ /* ---------------------- New art-cutlure Page ------------------------*/ .art-culture-industry .page-top-section {background: url(../images2021/hm-top-bg.png) no-repeat left -120px; background-size: cover;} .art-culture-industry .page-top-section .section-inner-curve{background-color: transparent; padding-top: 92px; background-size: cover;} .art-culture-industry .page-top-section .section-inner-curve .content-area{padding:55px 0px 50px 125px} .art-culture-industry .page-top-section .section-inner-curve .content-area .text{font-size: 60px; line-height: 70px; font-weight: 500; margin-bottom: 10px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text span{color:#A5B4FC} .art-culture-industry .page-top-section .section-inner-curve .content-area .sub-text{color: #E5E7EB; font-weight: 400; font-size: 16px; line-height: 28px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .button{margin-top: 15px; padding: 15px; width: 180px; text-align: center; display: inline-block; font-size: 15px; font-weight: 500; letter-spacing: 1px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .live-demo{background:#fff; color:#4F46E5;} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 5px 50px 80px 50px; text-align: center;} .art-culture-industry .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .art-culture-industry .trusted-by{max-width: 1347px; margin: 0 auto; padding:0px 32px 70px 32px;} .art-culture-industry .trusted-by .head{font-weight: 500; font-size: 30px; line-height: 36px; color: #6366F1; text-align: center;} .art-culture-industry .trusted-by .sub-head{font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #6B7280; margin-top:8px;} .art-culture-industry .trusted-by .trusted-logos{margin-top:32px; width:100%; text-align:center;} .art-culture-industry .trusted-by .trusted-logos .logo{display: inline-block; margin-left:50px;} /*.art-culture-industry .trusted-by .trusted-logos .logo svg{width:100%; height:auto;} .art-culture-industry .trusted-by .trusted-logos .logo:last-child{width:286px;}*/ .art-culture-industry .trusted-by .trusted-logos .logo:first-child{width:80px; height:80px;} .art-culture-industry .trusted-by .trusted-logos .logo:nth-child(2){width:256px; height:80px;} .art-culture-industry .trusted-by .trusted-logos .logo:last-child{width:347px; height:80px;} .art-culture-industry .built-art-culture{background:#EEF2FF; padding: 50px; display:table; width:100%;} .art-culture-industry .built-art-culture .head{font-weight: 500; font-size: 30px; line-height: 36px; text-align: center; margin-bottom:8px;} .art-culture-industry .built-art-culture .sub-head{font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #6B7280; margin-top:8px; margin-bottom:40px;} .art-culture-industry .built-art-culture .pointers{max-width: 1000px; display: table; margin: 0 auto;} .art-culture-industry .built-art-culture ul{margin:0px; padding:0px; list-style:none; max-width:1347px; margin:0 auto;} .art-culture-industry .built-art-culture li{width:33%; float:left; text-align:center;} .art-culture-industry .built-art-culture li .icon{width:48px; margin:0 auto; margin-bottom:20px;} .art-culture-industry .built-art-culture li .text{font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom:70px;} .art-culture-industry .built-art-culture li .text span{font-weight: 500; color: #4F46E5;} .art-culture-industry .built-art-culture li:last-child{width:50%;} .art-culture-industry .built-art-culture li:last-child .text{margin-bottom:0px;} .art-culture-industry .built-art-culture li:nth-child(7){width:50%;} .art-culture-industry .built-art-culture li:nth-child(7) .text{margin-bottom:0px;} .art-culture-industry .ac-manage-dozens{max-width: 1347px; margin: 0 auto; padding:60px; background: #F9FAFB;} .art-culture-industry .ac-manage-dozens .head{font-weight: 500; font-size: 30px; line-height: 36px; text-align: center; margin-bottom:8px;} .art-culture-industry .ac-manage-dozens .sub-head{font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #6B7280; margin-top:8px; margin-bottom:40px;} .art-culture-industry .ac-manage-dozens .pointer{max-width: 1000px; display: table; margin: 0 auto;} .art-culture-industry .ac-manage-dozens .pointer .icon{float:left; width:48px; margin-right:16px;} .art-culture-industry .ac-manage-dozens .pointer .text{float:left; font-weight: 400; font-size: 16px; line-height: 24px; color: #6B7280; margin-bottom:60px;width: calc(100% - 66px);} .art-culture-industry .ac-manage-dozens .pointer .text span{font-weight: 500; font-size: 18px; line-height: 24px; color: #111827; margin-bottom:8px; display:table; width:100%;} .art-culture-industry .ac-manage-dozens .pointer .col-md-6:last-child .text{margin-bottom:0px;} .art-culture-industry .ac-manage-dozens .pointer .col-md-6:nth-child(3) .text{margin-bottom:0px;} .art-culture-industry .zettle-third-panel {padding-top: 40px;} .art-culture-industry .zettle-third-panel .text{font-weight: 500; font-size: 30px; line-height: 36px; text-align: center; margin-bottom:8px;} .art-culture-industry .zettle-third-panel .text-2{font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #6B7280; margin-top:8px; margin-bottom:40px;} .art-culture-industry .zettle-third-panel a{background:#4F46E5; color:#fff;} .art-culture-industry .zettle-boost-revenue{background:#EEF2FF; padding:50px 0px 20px 0px; margin-bottom:0px;} .art-culture-industry .zettle-boost-revenue{padding-right:0px; padding-left:70px; margin-top:100px;} .art-culture-industry .zettle-boost-revenue .head{margin-top:0px;} .art-culture-industry .zettle-boost-revenue .head .text{color: #111827} .art-culture-industry .zettle-boost-revenue .head .text span{color: #4B5563;} .art-culture-industry .zettle-boost-revenue ul{list-style:none; padding:0px; margin:0px; margin-left:25px;} .art-culture-industry .zettle-boost-revenue li{color:#6B7280; font-size:16px; padding:13px; padding-left:0px; border-bottom:solid 0px #E5E7EB; position:relative;} .art-culture-industry .zettle-boost-revenue li:before{background:url(../images2021/yellowdog-tick.png) no-repeat left top; position:absolute; left: 7px; top: 20px; content: ''; width: 17px; height: 17px; display:none;} .art-culture-industry .zettle-boost-revenue li:last-child{border:0px;} .art-culture-industry .oneway-sync{padding-left:0px; padding-right:70px; margin-bottom: 50px;} .art-culture-industry .specialized-hardware{margin-top:0px;} .art-culture-industry .specialized-hardware .photo-credit{position: absolute; bottom: 0px; left: 15px; background: #000; padding: 1px 5px; font-size: 13px; color: #fff;} .art-culture-industry .hm-integrable-software{background: #EEF2FF; margin-top:0px; padding-top:50px;} .art-culture-industry .hm-integrable-software .head{font-weight: 500; font-size: 30px; line-height: 36px; text-align: center; margin-bottom:8px;} .art-culture-industry .hm-integrable-software .sub-head{font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #6B7280; margin-top:8px; margin-bottom:40px;} .art-culture-industry .hm-integrable-software-boxes{background: #EEF2FF;} .art-culture-industry .hm-integrable-software-boxes .box{background:#fff; box-shadow:unset;} .art-culture-industry .support-team{margin-top:0px;} .art-culture-industry .testimonial{margin-top:0px;} /* ---------------------- New art-cutlure Page ------------------------*/ .integration-area{padding: 130px 150px 95px 150px; text-align: center;} .integration-area .head{font-size: 25px; margin-top: 30px; font-weight: 600;} .integration-area .desc{font-size: 17px; margin-top: 10px; font-weight: 500;} .scale-up{padding: 0px 115px; max-width: 1349px; margin: 0 auto; position:relative;padding-bottom: 80px;} .scale-up .section-head{position: absolute; left: 785px; font-size: 25px; font-weight: 600; top: 20px; z-index: 100;} .scale-up .text{padding-top: 130px; margin-left: 20px; font-weight: 500; font-size: 17px; line-height: 25px;} .scale-up .col-md-5 a{margin-left: 20px; margin-top: 55px; display: table; width:100%; font-weight:500;} .scale-up .carousel-indicators{width: 318px; bottom: -34px;} .scale-up .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px; border:solid 1px #000} .scale-up .carousel-indicators .active{background:#000;} .scale-up .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 670px; top: 400px;} .scale-up .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 695px; top: 400px;} .black-head{background: #000; padding: 65px 165px 80px 165px; color: #fff; margin-top: 95px;} .black-head .text-1{font-size: 42px; color: #fff; font-weight: 600;} .black-head .text-2{font-size: 22px; font-weight: 600; margin-top: 25px;} .black-head .text-2 span{font-style: italic; font-weight: 400;} .art-culture-steps{width:100%; display:table;} .art-culture-steps .step-box{width:25%; float:left; position:relative;} .art-culture-steps .step-box svg{width:100%; height:auto;} .art-culture-steps .step-box .text-area{position: absolute; bottom: 0px; padding: 15px; text-align: center; font-size: 18px; width: 100%; height:185px;} .art-culture-steps .step-box:hover{box-shadow:0px 0px 7px rgba(0,0,0,.7); z-index:5;} .art-culture-steps .step-box .text-area .head{font-size: 18px; font-weight: 700;} .art-culture-steps .step-box .text-area .text .d-md-block{display:none!important;} .art-culture-steps .step-1 .text-area{background: rgba(255,215,76,.95);} .art-culture-steps .step-2 .text-area{background: rgba(149,200,203,.95);} .art-culture-steps .step-3 .text-area{background: rgba(149,162,152,.95);} .art-culture-steps .step-4 .text-area{background: rgba(20,110,61,.95);} .manage-dozens{padding: 150px 50px 70px 50px; text-align: center; font-size: 40px; font-weight: 700;} .different-plans{width: 980px; margin: 0 auto; padding-bottom:100px;} .different-plans .text{margin-left: 20px; margin-top: 80px; font-weight: 600; line-height: 30px;} .different-plans .text .d-md-block{display:none!important;} .different-plans .col-md-5 a{margin-left: 20px; margin-top: 55px; display: table; width:100%; font-weight:500;} .different-plans .carousel-indicators{width: 178px; bottom: -74px;} .different-plans .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px; border:solid 1px #000} .different-plans .carousel-indicators .active{background:#000;} .different-plans .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 580px; top: 310px;} .different-plans .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 605px; top: 310px;} .simple-setup{max-width:1349px; margin:0 auto;} .simple-setup .text-area{padding-top: 90px; padding-left: 205px;} .simple-setup .text-area .head{font-size: 30px; font-weight: 700; line-height: 30px; margin-bottom: 35px;} .simple-setup .text-area .text{font-size: 16px; font-weight: 600; line-height: 30px;} .specialized-hardware{background: #000; padding: 105px 15px 105px 145px; margin-top: 75px;} .specialized-hardware .row{max-width:1349px; margin:0 auto!important;} .specialized-hardware svg{width:100%; height:auto;} .specialized-hardware .text-1{color: #fff; margin-top: 170px; font-size: 43px; font-weight: 600; line-height: 60px; margin-left: 35px;} .specialized-hardware .text-2{margin-left: 35px; color: #fff; font-size: 17px; font-weight: 600; margin-top: 15px; line-height: 27px;} .case-studies-wrapper{max-width: 1000px;margin: 0px auto; padding: 80px 10px;} .case-studies-heading{text-align: center;font-size: 34px;font-weight: 600;color: #212529;} .case-studies-row{margin-top: 35px;} .case-studies-box{position: relative;} .cs-bg-circle{position: absolute;width: 160px;height: 160px;background: #eff3fb;border-radius: 100px;z-index: -1;left: 25%;} .case-studies-item{text-align: center;margin-top: 15px;font-weight: 600;line-height: 26px;color: #414141; padding: 0px 20px;} .cs-author{text-align: center;margin-top: 35px;color: #9b9898;} .cs-author span{font-size: 14px;font-weight: 700;color: #414141; } .support-team{margin-top: 55px; background: url(../images2021/support-team-bg.jpg) no-repeat left top; background-size:cover} .support-team .text-area{background: rgba(0,0,0,0.8); width: 50%; padding: 129px 155px;} .support-team .text-area .text-1{color: #fff; font-size: 35px; font-weight: 600; line-height: 40px;} .support-team .text-area .text-2{color: #fff; margin-top: 35px; font-size: 35px;} .support-team .text-area .text-3{color: #fff; font-weight: 600;} .support-team .text-area a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border-radius: 30px; padding: 10px 35px; display: table; margin-top: 50px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 0px;} .art-culture-industry .testimonial .testimonail-inner-curve{background-color: rgba(49,49,140,0.84);} .art-culture-industry .testimonial .head{margin-left: 122px;} .art-culture-industry .testimonial .description{margin-left: 122px;} .art-culture-industry .testimonial .testimonial-box:nth-child(2) {margin-top: 315px;} .art-culture-industry .testimonial .testimonial-box:nth-child(3) {margin-top: 450px;} .art-culture-industry .testimonial .testimonial-box:nth-child(4) {margin-top: 316px;} .art-culture-industry .testimonial .testimonial-area{height: 400px;} .art-culture-industry .testimonial .testimonial-box {margin-left: 145px;} .retail-ecom-industry .page-top-section .section-inner-curve{background-color: rgba(199,193,183,0.84);} .retail-ecom-industry .page-top-section .section-inner-curve .content-area{padding:45px 0px 50px 171px} .retail-ecom-industry .page-top-section .section-inner-curve .content-area .text{line-height: 50px; font-size: 27px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area .button{margin-top: 55px;} .retail-ecom-industry .page-top-section .section-inner-curve .image-area{padding:10px 85px 50px 65px; text-align: center;} .retail-ecom-industry .testimonial .testimonial-area{height:400px;} .retail-ecom-industry .testimonial .testimonial-box:nth-child(1){margin-left:145px;} .brand-stands-area{padding: 90px 40px; max-width: 1349px; margin: 0 auto;} .brand-stands-area .head{font-size: 38px; margin-left: 120px; font-weight: 800; margin-bottom: 85px; } .brand-stands-area .text{font-size: 25px; font-weight: 600; margin-top: 140px; margin-left: 25px;} .brand-stands-area a{display: table; color: #000; margin-top: 90px; margin-left: 25px; font-weight: 600;} .branded-app-area{max-width: 1100px; margin: 0 auto; margin-top: 150px;} .branded-app-area .text{text-align: right; font-size: 25px; font-weight: 600; margin-top: 90px; margin-right: 120px;} .branded-app-area a{text-align: right; margin-top: 65px; display: table; color: #000; font-weight: 600; width: 100%; padding-right: 120px;} .marketing-emails{max-width: 1100px; margin: 0 auto; margin-top: 150px;} .marketing-emails .text{font-size: 25px; font-weight: 600; margin-top: 90px; margin-left: 35px;} .marketing-emails a{margin-top: 65px; display: table; color: #000; font-weight: 600; width: 100%; padding-left: 35px;} .online-reputation{max-width: 1100px; margin: 0 auto; margin-top: 130px;} .online-reputation .text {font-size: 20px; font-weight: 600; margin-top: 0px; margin-right: 35px; text-align: right; line-height: 33px;} .online-reputation a{margin-top: 65px; display: table; color: #000; font-weight: 600; width: 100%; padding-right: 35px; text-align: right;} .automated-sms{max-width: 1100px; margin: 0 auto; margin-top: 130px;} .automated-sms .text{font-size: 25px; font-weight: 600; margin-top: 90px; margin-left: 35px;} .automated-sms a{margin-top: 65px; display: table; color: #000; font-weight: 600; width: 100%; padding-left: 35px;} .turn-drop-ins{max-width: 1130px; margin: 0 auto; margin-top: 145px; font-size: 40px; font-weight: 800;} .turn-drop-ins .d-md-block{display:none!important;} .turn-drop-ins a{display: none; font-size: 16px; font-weight: 600; margin-top: 25px;} .turn-drop-ins-box{max-width: 1180px; margin: 0 auto; margin-top: 50px;} .turn-drop-ins-box .box{background: #e0cfbb; width: 362px; height: 362px; border-radius: 35px;} .turn-drop-ins-box .text{margin-top: 30px; font-weight: 600; font-size: 17px; line-height: 30px;} .turn-drop-ins-box a{text-align: center; display: table; margin: 0 auto; margin-top: 100px; font-weight: 500; font-size: 17px;} .think-inside{background: #000; max-width:1349px; margin:0 auto; margin-top: 100px;} .think-inside svg{width:100%; height:auto;} .think-inside .head{color: #fff; font-size: 79px; font-weight: 700; line-height: 80px; margin-top: 100px; margin-left: 75px;} .think-inside .text{color: #fff; font-size: 18px; margin-left: 75px; margin-top: 25px; line-height: 27px; margin-top: 65px;} .think-inside a{margin-left: 75px; margin-top: 25px; display: table; font-weight: 600;} .think-inside-2{background: #000; max-width:1349px; margin:0 auto; margin-top: 0px;} .think-inside-2 svg{width:100%; height:auto;} .think-inside-2 .head{color: #fff; font-size: 44px; font-weight: 700; line-height: 54px; margin-top: 100px; margin-left: 75px;} .think-inside-2 .text{color: #fff; font-size: 18px; margin-left: 75px; margin-top: 25px; line-height: 27px; margin-top: 65px;} .think-inside-2 a{margin-left: 75px; margin-top: 25px; display: table; font-weight: 600;} .optimize-operations-head{max-width: 1050px; margin: 0 auto; margin-top: 160px; font-size: 35px; font-weight: 600; line-height: 45px;} .optimize-operations{max-width: 1349px; margin: 0 auto; padding: 0px 0px 0px 137px;} .optimize-operations .head{margin-top: 55px; font-weight: 600; font-size: 18px;} .optimize-operations .slider{margin-top: 25px; font-weight: 500;} .optimize-operations .slider .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 0px; top:160px;} .optimize-operations .slider .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 25px; top: 160px;} .softwares-help{max-width: 1150px; margin: 0 auto; margin-top: 100px;} .softwares-help svg{margin:0 auto; display:block} .softwares-help .head{font-size: 17px; font-weight: 600; margin-bottom: 21px;} .softwares-help a{font-size: 17px; font-weight: 600; margin-bottom: 21px; display:table;} .softwares-help .text{font-size: 17px; margin-bottom: 21px;} .entire-business{background: #000; margin-top: 120px; padding: 100px 80px 100px 100px;} .entire-business .row{max-width:1349px; margin:0 auto!important;} .entire-business svg{width:100%; height:auto; max-width: 1349px; margin: 0 auto;} .entire-business .head{color: #fff; font-size: 29px; font-weight: 600;} .entire-business .text{font-size: 17px; color: #fff; margin-top: 35px; font-weight: 500; line-height: 27px; margin-bottom: 45px;} .increase-sales{max-width: 1050px; margin: 0 auto; margin-top:100px} .increase-sales .head{font-size: 41px; text-align: center; font-weight: 700; margin-bottom: 100px;} .increase-sales .text{margin-top: 50px; margin-left: 80px; font-weight: 600;} .increase-sales .text .d-md-block{display:none!important;} .increase-sales a{margin-left: 80px; margin-top: 30px; display: table; font-weight: 600;} .increase-sales .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 0px; top: 250px;} .increase-sales .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 25px; top: 250px;} .window-shoppers{background: #000; margin-top: 120px; padding: 100px 50px 100px 110px;} .window-shoppers svg{width:100%; height:auto;} .window-shoppers .head{color: #fff; font-size: 28px; font-weight: 600;} .window-shoppers .text{color: #fff; margin-top: 50px; font-size: 16px; font-weight: 600; line-height: 29px;} .window-shoppers a{margin-top: 35px; display: table; font-weight: 500;} .digital-era-head{text-align: center; font-size: 40px; font-weight: 600; padding: 70px;} .digital-era{margin-left: 180px; font-weight: 500; margin-top: 60px; line-height: 26px; font-size: 17px;} .digital-era a{margin-top: 45px; display: table;} .digital-era-2{margin-left: 0px; font-weight: 500; margin-top: 20px; line-height: 26px; font-size: 17px;} .digital-era-2 .text-area{margin-top: 70px; margin-left: 80px;} .digital-era-2 a{margin-top: 45px; display: table;} .retail-ecom-industry .hm-integrable-software{margin-top: 100px;} .retail-ecom-industry .testimonial .testimonail-inner-curve{background-color: rgba(199,193,183,0.84); padding-bottom: 80px;} .retail-ecom-industry .testimonial .head{margin-left: 122px;} .retail-ecom-industry .testimonial .description{margin-left: 122px;} .retail-ecom-industry .testimonial .testimonial-box:nth-child(3) {margin-top: 374px;} .retail-ecom-industry .testimonial .testimonial-box:nth-child(4) {margin-top: 316px;} .salons-spas-industry .section-inner-curve{background-color: rgba(224,207,187,0.84);} .salons-spas-industry .page-top-section .section-inner-curve .image-area {padding: 35px 75px 114px 75px;} .salons-spas-industry .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .salons-spas-industry .page-top-section .section-inner-curve .content-area {padding: 50px 0px 50px 171px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area .text{margin-bottom:15px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area .button{margin-top: 55px;} .salons-spas-industry .branded-app-area{margin-top: 60px;} .salons-spas-industry .hm-integrable-software-boxes .col-md-4:nth-child(2){display:none;} .salons-spas-industry .hm-integrable-software-boxes .col-md-4:nth-child(4){display:none;} .salons-spas-industry .hm-integrable-software-boxes .col-md-4:nth-child(5){display:none;} .salons-spas-industry .testimonial .testimonail-inner-curve{background-color:rgba(224,207,187,0.84); padding-bottom:80px;} .salons-spas-industry .testimonial .testimonial-area{height:450px;} .salons-spas-industry .testimonial .head{margin-left: 122px;} .salons-spas-industry .testimonial .description{margin-left: 122px;} .salons-spas-industry .testimonial .testimonial-box:nth-child(1) {margin-top: 225px; margin-left: 145px;} .food-drink-page .section-inner-curve{background-color: rgba(180,136,94,0.84);} .food-drink-page .page-top-section .section-inner-curve .image-area {padding: 35px 85px 64px 65px; text-align:center} .food-drink-page .page-top-section .section-inner-curve .content-area {padding: 30px 0px 50px 190px;} .food-drink-page .page-top-section .section-inner-curve .content-area .text{font-size: 30px; margin-bottom: 25px;} .f-d-page-head{max-width:1349px; margin:0 auto; position: relative; margin: 0px auto; height:80px} .f-d-page-head .text{position: absolute; left: 114px; font-size: 42px; font-weight: 700; top: 90px;} .food-drink-page .hm-right-image-panel{margin-top:0px;} .food-drink-page .hm-right-image-panel .image-area{padding: 165px 10px 70px 241px;} .food-drink-page .hm-right-image-panel .section-heading{left: 114px; top: 185px; font-size: 20px; color: #000; z-index: 100;} .food-drink-page .hm-right-image-panel .sub-text{font-size: 18px; margin-top: 277px; margin-left: 114px; font-weight: 400;} .food-drink-page .hm-right-image-panel .carousel-item a{background:transparent; color:#2170ff; margin-left: 114px; font-size: 16px; letter-spacing: normal; padding:0px;} .food-drink-page .hm-right-image-panel .carousel-control-prev{top:570px; left:114px;} .food-drink-page .hm-right-image-panel .carousel-control-next{top:570px; left:143px;} .food-drink-page .hm-right-image-panel .carousel-indicators{bottom:51px;} .food-drink-page .hm-left-image-panel{margin-top:0px; padding-bottom: 45px;} .food-drink-page .hm-left-image-panel .image-area{padding: 165px 145px 70px 140px;} .food-drink-page .hm-left-image-panel .section-heading{left: 822px; top: 165px; font-size: 20px; color: #000; z-index: 100;} .food-drink-page .hm-left-image-panel .sub-text{font-size: 18px; margin-top: 277px; margin-left: 35px; font-weight: 400;} .food-drink-page .hm-left-image-panel .carousel-item a{background:transparent; color:#2170ff; margin-left: 35px; font-size: 16px; letter-spacing: normal; padding:0px; margin-top: 40px;} .food-drink-page .hm-left-image-panel .carousel-control-prev{top:570px; left:822px;} .food-drink-page .hm-left-image-panel .carousel-control-next{top:570px; left:852px;} .food-drink-page .hm-left-image-panel .carousel-indicators{bottom:65px; width: 296px;} .food-drink-page .second-right .image-area {padding: 160px 10px 70px 241px;} .food-drink-page .second-right .section-heading{top: 165px; z-index: 100;} .food-drink-page .specialized-hardware{padding:0px 15px 0px 145px} .food-drink-page .specialized-hardware .row {max-width:1349px; margin:0 auto;} .food-drink-page .specialized-hardware .text-area{padding: 192px 35px 75px 115px; color: #fff; width: 100%;} .food-drink-page .specialized-hardware .text-area .head{font-size: 42px; font-weight: 700; line-height: 52px; margin-bottom: 15px;} .food-drink-page .specialized-hardware .text-area .text{font-size: 17px; line-height: 28px;} .food-drink-page .management-software{font-size: 36px; padding: 110px 0px 20px 0px;} .food-drink-page .management-software span{font-size: 20px; display: table; width: 100%; font-weight: 500; margin-top: 30px;} .food-drink-page .hm-step-animation{width:1050px;} .food-drink-page .hm-step-animation .step-box-area{width: 370px;} .food-drink-page .hm-step-animation .step-box-area .step-box{width: 300px; box-shadow: unset;padding: 0px;} .food-drink-page .hm-step-animation .step-3{width: 300px;} .food-drink-page .hm-step-animation .step-box-area .text{color:#000; font-size: 14px; height:auto; line-height:22px;} .food-drink-page .hm-step-animation .step-3 .step-top:after{content:''; position:absolute; background:#fff; width:50px; height:3px; right: 0px; bottom: -3px;} .f-d-manage-inventory{ max-width:1366px; margin:0 auto; margin-top:60px; padding-bottom: 100px; position:relative} .f-d-manage-inventory .section-heading{margin-left: 255px; position: absolute; top: 10px; font-size: 25px; font-weight: 600;} .f-d-manage-inventory .text{font-size: 17px; font-weight: 500; margin-left: 255px; margin-top: 100px; line-height: 30px;} .f-d-manage-inventory .carousel-item a{background:transparent; color:#2170ff; margin-left: 255px; font-size: 16px; letter-spacing: normal; padding:0px; margin-top: 25px; font-weight: 600; display:table} .f-d-manage-inventory .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 255px; top: 320px;} .f-d-manage-inventory .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 295px; top: 320px;} .f-d-manage-inventory .carousel-indicators{width: auto; bottom: -44px; left: unset; right: 135px;} .f-d-manage-inventory .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px; border:solid 1px #000} .f-d-manage-inventory .carousel-indicators .active{background:#000;} .f-d-employee-management{ max-width:1366px; margin:0 auto; margin-top:60px; padding-bottom: 100px; position:relative} .f-d-employee-management .section-heading{margin-left: 758px; position: absolute; top: 10px; font-size: 25px; font-weight: 600; line-height: 31px;} .f-d-employee-management .image-area{text-align: right; width: 100%; display: table;} .f-d-employee-management .text{font-size: 17px; font-weight: 500; margin-left: 85px; margin-top: 120px; line-height: 30px;} .f-d-employee-management .carousel-item a{background:transparent; color:#2170ff; margin-left: 85px; font-size: 16px; letter-spacing: normal; padding:0px; margin-top: 25px; font-weight: 600; display:table} .f-d-employee-management .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 755px; top: 320px;} .f-d-employee-management .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 785px; top: 320px;} .f-d-employee-management .carousel-indicators{width: auto; bottom: -44px; left: 190px; right: unset;} .f-d-employee-management .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px; border:solid 1px #000} .f-d-employee-management .carousel-indicators .active{background:#000;} .f-d-designed-to-gro-wrapper{background: #f1f4fb;} .f-d-designed-to-grow{background: #f1f4fb; max-width: 1349px; margin: 0 auto; padding: 150px 60px 120px 100px; position:relative;} .f-d-designed-to-grow .section-heading{position: absolute; font-size: 34px; font-weight: 600; line-height: 44px; left: 150px;} .f-d-designed-to-grow .text{font-size: 17px; font-weight: 500; margin-top: 160px; margin-left: 50px;} .f-d-designed-to-grow .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 55px; top: 320px;} .f-d-designed-to-grow .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 85px; top: 320px;} .f-d-designed-to-grow .carousel-indicators{width: auto; bottom: -44px; left: unset; right: 5px;} .f-d-designed-to-grow .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px; border:solid 1px #000} .f-d-designed-to-grow .carousel-indicators .active{background:#000;} .increase-sales-head{font-size: 35px; text-align: center; padding: 150px 35px 100px 35px; font-weight: 600;} .f-d-increase-sales{ max-width:1366px; margin:0 auto; margin-top:60px; padding-bottom: 100px; position:relative} .f-d-increase-sales .section-heading{margin-left: 255px; position: absolute; top: 10px; font-size: 25px; font-weight: 600;} .f-d-increase-sales .text{font-size: 17px; font-weight: 500; margin-left: 255px; margin-top: 100px; line-height: 30px;} .f-d-increase-sales .carousel-item a{background:transparent; color:#2170ff; margin-left: 255px; font-size: 16px; letter-spacing: normal; padding:0px; margin-top: 25px; font-weight: 600; display:table} .f-d-increase-sales .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 255px; top: 320px;} .f-d-increase-sales .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 295px; top: 320px;} .f-d-increase-sales .carousel-indicators{width: auto; bottom: -44px; left: unset; right: 205px;} .f-d-increase-sales .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px; border:solid 1px #000} .f-d-increase-sales .carousel-indicators .active{background:#000;} .f-d-loyalty-rewards{ max-width:1366px; margin:0 auto; margin-top:60px; padding-bottom: 100px; position:relative} .f-d-loyalty-rewards .section-heading{margin-left: 788px; position: absolute; top: 10px; font-size: 25px; font-weight: 600; line-height: 31px;} .f-d-loyalty-rewards .image-area{display: table; width: 500px; margin: 0 auto;} .f-d-loyalty-rewards .image-area svg{width:100%; height:auto;} .f-d-loyalty-rewards .text{font-size: 17px; font-weight: 500; margin-left: 0px; margin-top: 120px; line-height: 30px;} .f-d-loyalty-rewards .carousel-item a{background:transparent; color:#2170ff; margin-left: 0px; font-size: 16px; letter-spacing: normal; padding:0px; margin-top: 25px; font-weight: 600; display:table} .f-d-loyalty-rewards .carousel-control-prev{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 785px; top: 320px;} .f-d-loyalty-rewards .carousel-control-next{height: 25px; font-size: 25px; color: #FF3D55; opacity: 1; width: 25px; left: 815px; top: 320px;} .f-d-loyalty-rewards .carousel-indicators{width: auto; bottom: -64px; left: 140px; right: unset} .f-d-loyalty-rewards .carousel-indicators li{width: 10px; height: 10px; border-radius: 10px; opacity:1; background:#fff; margin-right: 7px; margin-left: 7px; border:solid 1px #000} .f-d-loyalty-rewards .carousel-indicators .active{background:#000;} .reputation-matters-heading{text-align: center; font-size: 35px; font-weight: 600; margin-bottom: 65px; margin-top: 80px;} .f-d-review-booster{width: 632px; margin: 0 auto; position:relative;} .f-d-review-booster .left-msg{position: absolute; left: -285px; bottom: 155px; text-align: right; font-weight: 500;} .f-d-review-booster .left-msg .icon{margin-bottom:15px;} .f-d-review-booster .right-msg{position: absolute; right: -165px; bottom: 15px; font-weight: 500;} .f-d-review-booster-link{display: table; margin: 0 auto; font-weight: 600; color: #f74b3e; margin-top: 25px;} .f-d-gift-card{background: #000; margin-top: 75px; padding: 125px;} .f-d-gift-card .client-love{max-width:1349px; margin:0 auto;} .f-d-gift-card .head{font-size: 40px; font-weight: 600; color: #fff; line-height: 47px;} .f-d-gift-card .head span{color:#bba068;} .f-d-gift-card .sub-text{font-size: 19px; color: #fff; margin-top: 15px; font-weight: 500;} .f-d-gift-card .sub-text-2{color: #fff; margin-top: 15px;} .f-d-gift-card a{margin-top: 25px; display: table; font-weight: 600;} .f-d-gift-card svg{width: 100%; height: auto; margin-top: 25px;} .f-d-gift-card .heading{font-size: 32px; color: #fff; text-align: center; margin-top: 150px; font-weight: 700;} .f-d-gift-card .g-c-img{width: 239px; margin: 0 auto; margin-top: 65px;} .f-d-gift-card .sub-text:last-child{text-align: center; color: #fff; margin-top: 45px; font-weight: 600;} .food-drink-page .testimonial .testimonail-inner-curve{background-color: rgba(180,136,94,0.84);} .food-drink-page .testimonial .head{margin-left: 122px;} .food-drink-page .testimonial .description{margin-left: 122px;} .food-drink-page .testimonial .testimonial-box:nth-child(3) {margin-top: 445px;} .food-drink-page .testimonial .testimonial-box:nth-child(4) {margin-top: 334px;} .food-drink-page .testimonial .testimonial-area{height:670px;} .studio-classes-industry .page-top-section .section-inner-curve{background-color: rgba(207,209,226,0.84);} .studio-classes-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 171px;} .studio-classes-industry .page-top-section .section-inner-curve .image-area {padding: 35px 85px 94px 65px;} .studio-classes-industry .turn-drop-ins-box .box{background:#cfd1e2;} .word-of-mouth{background: url(../images2021/word-of-mouth-img-2.png) no-repeat left top; margin-top: 130px; padding: 100px 150px; background-size:cover;} .word-of-mouth .head{font-size: 77px; color: #fff; font-weight: 700; line-height: 87px;} .word-of-mouth .text{color: #fff; margin-top: 25px; font-size: 16px; font-weight: 600;} .word-of-mouth a{margin-top: 55px; display: table; font-weight: 600;} .studio-classes-industry .optimize-operations svg{margin-left: 55px; margin-top: -100px;} .studio-classes-industry .optimize-operations .slider .carousel-control-prev{top:130px;} .studio-classes-industry .optimize-operations .slider .carousel-control-next{top:130px;} .studio-classes-industry .testimonial .testimonail-inner-curve{background-color: rgba(207,209,226,0.84); background-position:left -50px} .studio-classes-industry .testimonial .head{margin-left: 122px;} .studio-classes-industry .testimonial .description{margin-left: 122px;} .studio-classes-industry .testimonial .testimonial-box:nth-child(1) {margin-top: 185px; margin-left: 145px; width: 324px;} .studio-classes-industry .testimonial .testimonial-area{height:430px;} /* ---------------------- industry Page ------------------------*/ /* ---------------------- AI Page ------------------------*/ .ai-page .page-top-section .section-inner-curve{background-color: rgba(115,160,181,0.84);} .ai-page .page-top-section .section-inner-curve .content-area{padding: 60px 0px 50px 181px;} .ai-page .page-top-section .section-inner-curve .image-area {padding: 15px 85px 20px 35px;} .ai-page .management-software{padding: 120px 20px 105px 20px;} .ai-page .left-image-panel .head{margin-top: 200px; margin-left: 32px;} .ai-page .left-image-panel ul{margin-left: 32px; margin-top: 20px;} .ai-page .left-image-panel li{margin-bottom: 25px;} .ai-page .left-image-panel li:before{background: url(../images2021/lightblue-tick.png) no-repeat left top;} .ai-page .right-image-panel .image-area{padding:165px 100px 135px 160px} .ai-page .right-image-panel .head{margin-top: 165px; margin-left: 178px;} .ai-page .right-image-panel ul{margin-left: 178px; margin-top: 40px; font-size: 18px; white-space: nowrap;} .ai-page .right-image-panel li:before{background: url(../images2021/lightblue-tick.png) no-repeat left top;} .ai-page .action-button a{margin-top: 145px;} .ai-in-action{padding: 125px 50px 95px 50px; text-align: center; font-size: 40px; font-weight: 800; background: url(../images2021/ai-action-bg.png) no-repeat center center;} .ai-in-action-img{text-align:center;} .how-it-work{padding: 130px 50px 0px 50px; width: 1000px; margin: 0 auto; font-size: 33px; font-weight: 600;} .ai-animation-area{width: 940px; margin: 0 auto;} .ai-animation-area ul{margin:0px; padding:0px; list-style:none; margin-bottom: 45px;margin-top: 45px;} .ai-animation-area li a{width: 100%; color: #000; font-weight: 600; padding: 5px;display: table; position:relative;} .ai-animation-area li .active{padding-left:25px; } .ai-animation-area li .active:before{content:'>'; position:absolute; top :5px; left:10px;} .ai-animation-area .ai-text span{font-weight:600;} .ai-animation-area .pos-screen{position:relative; width: 450px;} .ai-animation-area .pos-screen svg{width:100%; height:auto;} .ai-animation-area .ai-screen{position: absolute; width: 342px; left: 55px; top: 32px;} .ai-animation-area .ai-screen svg{width:100%; height:auto;} .ai-page .testimonial .testimonail-inner-curve{background-color: rgba(115,160,181,0.84);} /* ---------------------- AI Page ------------------------*/ /* ---------------------- Pricing Page ------------------------*/ .pricing-page-top-section{width:100%; background:url(../images2021/page-top-panel-bg.jpg) no-repeat left top; background-size:cover;} .pricing-page-top-section .pricing-page-top-section-color {padding:50px; padding-top: 112px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#242fa1+0,5547ca+100&0.84+0,0.84+100 */ background: -moz-linear-gradient(left, rgba(36,47,161,0.84) 0%, rgba(85,71,202,0.84) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(36,47,161,0.84) 0%,rgba(85,71,202,0.84) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(36,47,161,0.84) 0%,rgba(85,71,202,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6242fa1', endColorstr='#d65547ca',GradientType=1 ); /* IE6-9 */} .pricing-page-top-section .pricing-page-top-section-color .top-text-area{text-align:center; margin-bottom:70px;} .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area{color: #fff; font-size: 50px; font-weight: 500; line-height: 65px;} .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area-2{color: #fff; font-size: 23px; margin-top: 25px; font-weight: 500;} .pricing-box{background: #fff; border-radius: 20px; padding: 65px 40px; padding-bottom:20px;} .pricing-section{max-width:1349px; margin:0 auto;} .pricing-box .head{font-size: 37px; text-align: center; font-weight: 600; margin-bottom: 25px;} .pricing-box ul{margin:0px; padding:0px; list-style:none; width: 240px; margin: 0 auto!important;} .pricing-box li{font-size: 18px; padding: 3px 5px; padding-left: 28px; position:relative; opacity:0.3; font-weight:500;} .pricing-box li:before{content:''; background:url(../images2021/pricing-balck-tick.png) no-repeat left top; width:14px; height:13px; left: 0px; top: 10px; position: absolute;} .pricing-box ul .active{opacity:1;} .pricing-box .pricing-tab{text-align: center; font-size: 40px; font-weight: 600; margin-top: 40px; line-height: 50px;} .pricing-box .sub-text{text-align: center; font-size: 12px; font-weight: 600;} .pricing-box .duration-tab{border: solid 0px #686868; border-radius: 7px; margin:0 auto; margin-top: 85px; display: table; width: 250px;} .pricing-box .duration-tab .inner-tab{float: left; padding: 12px 10px; font-size: 14px; width: 50%; text-align: center; font-weight: 600; position:relative; cursor:pointer;} .pricing-box .duration-tab .inner-tab:first-child{border: solid 2px #686868; border-right:0px; border-radius:7px 0px 0px 7px;} .pricing-box .duration-tab .inner-tab:last-child{border: solid 2px #686868; border-left:0px; border-radius:0px 7px 7px 0px;} .pricing-box .duration-tab .inner-tab .save-10{position: absolute; font-size: 11px; background: #686868; padding: 2px 8px; color: #fff; top: -32px; left:10px;} .pricing-box .duration-tab .inner-tab .save-10:before{content: '\f0d7'; font-family: FontAwesome; position: absolute; bottom: -15px; color: #686868; left: 50%; margin-left: -5px; font-size: 18px;} .pricing-box .duration-tab .active{background:#686868; color:#fff; padding-left: 28px; position:relative;} .pricing-box .duration-tab .active:before{content:''; background:url(../images2021/price-white-tick.png) no-repeat left top; position:absolute; content:''; width:11px; left: 11px; top: 19px; height: 9px;} .pricing-box .price_view_deom{display: block; width: 300px; padding: 20px; background: #686868; color: #fff; border-radius: 30px; text-align: center; margin: 0 auto; margin-top: 40px; font-size: 13px; font-weight: 600; letter-spacing: 2px;} .advanced-box li:before{content:''; background:url(../images2021/pricing-blue-tick.png) no-repeat left top;} .advanced-box .duration-tab{border:solid 0px #2170FF} .advanced-box .duration-tab .inner-tab:first-child{border: solid 2px #2170FF; border-right:0px;} .advanced-box .duration-tab .inner-tab:last-child{border: solid 2px #2170FF; border-left:0px;} .advanced-box .duration-tab .active{background:#2170FF} .advanced-box .duration-tab .inner-tab .save-10{background:#2170FF} .advanced-box .duration-tab .inner-tab .save-10:before{color:#2170FF} .advanced-box .price_view_deom{background:#2170FF} .premium-box li:before{content:''; background:url(../images2021/pricing-green-tick.png) no-repeat left top;} .premium-box .duration-tab{border:solid 0px #567B00} .premium-box .duration-tab .inner-tab:first-child{border: solid 2px #567B00; border-right:0px;} .premium-box .duration-tab .inner-tab:last-child{border: solid 2px #567B00; border-left:0px;} .premium-box .duration-tab .active{background:#567B00} .premium-box .duration-tab .inner-tab .save-10{background:#567B00} .premium-box .duration-tab .inner-tab .save-10:before{color:#567B00} .premium-box .price_view_deom{background:#567B00} .pricing-area{background: rgba(216,216,216,.65); padding: 20px 12px;} .pricing-area .pricing-panel{background:#fff; border-radius: 5px; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); padding:10px; max-width:1330px; margin:0 auto;} .pricing-area .pricing-panel .head {border-bottom:solid 2px #D8D8D8;} .pricing-area .pricing-panel .head .col-md-3{padding: 20px 10px; font-size: 24px; font-weight: 600; line-height: 30px; border-right:solid 2px #D8D8D8; text-align:center;} .pricing-area .pricing-panel .head .col-md-3:first-child{text-align:left;} .pricing-area .pricing-panel .head .text{text-align: left; padding-top: 135px; font-size: 20px;} .pricing-area .pricing-panel .row{border-bottom:solid 2px #D8D8D8;} .pricing-area .pricing-panel .row:last-child{border:0px;} .pricing-area .pricing-panel .col-md-3{padding:15px 10px; font-size:17px; font-weight:600; border-right:solid 2px #D8D8D8; text-align:Center; max-width: 23%!important; flex: 23%!important;} .pricing-area .pricing-panel .col-md-3:first-child{text-align:left; max-width: 31%!important; flex: 31%!important;} .pricing-area .pricing-panel .col-md-3:last-child{border:0px;} .pricing-area .pricing-panel .sub-text{font-size:16px; font-weight:400;} .pricing-area .pricing-panel .sub-text-2{font-size:14px; font-weight:400;} .pricing-area .pricing-panel .sub-text span{font-weight:300; display:table; width:100%; font-size:11px;} .pricing-area .pricing-panel-2{background:#fff; border-radius: 5px; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); padding:10px; max-width:1330px; margin:0 auto;} .pricing-area .pricing-panel-2 .row{border-bottom:solid 2px #D8D8D8;} .pricing-area .pricing-panel-2 .row:last-child{border:0px;} .pricing-area .pricing-panel-2 .col-md-6{padding:20px 25px; font-size:16px; border-right:solid 2px #D8D8D8; font-weight:400} .pricing-area .pricing-panel-2 .col-md-3{font-size:24px; font-weight:600; padding:20px 25px; border-right:solid 2px #D8D8D8;} .pricing-area .pricing-panel-2 .col-md-3:last-child{border:0px;} .pricing-area .pricing-panel-2 .button{width:100%; display:table; background:#000; color:#fff; border-radius:7px; font-size: 14px; font-weight: 500; text-align: center; padding: 16px;} .pricing-area .pricing-panel-3{background:#fff; border-radius: 5px; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); padding:10px; max-width:1330px; margin:0 auto;} .pricing-area .pricing-panel-3 .row{border-bottom:solid 2px #D8D8D8;} .pricing-area .pricing-panel-3 .row:last-child{border:0px;} .pricing-area .pricing-panel-3 .col-md-4{padding:15px; font-size:17px; font-weight:400; border-right:solid 2px #D8D8D8; } .pricing-area .pricing-panel-3 .col-md-4:last-child{text-align:Center; border:0px;} .pricing-area .pricing-panel-3 .head .text-1{font-size:24px; font-weight:600; display:table; width:100%;} .pricing-area .pricing-panel-3 .col-md-4:first-child{font-weight:600;} .pricing-area .pricing-panel-3 .head .col-md-4:last-child{font-size:24px; font-weight:600;} .pricing-area .pricing-panel-3 .col-md-3{padding:15px; font-size:17px; font-weight:400; border-right:solid 2px #D8D8D8; } .pricing-area .pricing-panel-3 .col-md-3:last-child{text-align:Center; border:0px;} .pricing-area .pricing-panel-3 .head .text-1{font-size:24px; font-weight:600; display:table; width:100%;} .pricing-area .pricing-panel-3 .col-md-3:first-child{font-weight:600;} .pricing-area .pricing-panel-3 .head .col-md-3:last-child:last-child{font-size:24px; font-weight:600;} .pricing-location {padding: 100px 40px; width: 100%; display: table;} .pricing-screen {width: 497px; height: 300px; margin: 0 auto;} .pricing-screen svg{width:100%; height:auto;} .pricing-location .text-1 {color: #000; font-size: 2.2rem; font-weight: 500; margin: 80px 0px 30px 0px;} .pricing-location .text-1 span{font-weight: 400; font-style: italic;} .pricing-location .common-button {width: 230px; background: #000; color: #fff; text-transform: uppercase; padding: 14px 28px; margin-left: 60px; display: block; text-align: center; border-radius: 10px;} .app-faqs-wrapper {background:#dfbeb0; padding:70px 120px; margin-top:50px;} .app-faqs-wrapper .heading{max-width:1349px; margin:0 auto; font-size: 60px; font-weight: 500;} .app-faqs-wrapper .sub-heading{max-width:1349px; margin:0 auto; font-size: 28px; font-weight: 600; margin-bottom: 15px;} .app-faqs-wrapper .question-area{max-width:1349px; margin:0 auto;} .app-faqs-wrapper .card{border:0px solid rgba(0,0,0,.125); border-radius:0px; background:transparent; border-bottom: solid 1px #000!important;} .app-faqs-wrapper .card .card-header{border-bottom:solid 0px #000; background:transparent; padding:0px;} .app-faqs-wrapper .card .card-header button{padding: 20px 8px; color: #000; text-decoration: none; font-size: 22px; font-weight: 300;} .app-faqs-wrapper .card .card-body{padding: 15px 8px; font-size: 20px; font-weight: 300;} .app-faqs-wrapper .card .card-header .btn-link[aria-expanded="false"]:after{content: ''; position: absolute; top: 24px; right: 24px; background: url(../images2020/plus-icon.png) no-repeat top left; width: 15px; height: 15px;} .app-faqs-wrapper .card .card-header .btn-link[aria-expanded="true"]:after{content: ''; position: absolute; top: 24px; right: 24px; background: url(../images2020/minus-icon.png) no-repeat top left; width: 15px; height: 15px;} .pricing-faq{padding: 40px 120px 100px 120px; margin:0 auto; background:#eef2ff; background-size: cover!important;} .pricing-faq .row{width:100%;} .pricing-faq .question-area{max-width:1349px;} .pricing-faq .heading{font-size: 60px; font-weight: 500; padding: 15px 0px 0px 0px;} .pricing-faq .head{font-size: 13px; font-weight: 700; margin-bottom:10px; line-height: 23px;} .pricing-faq .text{font-size: 13px; margin-bottom: 40px; line-height: 23px;} .pricing-popup-portal .pricing-panel .row{width:100%; display:table;} .pricing-popup-portal .pricing-panel .col-md-3:first-child{max-width: 23%!important; width:23%!important; flex: none!important; float:left; border:0px!important;} .pricing-popup-portal .pricing-panel .col-md-3{max-width: 22%!important; width:22%!important; flex: none!important; float:left; border:0px!important;} .pricing-popup-portal .pricing-area{padding:0px;} .pricing-popup-portal .pricing-area .pricing-panel{box-shadow:unset; border-radius:0px;} .pricing-popup-portal .pricing-area .pricing-panel-3{box-shadow:unset;border-top: solid 10px #e1e1e1; border-radius: 0px;} .pricing-popup-portal .pricing-area .pricing-panel-3 .row{width:100%; display:table;} .pricing-popup-portal .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 29%!important; float: left; width:29%!important;} .pricing-popup-portal .pricing-area .pricing-panel-3 .col-md-4{max-width: 29%!important; width: 29%!important; float: left; border: 0px!important;} .pricing-popup-portal .pricing-box-n ul{display:none;} .pricing-popup-portal .pricing-box-n .pricing-tab{display:none;} .pricing-popup-portal .pricing-area .pricing-panel .sub-text{display:none;} .pricing-popup-portal .pricing-area .pricing-panel{padding:0px;} .pricing-popup-portal .pricing-box-n .head{font-size:18px; border:0px;} .pricing-popup-portal .pricing-area .pricing-panel .col-md-3{max-width: 19%!important; flex: 19%!important;} .pricing-popup-portal .pricing-area .pricing-panel .col-md-3:first-child{width: 33.5%!important; line-height: normal;} .pricing-popup-portal .pricing-m-heading {display:none;} .pricing-popup-portal .mobile-view{display:none;} .duration-tab-individual{border: solid 0px #2170FF; border-radius: 7px; margin:0 auto; margin-top: 55px; display: table; width: 630px; background:#fff} .duration-tab-individual .inner-tab{float: left; padding: 15px 10px; font-size: 17px; width: 25%; text-align: center; font-weight: 600; position:relative; cursor:pointer; border: solid 1px #2170FF; border-right: solid 0px #2170FF;} .duration-tab-individual .inner-tab:first-child{border: solid 1px #2170FF; border-right:0px; border-radius:7px 0px 0px 7px;} .duration-tab-individual .inner-tab:last-child{border: solid 1px #2170FF; border-left:solid 1px #2170FF; border-radius:0px 7px 7px 0px;} .duration-tab-individual .inner-tab .save-10{position: absolute; font-size: 14px; background: #2170FF; padding: 2px 8px; color: #fff; top: -36px; left:10px;} .duration-tab-individual .inner-tab .save-10:before{content: '\f0d7'; font-family: FontAwesome; position: absolute; bottom: -15px; color: #2170FF; left: 50%; margin-left: -5px; font-size: 18px;} .duration-tab-individual .active{background:#2170FF; color:#fff; padding-left: 28px; position:relative;} .duration-tab-individual .active:before{content:''; background:url(../images2021/price-white-tick.png) no-repeat left top; position:absolute; content:''; width:11px; left: 15px; top: 25px; height: 9px;} .pricing-box-n .head{font-size: 30px; text-align: center; font-weight: 600; margin-bottom: 15px; padding-bottom: 15px;} .pricing-box-n ul{margin:0px; padding:0px; list-style:none; width: 240px; margin: 0 auto!important; text-align:left;} .pricing-box-n li{font-size: 18px; padding: 3px 5px; padding-left: 28px; position:relative; opacity:0.3; font-weight:500;} .pricing-box-n li:before{content:''; background:url(../images2021/pricing-balck-tick.png) no-repeat left top; width:14px; height:13px; left: 0px; top: 10px; position: absolute;} .pricing-box-n ul .active{opacity:1;} .pricing-box-n .pricing-tab{text-align: center; font-size: 40px; font-weight: 600; margin-top: 20px; line-height: 50px;} .pricing-box-n .sub-text{text-align: center; font-size: 12px; font-weight: 600;} .pricing-box-n .price_view_deom{display: block; width: 90%; padding: 10px; background: #686868; color: #fff; border-radius: 30px; text-align: center; margin: 0 auto; margin-top: 30px; font-size: 13px; font-weight: 600; letter-spacing: 2px;} .advanced-box .pricing-tab{color:#2170FF} .advanced-box .price_view_deom{background:#2170FF} .premium-box .pricing-tab{color:#567B00} .premium-box .price_view_deom{background:#567B00} #request-quote input{font-size: 14px; width: 100%; border: solid 1px #767676; border-radius: 5px; font-weight: 500; padding:10px;} #request-quote input::placeholder{color:#000; font-family:'Inter', sans-serif!important; font-weight:500;} #request-quote select{font-size: 14px; width: 100%; border: solid 1px #767676; border-radius: 5px; font-weight: 500; padding:10px;} #request-quote textarea{font-size: 14px; width: 100%; border: solid 1px #767676; border-radius: 5px; font-weight: 500; padding:10px;} #request-quote textarea::placeholder{color:#000; font-family:'Inter', sans-serif!important; font-weight:500;} #request-quote .button{font-family: 'Work Sans', sans-serif; width: 100%; background: #000!important; color: #fff; border-radius: 5px; font-size: 15px; padding: 12px 10px; border: 0px; letter-spacing: .5px;} #request-quote .terms{font-size:11px; color:#767676} #request-quote .terms a{color:#767676; text-decoration:underline;} #request-quote .dropdown-toggle{text-align:left; font-size:14px; padding:10px; border:solid 1px #767676} #request-quote .dropdown-toggle i{position: absolute; right: 12px; top: 11px;} #request-quote .dropdown-toggle::after{display:none;} #subsription_modal .modal-dialog{max-width:1100px;} /* ---------------------- Pricing Page ------------------------*/ /*----Food Market Place App---*/ .food-market-place-app-page .page-top-section .section-inner-curve {background: rgb(253 82 98 / 84%) url(../images2021/top-panel-curve.png) no-repeat left bottom;padding-top: 112px;} .food-market-place-app-page .testimonial{display:none;} .food-market-place-app-page .salesvu-app-section{margin-bottom:100px;} .food-market-place-app-page .testimonial .testimonail-inner-curve {background-color: rgb(253 82 98 / 84%);} .food-market-place-app-page .page-top-section .curve-relative .image-area-banner {right: 160px;} .testimonial .logo-box{text-align: center; font-size: 24px; padding: 100px; border-radius: 15px; border: solid 1px #000;} .left-right-section{max-width: 1200px;margin: 0px auto;margin-top: 120px;padding-left: 8%;} .l-r-head{font-size: 26px;font-weight: 700;} .l-r-sub-head{font-size: 18px;font-weight: 600;margin-top: 24px;} .l-r-list{margin-top: 25px;padding: 0px;list-style: none;} .l-r-list li{ margin-bottom:20px;font-size: 18px; position:relative;} .l-r-list li:before {content: ''; background: url(../images2021/fm-tick.png) no-repeat left top;width: 11px;height: 11px; position: absolute;left: -21px;top: 9px;} .l-r-img{ margin-bottom:30px;} .l-r-img img{max-height: 135px;max-width: 100%;} .page-top-section .curve-relative .content-area .button { margin-bottom:120px;} /*----Food Market Place App---*/ .page-content-heading {text-align: center;font-size: 33px;font-weight: 600;padding: 100px 0px 20px 0px;} .page-content-sub-heading {font-size: 20px;font-weight: 600;color: #a9a7a7;margin-top: 10px;} .food-market-place-app-page .page-content-sub-heading {color: #000;} .page-content-sub-heading-second{font-size: 18px;font-weight: 400;color: #4c4b4b;margin-top: 10px;} .padding-top-first{ padding-top:60px;} a.right-section-learn-more { background: #ff3d55; background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); color: #fff; border-radius: 30px; padding: 12px 35px; display: table; margin-top: 30px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 0px; } a.left-section-learn-more { background: #ff3d55; background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); color: #fff; border-radius: 30px; padding: 12px 35px; display: table; margin-top: 30px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; margin-left: 0px; } /*---Apps Pages---*/ .page-top-section.branded-app-top-section .section-inner-curve {background: rgb(255 94 0 / 84%) url(../images2021/top-panel-curve.png) no-repeat left bottom;} .page-top-section .curve-relative .image-area-banner{ position: absolute; right: 60px;top: -20px;} .inventory-vendor-management-page .page-top-section .curve-relative .image-area-banner {top: -80px;} .page-top-section .curve-relative .image-area-banner svg{height: 500px; width: 500px;} .brandedapp-page .page-top-section .curve-relative .image-area-banner svg{height: 550px; width: 550px;} .inventory-vendor-management-page .page-top-section .curve-relative .image-area-banner svg{height: 600px; width: 600px;} .page-top-section .section-inner-curve.curve-relative .content-area {padding: 40px 0px 50px 171px;} .left-image-section{ margin-top:100px;} .inventory-vendor-management-page .col-md-5{padding-top: 95px;} .left-image-section .col-md-7 img{ width:78%;} .left-image-section .head{font-size: 33px; font-weight: 500; line-height: 35px; } .left-image-section .sub-head {font-size: 19px;font-weight: 600;line-height: 35px;margin-top: 30px;} .left-image-section ul{margin: 0px; padding: 0px 4% 0 0; list-style: none; margin-top: 40px; font-size: 19px;line-height: 32px;} .left-image-section li{margin-bottom: 15px; position:relative;} .brandedapp-page .left-image-section li:before{content:''; background:url(../images2021/orange-tick.png) no-repeat left top; width:11px; height:11px; position:absolute; left: -21px; top: 9px;} .brandedapp-page .right-image-section li:before{content:''; background:url(../images2021/orange-tick.png) no-repeat left top; width:11px; height:11px; position:absolute; left: -21px; top: 9px;} .right-image-section{margin-top:100px;} .right-image-section .col-md-7{ text-align:right;} .right-image-section .col-md-5{ padding-left:10%;} .right-image-section .col-md-7 img{ width:78%;} .right-image-section .head{font-size: 33px; font-weight: 500; line-height: 35px; } .right-image-section .sub-head {font-size: 19px;font-weight: 600;line-height: 35px;margin-top: 30px;} .right-image-section ul{margin: 0px; padding: 0px 4% 0 0; list-style: none; margin-top: 40px; font-size: 19px;line-height: 32px;} .right-image-section li{margin-bottom: 15px; position:relative;} .right-image-section li:before{content:''; background:url(../images2021/blue-tick.png) no-repeat left top; width:11px; height:11px; position:absolute; left: -21px; top: 9px;} .curve-relative{ position:relative; background-size:contain !important;} .testimonial.testimonial-brandedapp .testimonail-inner-curve {background: rgb(255 94 0 / 84%) url(../images2021/testimonail-inner-curve.png) no-repeat left top;background-size: contain;} .multi-mob-section{background:url(../images2021/multi-mob-bg.jpg) no-repeat top;background-size: 100%; margin-top:100px;min-height: 777px;background-size: 100%;} .multi-mob-container{ max-width:1100px; width:98%; margin:0px auto;} .multi-mob-section .mob-box-content{padding:110px 30px 110px 30px; text-align:center;background: #eaeaea;border-radius: 30px;min-height: 626px;position: relative;border: solid 1px #dedede;box-shadow: 0px 4px 4px rgb(224 224 224 / 50%);} .mob-bg-one{/*background:url(../images2021/mob-bg-one.png) no-repeat top;background-size: 100%;*/ position:relative;padding-top: 30px;} .mob-bg-two{/*background:url(../images2021/mob-bg-two.png) no-repeat top;background-size: 100%;*/position:relative;padding-top: 30px;} .mob-bg-three{/*background:url(../images2021/mob-bg-three.png) no-repeat top;background-size: 100%;*/position:relative;padding-top: 30px;} .mob-top-curve{background: white;height: 42px;border-radius: 30px;position: absolute;top: -13px;max-width: 160px;margin: 0px auto;left: calc((100% - 160px) / 2);width: 100%;} .mob-box-title{font-weight: 700;font-size: 18px;margin-bottom: 20px;} .mob-box-txt{font-size: 15px;color: #7b7979;font-weight: 400;} .abs-txt-one {position: absolute;bottom: -57px;text-align: left;font-weight: 700;font-size: 15px;left: -70px;} .abs-txt-two{position: absolute;top: -60px;text-align: left;font-weight: 700;font-size: 15px;left: -142px;} .abs-txt-three {position: absolute;bottom: -36px;text-align: left;font-weight: 700;font-size: 15px;right: -133px;} .abs-txt-four{position: absolute;top: -47px;text-align: left;font-weight: 700;font-size: 15px;right: -152px;} .abs-txt-five{position: absolute;bottom: -36px;text-align: left;font-weight: 700;font-size: 15px;right: -60px;} .abs-arrow-one {position: absolute;bottom: -35px;left: 70px;} .abs-arrow-two{position: absolute;top: -49px;left: -13px;} .abs-arrow-three{position: absolute;bottom: -50px;right: 10px;} .abs-arrow-four{position: absolute;top: -55px;right: -19px;} .abs-arrow-five{position: absolute;bottom: -22px;right: -40px;} /*---Inventory Page---*/ .inventory-vendor-management-page .left-image-section ul{margin-top: 0px;font-size: 20px; color:#4c4c4c} .inventory-vendor-management-page .left-image-section li:before{background: none;} .inventory-vendor-management-page .right-image-section ul{margin-top: 0px;font-size: 20px; color:#4c4c4c} .inventory-vendor-management-page .right-image-section li:before{background: none;} #live-demo .modal-header{border-bottom: 0px; text-align: center; padding-bottom:0px;} #live-demo .modal-title{width: 100%; font-family: 'Jost', sans-serif; font-size: 27px; margin-top: 80px;} #live-demo .modal-body{background:url(../images2020/popup-bg.png) no-repeat center bottom; background-size:contain; padding-top:0px;} /*-----------Integrations Pages------*/ .integrations-page .page-top-section{background: url(../images2021/partner-integration-bg.jpg) no-repeat left -240px;} .integrations-page .page-top-section .section-inner-curve{background-color:rgba(0,0,0,0.5);} .integrations-page .page-top-section .section-inner-curve .content-area{padding: 21px 0px 50px 138px;} .integrations-page .page-top-section .section-inner-curve .content-area .text{font-size: 40px; line-height: 68px; margin-bottom: 50px;} .integrations-page .page-top-section .section-inner-curve .content-area .sub-text{font-weight: 500; font-size: 17px; margin-bottom: 175px;} .integrations-page .page-top-section .section-inner-curve .content-area .button{position: absolute; right: 45px; bottom: 15px; padding: 15px 94px;} .integrations-page .management-software{font-size:50px; padding: 87px 0px 20px 0px; font-weight: 500;} .integrations-page .management-software span{font-size: 20px; display: table; width: 100%; font-weight: 400; margin-top: 25px;} .integrations-page .management-software span a{font-weight:500; text-decoration:underline; color:#000} .integrations-page .filter-type-wrapper{padding: 30px; text-align: center; border-top: solid 1px #edf1f9; border-bottom: solid 1px #edf1f9; margin-top: 110px; max-width: 1200px; margin: 0 auto; margin-top: 110px;} .integrations-page .filter-type-wrapper .filter-type{box-shadow: 3px 3px 0px rgb(93 93 93 / 20%); border-radius: 12px; padding: 20px 20px 20px 170px; font-weight: 600; color: #383838; text-align: center; width: 410px; display: block; margin: 0 auto; border: solid 1px rgb(93 93 93 / 10%); position:relative;} .integrations-page .filter-type-wrapper .filter-type span{position: absolute; left: 35px; font-size: 22px; font-weight: 500; top: 50%; margin-top: -16px;} .integrations-page .filter-type-wrapper .filter-type select{border: 0px; font-size: 22px; padding:5px; outline:unset; width:100%; background:transparent;} .integrations-page .hm-integrable-software-boxes{ margin-top:70px;} .integrations-page .int-partner-heading{box-shadow: 0px 0px 7px rgb(93 93 93 / 20%); border-radius: 5px; padding: 25px; font-weight: 600; color: #383838; text-align: center; font-size: 20px; margin-bottom: 20px; width: 344px; margin-left: 30px; display: block;} .integrations-page .int-bottom-border{border-bottom: solid 1px #e4e4e4;padding-bottom: 15px;margin-bottom: 35px;} .integration-overview {max-width: 1349px; margin: 0 auto; padding: 70px 78px;} .integration-overview .head{font-size: 37px; font-weight: 500; margin-left: 100px;} .integration-overview .text{margin-left: 100px; font-size: 20px; margin-top: 25px; font-weight: 500; line-height: 37px;} .integration-overview svg{width:100%; height:auto; margin-top:20px;} .gorw-sell-manage-save{max-width: 1150px; margin: 0 auto; margin-top: 200px; text-align: center;} .gorw-sell-manage-save .head{font-size: 20px; font-weight: 500; margin-top: 13px;} .gorw-sell-manage-save .text{font-size: 16px; margin-top: 15px; line-height: 20px;} .integration-inner-page .page-top-section .section-inner-curve .content-area{padding: 31px 0px 50px 185px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .int-logo{margin-bottom: 25px; width: 160px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .int-logo svg{width:100%; height:auto;} .integration-inner-page .page-top-section .section-inner-curve .content-area .text{font-size: 40px; line-height: 73px; margin-bottom: 20px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .text span{font-weight: 400; font-style: italic;} .integration-inner-page .page-top-section .section-inner-curve .content-area .sub-text{font-weight: 500; font-size: 17px; margin-bottom: 125px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .sub-text span{font-weight: 400; font-style: italic;} .integration-inner-page .page-top-section .section-inner-curve .content-area .button{position: absolute; right: 90px; bottom: -10px; padding: 15px 64px; background:#006dff;} .integration-inner-page .management-software{font-size: 36px; font-weight: 700; padding: 130px 0px 20px 0px; line-height: 50px;} .integration-inner-page .left-image-panel .image-area{padding:150px 0px 140px 140px} .integration-inner-page .left-image-panel .head{margin-left: -15px; font-size: 37px; margin-top: 85px;} .integration-inner-page .left-image-panel .sub-text{font-size: 20px; line-height: 36px; margin-top: 45px; margin-left: -15px; font-weight: 500;} .integration-inner-page .int-pricing-area{position: absolute; background: #fff; right: 0px; top: 70px; padding: 15px 30px; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);} .paypal-page .page-top-section{background: url(../images2021/int-paypal-bg-img.jpg) no-repeat left -130px;} .paypal-page .page-top-section .section-inner-curve{background-color:rgba(0,159,212,0.2);} .plugnpay-page .page-top-section{background: url(../images2021/int-plugnpay-bg-img.jpg) no-repeat left -130px;} .plugnpay-page .page-top-section .section-inner-curve{background-color:rgba(0,56,107,0.2);} .plugnpay-page .gorw-sell-manage-save{margin-top: 70px;} .plugnpay-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 185px;} .plugnpay-page .left-image-panel .image-area{padding:150px 0px 140px 0px} .zohobook-page .page-top-section{background: url(../images2021/int-zohobook-bg-img.jpg) no-repeat left -155px;} .zohobook-page .page-top-section .section-inner-curve{background-color:rgba(239,90,15,0.2);} .zohobook-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 150px;} .zohobook-page .left-image-panel .image-area{padding:150px 0px 140px 0px} .zohobook-page .left-image-panel .head{margin-left: 0px; margin-top: 155px;} .zohobook-page .left-image-panel .sub-text{margin-left: 0px;} .zohobook-page .gorw-sell-manage-save{margin-top: 70px;} .quickbook-page .page-top-section{background: url(../images2021/int-quickbook-bg-img.jpg) no-repeat left -215px;} .quickbook-page .page-top-section .section-inner-curve{background-color:rgba(0,163,0,0.2);} .quickbook-page .page-top-section .section-inner-curve .content-area {padding: 21px 0px 50px 185px;} .quickbook-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 120px;} .quickbook-page .left-image-panel .image-area{padding:150px 0px 140px 0px} .quickbook-page .left-image-panel .head{margin-left: 0px; margin-top: 125px;} .quickbook-page .left-image-panel .sub-text{margin-left: 0px;} .quickbook-page .gorw-sell-manage-save{margin-top: 70px;} .tessitura-page .page-top-section{background: url(../images2021/int-tessitura-bg-img.jpg) no-repeat left -193px;} .tessitura-page .page-top-section .section-inner-curve{background-color:rgba(237,26,19,0.2);} .tessitura-page .page-top-section .section-inner-curve .content-area {padding: 21px 0px 50px 185px;} .tessitura-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 140px;} .tessitura-page .left-image-panel{margin-top: 20px;} .tessitura-page .left-image-panel .head{margin-left:0px; margin-top:135px;} .tessitura-page .left-image-panel .sub-text{margin-left:0px;} .tessitura-page .gorw-sell-manage-save{margin-top: 70px;} .zettle-page .page-top-section{background: url(../images2021/int-zettle-bg-img.jpg) no-repeat left -33px;} .zettle-page .page-top-section .section-inner-curve{background-color:rgba(126,133,160,0.2);} .zettle-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 175px;} .zettle-page .integration-overview svg{margin-top: 90px;} .zettle-page .integration-overview .head{margin-left:70px;} .zettle-page .integration-overview .text{margin-left:70px; line-height: 41px;} .zettle-page .second-overview svg{width:auto; height:auto;} .zettle-page .second-overview .head{margin-left:0px;} .zettle-page .second-overview .text{margin-left:0px;} .zettle-page .third-overview .head{margin-left:0px;} .zettle-page .third-overview .text{margin-left:0px;} .zettle-page .modernize-pos{text-align: center; font-size: 33px; font-weight: 600; margin-top: 60px;} .zettle-page .gorw-sell-manage-save{max-width: 1090px; margin-top: 70px;} .zettle-page .gorw-sell-manage-save .text{margin-bottom: 65px;} .zettle-page .hm-integrable-software{margin-top: 50px;} .integration-square-top-panel{background: #000; padding: 175px 20px 100px 20px; text-align: center;} .integration-square-top-panel .square-salesvu{color: #fff; font-weight: 200; font-size: 38px; margin-bottom: 30px;} .integration-square-top-panel .square-salesvu svg{position: relative; top: -9px;} .integration-square-top-panel .text{letter-spacing: 0.3px; color: #fff; font-weight: 300; font-size: 19px; line-height: 36px; position: relative;} .square-overview{max-width: 1055px; margin: 0 auto; margin-top: 100px;} .square-overview .head{padding-bottom: 15px; font-size: 14px; font-weight: 800; letter-spacing: 1px; color: #000000; margin-left: 75px;} .square-overview .text{margin-left: 75px; font-size: 19px; font-weight: 300; line-height: 32px;} .square-overview a{text-align: center; color: #ffffff; margin-top: 15px; display: block; padding: 14px 0px; font-size: 12px; font-weight: 600; margin-top: 30px; background: #000; width: 230px; border-radius: 8px; letter-spacing: 1px; margin-left: 75px;} .try-salesvu{background: #000; margin-top: 100px; text-align: center; padding: 110px; margin-bottom: 50px;} .try-salesvu .head{color: #ffffff; font-size: 33px; font-weight: 500; letter-spacing: 0.5px;} .try-salesvu .text{color: #ffffff; font-size: 24px; font-weight: 300; margin-top: 20px; letter-spacing: 0.5px;} .try-salesvu a{background: #2170ff; border-radius: 8px; text-align: center; color: #fff; margin-top: 50px; display: inline-block; padding: 15px 42px; font-size: 13px; font-weight: 600; text-transform: uppercase;} .second-overview .head{margin-left:0px;} .second-overview .text{margin-left:0px;} .second-overview a{margin-left:0px;} .fourth-overview .head{margin-left:0px;} .fourth-overview .text{margin-left:0px;} .fourth-overview a{margin-left:0px;} .square-page-top-panel{background:#000;} .square-page-top-panel svg{width:100%; height:auto;} .square-page-top-panel .img-area{width:100%; height:100%; background-size: cover!important;} .square-page-top-panel .pricing{position: absolute; background: #fff; padding: 15px 25px; right: 0px; top: 125px; font-size: 12px; font-weight: 700; letter-spacing: .5px;} .square-page-top-panel .button{position: absolute; bottom: 45px; right: 108px; padding: 15px 65px; border-radius: 8px; font-size: 15px; background: #2170ff; color: #fff; font-weight: 600; z-index: 100;} .square-page-top-panel .integration-logo{margin-top: 150px; margin-left: 160px; width: 170px;} .square-page-top-panel .integration-logo svg{width:100%; height:auto;} .square-page-top-panel .page-title{margin-left: 160px; color: #fff; margin-top: 25px; font-size: 45px; font-weight: 600;} .square-page-top-panel .page-title span{font-weight: 400; font-style: italic;} .square-page-top-panel .text{margin-left: 160px; color: #fff; margin-top: 25px; font-size: 17px; line-height: 35px;margin-bottom: 70px; } .square-by-here .page-top-section{background: url(../images2021/here-by-salesvu-img.jpg) no-repeat left -233px; margin-bottom: 60px;} .square-by-here .page-top-section .section-inner-curve{background-color:rgba(0,0,0,0.6);} .square-by-here .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 100px;} .square-by-here .page-top-section .section-inner-curve .content-area .button{bottom: -60px; left: 50%; margin-left: -120px; right: unset; background:#000} .square-by-here .management-software{padding:90px 0px 20px 0px} .square-by-here .integration-overview{padding: 70px 48px;} .square-by-here .integration-overview svg{width:auto; height:auto; margin-top: 40px;} .square-by-here .left-image-panel .head{margin-left:0px;} .square-by-here .left-image-panel .sub-text{margin-left:0px;} .square-by-pos .page-top-section{background: url(../images2021/pos-by-salesvu-img.jpg) no-repeat left -283px; margin-bottom: 60px;} .square-by-pos .page-top-section .section-inner-curve{background-color:rgba(0,0,0,0.6);} .square-by-pos .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 100px;} .square-by-pos .page-top-section .section-inner-curve .content-area .button{bottom: -60px; left: 50%; margin-left: -120px; right: unset; background:#000} .square-by-pos .integration-overview{padding: 70px 48px;} .square-by-pos .integration-logo svg{width:100%; height:auto; margin-top: 40px;} .square-by-pos .left-image-panel .head{margin-left:0px; margin-top: 125px;} .square-by-pos .left-image-panel .sub-text{margin-left:0px;} .square-by-pos .gorw-sell-manage-save{margin-top:70px;} .square-by-pos .management-software{padding:90px 0px 20px 0px} .square-by-orderup .page-top-section{background: url(../images2021/orderup-by-salesvu-img.jpg) no-repeat left -283px; margin-bottom: 60px;} .square-by-orderup .page-top-section .section-inner-curve{background-color:rgba(0,0,0,0.6);} .square-by-orderup .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 100px;} .square-by-orderup .page-top-section .section-inner-curve .content-area .button{bottom: -60px; left: 50%; margin-left: -120px; right: unset; background:#000} .square-by-orderup .integration-overview{padding: 70px 48px;} .square-by-orderup .integration-logo svg{width:100%; height:auto; margin-top: 40px;} .square-by-orderup .left-image-panel .head{margin-left:0px; margin-top: 125px;} .square-by-orderup .left-image-panel .sub-text{margin-left:0px;} .square-by-orderup .gorw-sell-manage-save{margin-top:70px;} .square-by-orderup .management-software{padding:90px 0px 20px 0px} .square-by-welcome .page-top-section{background: url(../images2021/welcome-by-salesvu-img.jpg) no-repeat left -43px; margin-bottom: 60px;} .square-by-welcome .page-top-section .section-inner-curve{background-color:rgba(0,0,0,0.6);} .square-by-welcome .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 135px;} .square-by-welcome .page-top-section .section-inner-curve .content-area .button{bottom: -60px; left: 50%; margin-left: -120px; right: unset; background:#000} .square-by-welcome .integration-overview{padding: 70px 48px;} .square-by-welcome .integration-logo svg{width:100%; height:auto; margin-top: 40px;} .square-by-welcome .left-image-panel .head{margin-left:0px; margin-top: 125px;} .square-by-welcome .left-image-panel .sub-text{margin-left:0px;} .square-by-welcome .gorw-sell-manage-save{margin-top:70px;} .square-by-welcome .management-software{padding:90px 0px 20px 0px} /*-----------Integrations Pages------*/ /*---------Footer-----------*/ .non-login-footer-2021{background:#000; padding: 97px 168px 20px 168px; width:100%; display:table;} .non-login-footer-2021 .footer-first-section {margin-top:40px;} .non-login-footer-2021 .footer-first-section a{color: #fff; display: table; font-size: 19px; font-weight: 600; margin-left: 11px; margin-bottom: 22px;} .non-login-footer-2021 .footer-first-section .link-box{width:34%; float:left;} .non-login-footer-2021 .footer-first-section .link-box:nth-child(2){width:35%;} .non-login-footer-2021 .footer-first-section .link-box:last-child{width:29%} .non-login-footer-2021 .footer-first-section .link-box:last-child a{margin-bottom: 16px;} .non-login-footer-2021 .footer-first-section .link-box .f-heading{color:#fff; font-size:20px; font-weight:600; margin-bottom:17px;} .non-login-footer-2021 .footer-first-section .link-box a{font-size: 13px; margin-left: 0px; margin-bottom: 5px;} .non-login-footer-2021 .button-connect{display: table; padding: 20px 7px;} .non-login-footer-2021 .button-connect a{background:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d55+0,ff5d3b+100 */ background: #ff3d55; /* Old browsers */ background: -moz-linear-gradient(top, #ff3d55 0%, #ff5d3b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3d55 0%,#ff5d3b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3d55 0%,#ff5d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d55', endColorstr='#ff5d3b',GradientType=0 ); /* IE6-9 */ color: #fff; border: 0px; padding: 7px 24px!important; border-radius: 5px; border: solid 2px #F86949; display: table; font-weight: 600;} .non-login-footer-2021 .footer-second-section{margin-top:30px;} .non-login-footer-2021 .footer-second-section .heading{color:#fff; font-size:20px; font-weight:600; margin-bottom:15px;} .non-login-footer-2021 .footer-second-section a{font-size: 13px; margin-left: 0px; margin-bottom: 12px; color:#fff; width:100%; display:table;} .non-login-footer-2021 .footer-second-section .col-md-5 .heading{margin-left:15px;} .non-login-footer-2021 .footer-second-section .col-md-5 a{margin-left:15px;} .non-login-footer-2021 .f-app-section{width:100%; display:table; margin-top: 45px;} .non-login-footer-2021 .f-app-section .heading{font-size: 24px; color: #fff; text-align: center; font-weight: 700; margin-bottom:25px;} .non-login-footer-2021 .f-app-section .f-app-area{display:table; width:100%;} .non-login-footer-2021 .f-app-section .f-app-area .f-app-box{width: 20%; float: left; text-align: center; margin-left:0px;} .non-login-footer-2021 .f-app-section .f-app-area .f-app-box a{color:#fff;} .non-login-footer-2021 .f-app-section .f-app-area .f-app-box .text{color: #fff; line-height: 20px; margin-top: 12px; font-weight: 500;} .non-login-footer-2021 .f-app-section .f-app-area .f-app-box .icon{width:50px; margin:0 auto;} .non-login-footer-2021 .f-app-section .f-app-area .f-app-box .icon svg{width:100%; height:auto;} .non-login-footer-2021 .social-links{padding: 30px; border-top: solid 1px #fff; margin: 50px 0px; text-align: center;} .non-login-footer-2021 .social-links .s-box{color: #fff; border: solid 2px #fff; padding: 1px; border-radius: 40px; width: 40px; height: 40px; display: inline-block; margin-right: 55px; font-size: 22px; text-align: center;} .non-login-footer-2021 .social-links .s-box:last-child{margin:0px;} .non-login-footer-2021 .copyright{color:#fff; font-weight:400; font-size: 14px;} .non-login-footer-2021 .copyright .col-md-6:first-child{border-right:solid 1px #fff; padding-top:0px;} .non-login-footer-2021 .copyright .col-md-6 .f-address-black{display: table; color: #000; font-size: 12px;} .non-login-footer-2021 .copyright .col-md-6 .f-address-black br{display:none;} .non-login-footer-2021 .copyright a{color:#fff;} /*---------Footer-----------*/ /*---------App Page-----------*/ .apps-page .top-panel{width: 100%; background: url(../images2021/app-page-bg.jpg) no-repeat top left; height: 205px; position:relative; background-size: cover;} .apps-page .top-panel .app-page-top-header{padding: 30px;} .apps-page .top-panel .app-page-top-header .navbar{padding:0px;} .apps-page .top-panel .app-page-top-header .navbar-nav .nav-link{font-weight: 600; color: #000; padding: 5px 30px;} .apps-page .top-panel .app-page-top-header .logo{width:109px; height:31px; } .apps-page .top-panel .app-page-top-header .links{font-weight: 600; color: #000; margin-left: 35px; display: inline-block;} .apps-page .top-panel .search{width: 650px; background: #fff; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); border-radius: 5px; position: absolute; left: 50%; margin-left: -325px; bottom: -21px;} .apps-page .top-panel .search input{width: 100%; border: 0px; padding: 11px 25px; border-radius: 5px; outline:unset} .apps-page .top-panel .search .button{position: absolute; right: 7px; top: 8px;} .apps-page .top-panel .search .button button{background: #000; color: #fff; border: 0px; border-radius: 5px; padding: 6px 17px; letter-spacing: 1px; font-weight: 600; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); font-size:12px;} .apps-page .sort-by-area{margin:0 auto; margin-top: 70px; max-width: 1250px; padding: 0px 10px; text-align:right} .apps-page .sort-by-area .sort-panel{width: 330px; border-bottom: solid 1px #000; padding: 5px; display:inline-block; text-align:left} .apps-page .sort-by-area .sort-panel .text{display: inline-block; font-size: 18px; font-weight: 600;} .apps-page .sort-by-area .sort-panel .field{display: inline-block; width:180px;} .apps-page .sort-by-area .sort-panel .field select{width: 100%; border: 0px; font-size: 18px; font-weight: 500;} .apps-page .view{margin:0 auto; max-width: 1250px; padding: 10px; text-align: right;} .apps-page .view .grid-view{display:inline-block; margin-right:10px;} .apps-page .page-heading{margin: 0 auto; max-width: 1250px;} .apps-page .page-heading .head-text{font-size: 24px; font-weight: 600;} .apps-page .page-heading .sub-text{font-size: 20px;} .apps-page .apps-area{margin: 0 auto; max-width: 1250px; margin-top: 80px; display:table} .apps-page .apps-area .box{float: left; width: 33%; margin-bottom: 50px;} .apps-page .apps-area .box .app-screens{width:159px; float:left; margin-right:15px;} .apps-page .apps-area .box .app-description-area{float: left; width: 235px;} .apps-page .apps-area .box .app-description-area .app-name{font-weight: 600;} .apps-page .apps-area .box .app-description-area .app-name .star{display: inline-block; color:#f4e131; margin-left:15px;} .apps-page .apps-area .box .app-description-area .app-desc{font-size: 12px; margin-top: 6px; color:#606060} .apps-page .apps-area .box .app-description-area .app-trial{font-size: 12px; margin-top: 18px; color:#606060} .apps-page .non-login-footer-2021{background:#fff;} .apps-page .non-login-footer-2021 .logo{display:none;} .apps-page .non-login-footer-2021 .footer-first-section{display:none;} .apps-page .non-login-footer-2021 .button-connect{display:none;} .apps-page .non-login-footer-2021 .footer-second-section{display:none;} .apps-page .non-login-footer-2021 .f-app-section{display:none;} .apps-page .non-login-footer-2021 .social-links{border-color:#000; padding:0px;} .apps-page .non-login-footer-2021 .social-links a{display:none;} .apps-page .non-login-footer-2021 .copyright{color:#000;} .apps-page .non-login-footer-2021 .copyright .col-md-6:first-child{border-color:#000;} .apps-page .non-login-footer-2021 .copyright .col-md-6:first-child a{color:#000;} /*---------App Page-----------*/ /*---------Download Whitepaper Page-----------*/ .download-whitepaper-page .download-whitepaper-wrapper{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3e55+0,ff5d3b+100 */ background: rgb(255,62,85); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,62,85,1) 0%, rgba(255,93,59,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,62,85,1) 0%,rgba(255,93,59,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,62,85,1) 0%,rgba(255,93,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e55', endColorstr='#ff5d3b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding-top: 130px; padding-bottom: 100px;} .download-whitepaper-page .download-whitepaper-wrapper .row{max-width:1349px; margin:0 auto!important;} .download-whitepaper-page .trial-btn .nav-link{background:#fff!important; color:#000!important;} .download-whitepaper-page .text-area{padding:100px;} .download-whitepaper-page .text-area .text-1{color: #fff; font-size: 25px; margin-bottom: 15px;} .download-whitepaper-page .text-area .text-2{font-size: 35px; font-weight: 600; color: #fff;} .download-whitepaper-page .text-area .text-3{color: #fff; font-size: 25px; margin-bottom: 10px;} .download-whitepaper-page .form-area{background: #fff; width: 370px; margin: 0 auto; padding: 20px 30px; border-radius: 15px;} .download-whitepaper-page .form-area .heading{font-size: 28px; font-weight: 600;} .download-whitepaper-page .form-area .sub-head{font-size: 12px; font-weight: 400;} .download-whitepaper-page .form-area .form{margin-top: 15px;} .download-whitepaper-page .form-area .form .title{font-size: 15px; font-weight: 500;} .download-whitepaper-page .form-area .form .field{margin-bottom:8px;} .download-whitepaper-page .form-area .form .field input{width: 100%; border: solid 1px #737373; border-radius: 2px; padding: 6px; box-shadow: 2px 2px 0px rgb(0 0 0 / 20%);} .download-whitepaper-page .form-area .form .field button{width: 100%; border: 0px; background: #000; color: #fff; border-radius: 2px; padding: 6px;} .download-whitepaper-page .form-area .form .field-text{line-height: 18px; padding: 5px 0px 14px 0px; font-size: 13px;} .download-whitepaper-page .form-area .form .field-text input{margin: 3px 6px 20px; float: left;} .download-whitepaper-page .header-wrapper-2021 .header-2021 .nav-link:hover{color:#000!important;} /*---------Download Whitepaper Page-----------*/ /*---------zettle new page-----------*/ .zettle-page-new .header-wrapper-2021{background: #fff;} .zettle-page-new .header-wrapper-2021 .header-2021 svg path{fill:#000!important;} .zettle-page-new .header-wrapper-2021 .header-2021 .nav-link{color:#000!important;} .zettle-page-new .header-wrapper-2021 .header-2021 .nav-link:hover{color:#F74B3E!important;} .zettle-top-panel{background: #F9FAFB url(../images2021/zettle-top-panel-bg.png) no-repeat right bottom; padding-top: 200px; height: 729px;} .zettle-top-panel .row{max-width:1349px; margin:0 auto!important;} .zettle-top-panel .head{font-weight: 500; font-size: 51px; line-height: 60px; color: #9ca3af; width: 450px; margin-left: 100px;} .zettle-top-panel .head .black{color:#4b5563!important} .zettle-top-panel .head .blue{color:#4f46e5!important} .zettle-top-panel .sub-head{font-weight: 400; font-size: 18px; line-height: 24px; color: #9ca3af; width: 450px; margin-left: 100px; margin-top:10px;} .zettle-top-panel .action-area{margin-left: 100px; margin-top:20px;} .zettle-top-panel .action-area a{background: #4F46E5; color: #fff; padding: 15px 35px; display: inline-block; border-radius: 6px; font-size: 17px; font-weight: 500;} .zettle-top-panel .action-area a:nth-child(2){color: #fff; background: #4F46E5; margin-left: 15px; font-weight: 600;} .zettle-top-panel .tab{width: 461px; height: 363px; margin-top: 20px;} .zettle-top-panel .tab svg{width:100%; height:auto;} .zettle-top-panel .device{width: 261px; height: 403px; position: absolute; top:0px; right: 110px} .zettle-top-panel .device svg{width:100%; height:auto;} .zettle-second-panel{width:100%; background:#EEF2FF; padding:32px;} .zettle-second-panel .row{max-width:1349px; margin:0 auto!important;} .zettle-second-panel .head{color:#6366F1; font-weight:500; font-size:30px; margin-bottom:10px; text-align:center} .zettle-second-panel .sub-head{color:#6B7280; font-weight:400; font-size:18px; margin-bottom:40px; text-align:center} .zettle-second-panel .icon{text-align:center;} .zettle-second-panel .text{color:#4F46E5; font-size:16px; line-height:28px; font-weight:500; text-align:center; margin-top:12px;} .zettle-third-panel{padding-top:80px;} .zettle-third-panel .text{font-weight:500; font-size:30px; line-height:36px; color:#111827; text-align:center;} .zettle-third-panel a{border:solid 2px #4F46E5; color:#4F46E5; background: #fff; padding: 15px 35px; display: block; border-radius: 6px; font-size: 16px; font-weight: 500; width:155px; margin:0 auto; margin-top:15px; margin-bottom:40px;} .zettle-pointers{max-width:1349px; margin:0 auto; padding:0px 70px; margin-bottom:52px;} .zettle-pointers .col-md-8{padding-right:172px!important;} .zettle-pointers .head {width:100%; display:table; margin-top: 34px;} .zettle-pointers .head .icon{width:48px; height:48px; float:left;} .zettle-pointers .head .text{float:left; margin-left:13px; font-weight:500; font-size:30px; color: #4B5563} .zettle-pointers .head .text span{color:#4F46E5} .zettle-pointers .sub-head{color:#6B7280; font-weight:400;font-size:18px; line-height:28px; width:100%; margin-top:15px; margin-bottom:0px;} .zettle-pointers .point{padding:12px 0px 12px 35px; font-size:15px; font-weight:400; line-height:24px; border-bottom:solid 1px #E5E7EB; position:relative;} .zettle-pointers .point:before{content:''; background:url(../images2021/zettle-tick-icon.png) no-repeat left top; width:16px; height:12px; position:absolute; left: 10px; top: 17px;} .zettle-pointers .point span{color:#4F46E5} .zettle-pointers .point:last-child{border:0px;} .zettle-pointers .img-area{width:279px; height:279px; background:url(../images2021/back-circle.png) no-repeat center center; position:relative; float: right;} .zettle-pointers .img-area .pos-img{width: 319px; height: 232px; position: absolute; left: -100px; top: 25px;} .zettle-qr-code {margin-bottom: 82px;} .zettle-qr-code .img-area{float:left; width:213px; height:213px; background-size: cover; margin-top: 30px; margin-left: 30px;} .zettle-qr-code .img-area .qr-code-img{width: 250px; height: 302px; position: absolute; left: -50px; top: -50px;} .zettle-qr-code .col-md-8{padding-right: 102px!important} .zettle-self-order .img-area .self-order-img{width: 319px; height: 232px; position: absolute; left: -80px; top: 20px;} .zettle-self-order .col-md-8{padding-right: 140px!important;} .zettle-ecom .img-area{float:left; width:251px; height:251px; background-size: cover; margin-top: 0px; margin-left: 20px;} .zettle-ecom .img-area .ecom-img{width: 312px; height: 208px; position: absolute; left: -30px; top: 30px;} .zettle-ecom .col-md-8{padding-right: 132px!important;} .zettle-digital-menu .img-area{margin-top: 20px; margin-right: 30px;} .zettle-digital-menu .img-area .digital-menu-img{width: 307px; height: 253px; position: absolute; left: -30px; top: 20px;} .zettle-digital-menu .col-md-8{padding-right: 132px!important;} .zettle-wnr .img-area{float:left; width:251px; height:251px; background-size: cover; margin-top: 0px; margin-left: 20px;} .zettle-wnr .img-area .wnr-code-img{width: 258px; height: 208px; position: absolute; left: 10px; top: 30px;} .zettle-wnr .col-md-8{padding-right: 132px!important;} .middle-action{width:100%; text-align:center; margin-bottom:124px; margin-bottom:48px;} .middle-action .head{color:#111827; font-weight:500; font-size:30px; margin-bottom:16px;} .middle-action .sub-head{color:#6B7280; font-weight:400; font-size:18px; margin-bottom:16px;} .middle-action a{background: #4F46E5; color: #fff; padding: 15px 35px; display: inline-block; border-radius: 6px; font-size: 16px; font-weight: 500;} .zettle-multi-location .img-area{float:left; width:279px; height:279px; background-size: cover; margin-top: 0px; margin-left: 30px;} .zettle-multi-location .img-area .multi-location-img{width: 323px; height: 262px; position: absolute; left: -35px; top: 15px;} .zettle-multi-location .col-md-8{padding-right: 132px!important;} .zettle-quickbook .img-area{margin-top: 20px; margin-right: 30px;} .zettle-quickbook .img-area .self-quickbook-img{width: 439px; height: 211px; position: absolute; left: -70px; top: 20px;} .zettle-quickbook .col-md-8{padding-right: 132px!important;} .zettle-recipe-based .img-area{float:left; width:279px; height:279px; background-size: cover; margin-top: 0px; margin-left: 30px;} .zettle-recipe-based .img-area .recipe-based-img{width: 303px; height: 279px; position: absolute; left: -35px; top: 20px;} .zettle-recipe-based .col-md-8{padding-right: 132px!important;} .zettle-boost-revenue{padding-left:0px; margin-top:180px; margin-bottom:100px;} .zettle-boost-revenue .img-area{background: unset; width: 651px; height: 620px;} .zettle-boost-revenue .head{width:560px; margin:0 auto; margin-top: 115px;} .zettle-boost-revenue .head .icon{float:unset; margin-bottom:24px;} .zettle-boost-revenue .head .text{margin-left:0px; float:unset;} .zettle-boost-revenue .sub-head{margin: 0 auto; margin-top: 15px; width: 560px;} .zettle-boost-revenue a{background: #4F46E5; color: #fff; padding: 12px 25px; display: inline-block; border-radius: 6px; font-size: 16px; font-weight: 500; margin-top: 24px; margin-left: 20px;} .zettle-features{background:#F9FAFB; padding:60px;} .zettle-features .row{max-width:1349px; margin:0 auto!important;} .zettle-features .icons {color: #9CA3AF; font-size: 30px; text-align:center} .zettle-features .icons svg{margin:0px 15px;} .zettle-features .text{text-align:center; font-weight: 500; font-size: 30px; line-height: 36px; color: #111827; margin-top:32px;} .zettle-features .text-2{text-align:center; font-size: 18px; line-height: 28px; color: #6B7280; margin-top:12px; margin-bottom:50px;} .zettle-features .icon{text-align:center; margin-bottom:20px;} .zettle-features .f-text{font-size: 16px; line-height: 24px; color: #6B7280; text-align:center; margin-bottom:36px;} .zettle-features .f-text span{display:table; text-align:center; width:100%; color:#4F46E5; font-weight: 500; font-size: 20px; line-height: 28px; margin-bottom:8px;} .and-many-more{background:#F9FAFB; padding:60px; padding-top:0px;} .and-many-more .row{max-width:1349px; margin:0 auto!important;} .and-many-more .head{position:relative; width:100%; height:2px; background:#E5E7EB; margin-bottom:30px;} .and-many-more .head span{color:#4F46E5; background:#F9FAFB; font-weight: 600; font-size: 14px; line-height: 20px; position:absolute; padding-right:10px; top: -10px; padding-left: 15px;} .and-many-more .more-feature-text{color:#6B7280; font-size: 16px; line-height: 24px; padding-left:31px; padding-bottom:45px; position:relative;} .and-many-more .more-feature-text:before{content:''; background:url(../images2021/zettle-tick-icon.png) no-repeat left top; width:16px; height:12px; left:0px; top:6px; position:absolute;} .and-many-more .more-feature-text span{width:100%; display:table; font-weight: 500; font-size: 18px; line-height: 24px; color: #111827; margin-bottom:8px;} .and-many-more .more-feature-text-2{color:#6B7280; font-size: 16px; line-height: 24px; padding:16px 0px; padding-left:31px; position:relative; border-bottom: solid 2px #E5E7EB;} .and-many-more .more-feature-text-2:before{content:''; background:url(../images2021/zettle-tick-icon.png) no-repeat left top; width:16px; height:12px; left:0px; top:20px; position:absolute;} .faq-area{padding:70px;} .faq-area .head{font-weight: 500; font-size: 30px; line-height: 36px; color: #111827;} .faq-area .sub-head{font-size: 18px; line-height: 28px; color: #6B7280;} .faq-area .question{font-weight: 500; font-size: 18px; line-height: 24px; color: #111827;} .faq-area .answer{font-size: 16px; line-height: 24px; color: #6B7280; margin-bottom:45px;} .faq-area .row{max-width:1349px; margin:0 auto!important;} .make-the-switch{max-width:1349px; margin:0 auto!important; padding:65px;} .make-the-switch .inner-box{background:#374151; box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04); border-radius: 8px;} .make-the-switch .inner-box .inner-content{padding:60px;} .make-the-switch .inner-box .inner-content .text{font-weight: 500; font-size: 36px; line-height: 40px; color:#fff} .make-the-switch .inner-box .inner-content .text-2{font-weight: 500; font-size: 36px; line-height: 40px; color:#818CF8} .make-the-switch .inner-box .inner-content .text-3{font-size: 18px; line-height: 24px; color:#E5E7EB; margin-top:16px; width:440px;} .make-the-switch .inner-box .inner-content a{background: #fff; color: #4F46E5; padding: 12px 25px; display: inline-block; border-radius: 6px; font-size: 16px; font-weight: 500; margin-top: 32px;} .make-the-switch .inner-box svg{margin-top:8px;} /*---------zettle new page-----------*/ .yellow-dog .header-wrapper-2021{background: transparent;} .yellow-dog .header-wrapper-2021 .header-2021 svg path{fill:#fff!important;} .yellow-dog .header-wrapper-2021 .header-2021 .nav-link{color:#fff!important;} .yellow-dog .header-wrapper-2021 .header-2021 .nav-link:hover{color:#F74B3E!important;} .yellow-dog .header-wrapper-2021 .header-with-bg-white svg path{fill:#000!important;} .yellow-dog .header-wrapper-2021 .header-with-bg-white .nav-link{color:#000!important;} .yellow-dog .header-wrapper-2021 .header-with-bg-white .nav-link:hover{color:#F74B3E!important;} .yellow-dog .header-wrapper-2021 .header-2021 .trial-btn a{color:#000!important;} .yellow-dog .header-wrapper-2021 .header-2021 .trial-btn a:hover{color:#000!important;} .yellow-dog .image-area{width:623px; height:498px;} .yellow-dog .image-area svg{width:100%; height:auto;} .yellow-dog .zettle-top-panel{background:url(../images2021/hm-top-bg.png) no-repeat left bottom; padding-top: 150px; background-size:cover;} .yellow-dog .zettle-top-panel .head{width: 450px; margin-left: 80px; color:#fff; margin-top:40px; margin-bottom:20px;} .yellow-dog .zettle-top-panel .sub-head{width: 480px; margin-left: 80px; color:#fff;} .yellow-dog .zettle-top-panel .action-area{margin-left:80px;} .yellow-dog .zettle-top-panel .action-area a:first-child{background:#000;} .yellow-dog .zettle-top-panel .action-area a:nth-child(2){max-width: 270px;width: 100%;text-align: center;padding: 15px 20px;} .yellow-dog .zettle-top-panel .action-area a.about-yellow{background: #fedd00 !important; color: #000 !important;max-width: 270px;width: 100%;text-align: center;padding: 15px 20px;} .yellow-dog .zettle-top-panel .about-yellow-btn{margin-left: 220px !important;} .yellow-dog .yellow{color:#fedd00;} .yellow-dog .blue{color: #4F46E5;} .yellow-dog .zettle-third-panel .logo-icon{text-align: center; font-size: 36px; color: #9CA3AF; margin-top: 70px; margin-bottom:20px;} .yellow-dog .zettle-third-panel .text-2{text-align: center; font-size: 18px; color: #6B7280; margin-top:15px;} .yellow-dog .zettle-third-panel .text-2 span{color: #4F46E5;} .yellow-dog .middle-action{margin-top:64px; font-size:36px;} .yellow-dog .zettle-boost-revenue{padding-right:0px; padding-left:70px; margin-top:100px;} .yellow-dog .zettle-boost-revenue .head{margin-top:0px;} .yellow-dog .zettle-boost-revenue .head .text{color: #4F46E5;} .yellow-dog .zettle-boost-revenue .head .text span{color: #4B5563;} .yellow-dog .zettle-boost-revenue ul{list-style:none; padding:0px; margin:0px; margin-left:25px;} .yellow-dog .zettle-boost-revenue li{color:#6B7280; font-size:16px; padding:13px; padding-left:35px; border-bottom:solid 1px #E5E7EB; position:relative;} .yellow-dog .zettle-boost-revenue li:before{background:url(../images2021/yellowdog-tick.png) no-repeat left top; position:absolute; left: 7px; top: 20px; content: ''; width: 17px; height: 17px;} .yellow-dog .zettle-boost-revenue li:last-child{border:0px;} .yellow-dog .oneway-sync{padding-left:0px; padding-right:70px; margin-bottom: 50px;} /*------------ Spektrix Page ------------*/ .spektrix-page .page-top-section{background: url(../images2021/int-spektrix-bg-img.png) no-repeat left -33px;} .spektrix-page .page-top-section .section-inner-curve{background-color:rgba(126,133,160,0.2);} .spektrix-page .page-top-section .section-inner-curve .content-area .int-logo {margin-bottom: 32px; width: 260px;} .spektrix-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 0px;} .spektrix-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 20px; line-height: 28px;} .spektrix-page .page-top-section .section-inner-curve .content-area a{padding: 15px; width: 180px; text-align: center; display: inline-block; font-size: 15px; font-weight: 500; letter-spacing: 1px; background: #fff; border-radius: 5px; margin-bottom: 100px;} .spektrix-page .section-one{margin-top:80px; background:#F9FAFB} .spektrix-page .section-one .text-1{margin-top: 135px; margin-left: 70px; font-size: 40px; font-weight: 500; width: 390px; line-height: 50px;} .spektrix-page .section-one .text-1 .text-blue{color:#4F46E5} .spektrix-page .section-one .text-1 .text-green{color:#059669} .spektrix-page .section-one .text-2{margin-left:70px; margin-top:20px; font-size:20px; color:#6B7280; width: 390px;} .spektrix-page .section-one .action{margin-top:40px;} .spektrix-page .section-one .action a{padding: 15px; width: 180px; text-align: center; display: inline-block; font-size: 15px; font-weight: 500; letter-spacing: 1px; background: #4F46E5; color: #fff; border-radius:10px;} .spektrix-page .section-one .action a:first-child{margin-left:70px;} .spektrix-page .section-one .action a:last-child{color: #4F46E5; background: #fff; border-radius:10px; margin-left:12px;} .spektrix-page .section-one svg{width:100%; height:auto;} .spektrix-page .built-art-culture {padding: 50px; display: table; width: 100%; background: #fff;} .spektrix-page .built-art-culture .head {font-weight: 500; font-size: 30px; line-height: 36px; text-align: center; margin-bottom: 8px;} .spektrix-page .built-art-culture .sub-head {font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #6B7280; margin-top: 8px; margin-bottom: 40px;} .spektrix-page .built-art-culture .pointers {max-width: 1000px; display: table; margin: 0 auto; text-align:center;} .spektrix-page .built-art-culture ul {margin: 0px; padding: 0px; list-style: none; max-width: 1347px; margin: 0 auto;} .spektrix-page .built-art-culture li {width: 33%; display: inline-block; text-align: center; margin-bottom:50px; padding: 0px 15px;} .spektrix-page .built-art-culture li .icon {width: 48px; float:left;} .spektrix-page .built-art-culture li .text {font-weight: 400; font-size: 17px; line-height: 26px; float: left; width: calc(100% - 64px); text-align: left; margin-left: 16px;} .spektrix-page .built-art-culture li .text span {font-weight: 500; color: #4F46E5;} .spektrix-page .spektrix-diff-way{background:#EEF2FF;} .spektrix-page .section-overview{background: #EEF2FF url(../images2021/spektrix-bg.png) no-repeat right 50%; width:100%; padding: 50px 70px; display: table; max-width: 1347px; margin:0 auto;} .spektrix-page .section-overview .sub-text{color: #4F46E5; font-weight: 600; font-size: 16px;} .spektrix-page .section-overview .head{font-weight: 500; font-size: 36px; line-height: 40px; color: #111827; margin-top:10px; margin-bottom:32px;} .spektrix-page .section-overview .text{font-weight: 400; font-size: 18px; line-height: 28px; color: #6B7280;} .spektrix-page .key-features .logo-icon {text-align: center; font-size: 36px; color: #9CA3AF; margin-top: 70px; margin-bottom: 32px;} .spektrix-page .key-features {width:100%; margin: 0 auto; padding: 50px; background: #fff; display:table;} .spektrix-page .key-features .head {font-weight: 500; font-size: 30px; line-height: 36px; text-align: center; margin-bottom: 8px; color:#111827} .spektrix-page .key-features .sub-head {font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #6B7280; margin-top: 8px; margin-bottom: 40px;} .spektrix-page .key-features .pointer {max-width: 1000px; display: table; margin: 0 auto; } .spektrix-page .key-features .pointer .icon {float: left; width: 48px; margin-right: 16px;} .spektrix-page .key-features .pointer .text {float: left; font-weight: 400; font-size: 16px; line-height: 24px; color: #6B7280; margin-bottom: 60px; width: calc(100% - 66px);} .spektrix-page .key-features .pointer .text span {font-weight: 500; font-size: 18px; line-height: 24px; color: #111827; margin-bottom: 8px; display: table; width: 100%;} .spektrix-page .spektrix-diff-way li .icon{float: none; margin: 0 auto;} .spektrix-page .spektrix-diff-way li .text{float: unset; width: 100%; text-align: center; color: #4B5563; margin:0 auto; margin-top: 20px; margin-bottom: 8px;} .spektrix-page .spektrix-diff-way li .text-1{font-size: 16px; color: #6B7280;} .spektrix-page .make-the-switch .inner-box svg {margin-top: 8px;} /*------------ Spektrix Page ------------*/ @media screen and (min-width: 1750px) and (max-width: 1920px) { .hm-right-image-panel-wrapper {margin:0 auto; background: url(../images2021/right-curve1.png) no-repeat right top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .hm-left-image-panel-wrapper {margin:0 auto; background: url(../images2021/left-curve1.png) no-repeat left top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .right-image-panel-wrapper {margin:0 auto; background: url(../images2021/right-curve1.png) no-repeat right top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .left-image-panel-wrapper {margin:0 auto; background: url(../images2021/left-curve1.png) no-repeat left top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} } @media screen and (min-width: 1530px) and (max-width: 1749px) { .hm-right-image-panel-wrapper {margin:0 auto; background: url(../images2021/right-curve1.png) no-repeat 786px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .hm-left-image-panel-wrapper {margin:0 auto; background: url(../images2021/left-curve1.png) no-repeat -108px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .right-image-panel-wrapper {margin:0 auto; background: url(../images2021/right-curve1.png) no-repeat 786px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .left-image-panel-wrapper {margin:0 auto; background: url(../images2021/left-curve1.png) no-repeat -108px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} } @media screen and (min-width: 1367px) and (max-width: 1529px) { .hm-right-image-panel-wrapper {margin:0 auto; background: url(../images2021/right-curve1.png) no-repeat 716px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .hm-left-image-panel-wrapper {margin:0 auto; background: url(../images2021/left-curve1.png) no-repeat -148px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .right-image-panel-wrapper {margin:0 auto; background: url(../images2021/right-curve1.png) no-repeat 716px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .left-image-panel-wrapper {margin:0 auto; background: url(../images2021/left-curve1.png) no-repeat -148px top; max-width: 1739px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} } @media screen and (min-width: 1150px) and (max-width: 1280px) { /*----------------------- Header 2021 -----------------------*/ .header-wrapper-2021 .header-2021 .nav-link{padding:1.8rem 1.8rem!important} .header-wrapper-2021 .header-2021 .navbar{padding: 0px 25px 0px 45px;} .header-wrapper-2021 .header-2021 .dropdown-solution .dropdown-menu{width: 1080px; margin-left: -172px; padding:90px 00px 20px 160px} .header-wrapper-2021 .header-2021 .manage-more-efficiently{padding-left:30px;} .header-wrapper-2021 .header-2021 .operate-your-business .heading{margin-bottom: 0px;} .header-wrapper-2021 .header-2021 .operate-your-business .links a{font-size:14px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently{height:480px; margin-left:20px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently .heading{margin-bottom: 5px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently .links a{font-size:14px;} .header-wrapper-2021 .header-2021 .grow-to-meet .links .heading{margin-bottom: 5px;} .header-wrapper-2021 .header-2021 .grow-to-meet .links a{font-size:14px;} .header-wrapper-2021 .header-2021 .dropdown-industries .dropdown-menu{margin-left:-296px; width:1080px; padding:90px 120px 50px 200px} /*----------------------- Header 2021 -----------------------*/ /* ---------------------- Home Page ------------------------*/ .home-page .page-top-section .section-inner-curve .content-area {padding: 35px 0px 50px 121px;} .home-page .page-top-section .section-inner-curve{background-position:left 235px; background-size: auto;} .home-page .page-top-section .section-inner-curve .image-area{padding: 5px 50px 90px 50px;} .home-page .management-software {padding: 50px 0px 20px 0px;} .hm-schedule-consultant{margin-top: 100px;} .hm-software-operate-scale-img{width: 567px; height: auto;} .hm-software-operate-scale-img svg{width:100%; height:auto;} .hm-left-image-panel{background-position:-85px top; padding-bottom: 65px;} .hm-left-image-panel .section-heading{left:688px;} .hm-left-image-panel .carousel-indicators{left:55px;} .hm-left-image-panel .head{margin-left: 25px; font-size: 32px;} .hm-left-image-panel .sub-text{margin-left: 25px; font-size: 18px;} .hm-left-image-panel .sub-text-2{margin-left: 25px; font-size: 17px;} .hm-left-image-panel .carousel-control-prev{left: 970px;} .hm-left-image-panel .carousel-control-next{left: 1009px;} .hm-left-image-panel .is-welcome {padding: 125px 110px 70px 70px} .hm-left-image-panel .is-here {padding: 125px 110px 70px 70px} .hm-left-image-panel .is-branded svg{width:auto; height:auto;} .hm-left-image-panel .is-review svg{width:auto; height:auto;} .hm-left-image-panel .is-food svg{width:auto; height:auto;} .hm-left-image-panel .is-cpos {padding: 125px 110px 70px 70px} .hm-left-image-panel .is-orderup{padding: 125px 110px 70px 70px} .hm-left-image-panel .is-qrcode svg{width:auto; height:auto;} .hm-left-image-panel .is-fine-dinning svg{width:auto; height:auto;} .hm-left-image-panel .is-quote-invoice svg{width:auto; height:auto;} .hm-left-image-panel .is-waitlist{padding: 125px 110px 70px 70px} .hm-left-image-panel .is-incoming{padding: 125px 110px 70px 70px} .hm-left-image-panel svg{width:100%; height:auto;} .hm-right-image-panel{background-position:575px top; padding-bottom: 75px; margin-top: 150px;} .hm-right-image-panel svg{width:100%; height:auto;} .hm-right-image-panel .section-heading{left:61px;} .hm-right-image-panel .head{margin-left: 61px; font-size: 32px;} .hm-right-image-panel .sub-text{margin-left: 61px; font-size: 18px;} .hm-right-image-panel .sub-text-2{margin-left: 61px; font-size: 17px;} .hm-right-image-panel .carousel-item a{margin-left: 61px;} .hm-right-image-panel .carousel-control-prev{left: 466px;} .hm-right-image-panel .carousel-control-next{left: 494px;} .hm-right-image-panel .carousel-indicators{right: 0px;} .hm-right-image-panel .image-area{padding:125px 20px 70px 130px} .hm-right-image-panel .is-welcome {padding: 125px 20px 70px 160px;} .hm-right-image-panel .is-here {padding: 125px 20px 70px 160px;} .hm-right-image-panel .is-upsell {padding: 125px 20px 70px 160px;} .hm-right-image-panel .is-qrcode svg{width:auto; height:auto;} .hm-right-image-panel .is-fine-dinning svg{width:auto; height:auto;} .hm-right-image-panel .is-quote-invoice svg{width:auto; height:auto;} .hm-software-operate-scale{padding: 50px 40px;} .hm-software-operate-scale-content{margin-left:10px;} .hm-software-operate-scale-content .heading{font-size:30px;} .hm-integrable-software-boxes{padding: 50px 20px;} .hm-integrable-software-boxes .col-md-4{padding: 10px!important;} .hm-integrable-software-boxes .col-md-4 br{display:none!important;} .hm-support-center .img {margin-top: 25px; padding: 10px 19px;} .hm-support-center .heading{margin-left:75px;} .hm-support-center .sub-text{margin-left:75px;} .home-page .testimonial .testimonial-box {padding: 40px 24px;} .home-page .testimonial .head {margin-left: 32px;} .home-page .testimonial .description {margin-left: 32px;} .home-page .testimonial .testimonial-box:nth-child(3) {margin-top: 339px;} .home-page .testimonial .testimonial-box:nth-child(4) {margin-top: 245px;} .home-page .testimonial .testimonial-area {height: 560px;} .hm-support-center .head{font-size: 40px; left: -160px;} .hm-right-image-panel .is-branded svg{width:auto; height:auto;} .hm-right-image-panel .is-review svg{width:auto; height:auto;} .hm-right-image-panel .is-food svg{width:auto; height:auto;} /* ---------------------- Home Page ------------------------*/ /* ---------------------- New Home Page 2024 ------------------------*/ .hm-revenue-center .top-section .content-area .text{font-size: 45px; line-height: 55px;} .hm-revenue-center .top-section .content-area .sub-text{font-size: 23px;} .hm-revenue-center .top-section svg{width:100%; height:auto;} .hm-revenue-center .section-two{padding: 30px 20px;} .hm-revenue-center .section-two .box{padding: 60px 30px 30px 30px;} .hm-revenue-center .section-two .box .head img{width: 60px; height: auto;} .hm-revenue-center .section-two .box .head{font-size: 27px; line-height: 30px; margin-bottom: 30px;} .hm-revenue-center .section-two .box .text{font-size: 18px;} .hm-revenue-center .section-three{padding: 30px 20px;} .hm-revenue-center .section-three .head{font-size: 32px;} .hm-revenue-center .section-three .box .hover-div{padding: 5px;} .hm-revenue-center .section-three .box .hover-div li{font-size: 15px; padding: 3px 5px 3px 23px;} .hm-revenue-center .section-three .box .hover-div li:before{left: 2px;} .hm-revenue-center .section-four{padding: 30px 20px;} .hm-revenue-center .section-four .head{font-size: 32px;} .hm-revenue-center .section-four .nav-item .nav-link{padding: 10px;} .hm-revenue-center .section-five{padding: 30px 20px;} .hm-revenue-center .section-five .head{font-size: 32px;} .hm-revenue-center .section-six{padding: 30px 20px;} .hm-revenue-center .section-six .head{font-size: 32px;} .hm-revenue-center .section-six .head br{display:none!important;} .hm-revenue-center .section-seven{padding: 30px 20px;} .hm-revenue-center .section-seven .head{font-size: 32px;} .hm-revenue-center .section-seven .box{font-size: 20px;} .hm-revenue-center .section-eight{padding: 30px 20px;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024{padding: 30px 20px;} .non-login-footer-2021.non-login-footer-2024{padding: 30px 20px;} .hm-revenue-center .section-nine{padding: 30px 20px;} .hm-revenue-center .section-nine .head{font-size: 32px;} .hm-revenue-center .section-nine .head br{display:none!important;} /* ---------------------- New Home Page 2024 ------------------------*/ /* ---------------------- app Page ------------------------*/ .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 90px;} .page-top-section .section-inner-curve .image-area{padding: 35px 55px 124px 45px} .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .features{padding: 25px 80px;} .features .text{font-size: 17px;} .left-image-panel .image-area svg{width:100%; height:auto;} .left-image-panel .image-area{padding: 180px 50px 120px 70px; background-position:-100px top;} .left-image-panel .head{margin-left: 30px;} .left-image-panel ul{font-size: 16px; margin-left: 31px;} .right-image-panel .image-area{background-position:50px top; padding:180px 50px 140px 90px} .right-image-panel .head{margin-left:69px;} .right-image-panel ul{margin-left: 69px; font-size: 16px;} .other-salesvu-apps{margin-top: 90px;} .testimonial .head{margin-left: 82px;} .testimonial .description{margin-left: 82px;} .testimonial a{margin-left: 82px;} .testimonial .testimonial-area{width:606px;} .testimonial .testimonial-box{width: 284px; padding: 30px 20px;} .testimonial .testimonial-box:nth-child(2){margin-top: 5px; margin-left: 310px;} .testimonial .testimonial-box:nth-child(3){margin-top: 360px; margin-left: 10px; width: 274px;} .testimonial .testimonial-box:nth-child(4){margin-top: 260px; margin-left: 310px; width: 283px;} .testimonial .logo-box{padding: 75px;} .testimonial .logo-box:nth-child(2){margin-top: 35px;} .employee-schedulling-page .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 81px;} .employee-schedulling-page .left-image-panel .image-area {padding: 190px 120px 155px 30px;} .employee-schedulling-page .left-image-panel .head{font-size: 30px;} .employee-schedulling-page .left-image-panel .sub-text{font-size: 18px;} .employee-schedulling-page .right-image-panel .image-area {padding: 170px 30px 155px 131px;} .employee-schedulling-page .right-image-panel .head{font-size: 30px; margin-left: 87px;} .employee-schedulling-page .right-image-panel .sub-text{font-size: 17px; margin-left: 87px;} .employee-schedulling-page .right-image-panel ul{margin-left: 84px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area {padding: 90px 0px 50px 78px;} .fine-dinning-page .page-top-section .section-inner-curve .image-area{padding:46px 115px 0px 115px} .fine-dinning-page .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .fine-dinning-page .right-image-panel .head{margin-left: 60px;} .fine-dinning-page .right-image-panel .sub-text{margin-left: 60px;} .fine-dinning-page .right-image-panel a {margin-left: 60px;} .fine-dinning-page .right-image-panel .image-area {padding: 110px 107px 120px 153px;} .fine-dinning-page .left-image-panel .image-area {padding: 118px 82px 90px 10px;} .fine-dinning-page .left-image-panel .head{margin-left:20px;} .fine-dinning-page .left-image-panel .sub-text{margin-left:20px;} .fine-dinning-page .left-image-panel a{margin-left:20px;} .tiered-loyalty-page .page-top-section .section-inner-curve .image-area{padding:55px 85px 102px 65px} .tiered-loyalty-page .left-image-panel .image-area{padding: 186px 80px 131px 60px;} .tiered-loyalty-page .left-image-panel .sub-text{font-size: 17px;} .tiered-loyalty-page .left-image-panel .head{margin-top: 130px;} .tiered-loyalty-page .right-image-panel .image-area {padding: 280px 30px 160px 153px;} .tiered-loyalty-page .right-image-panel .head{margin-left: 65px;} .tiered-loyalty-page .right-image-panel .sub-text{margin-left: 65px;} .tiered-loyalty-page .right-image-panel ul{margin-left: 65px;} .tiered-loyalty-page .right-image-panel a{margin-left: 65px;} .customer-words{padding:160px 0px 50px 0px} .review-booster-page .page-top-section .section-inner-curve .image-area {padding: 0px 150px 0px 150px;} .review-booster-page .left-image-panel .image-area {background-position: right top; padding: 135px 110px 230px 90px;} .review-booster-page .left-image-panel .head{margin-left: 40px;} .review-booster-page .left-image-panel ul{margin-left: 40px;} .review-booster-page .left-image-panel a{margin-left: 40px;} .review-booster-page .right-image-panel .image-area {padding: 150px 20px 210px 170px;} .review-booster-page .right-image-panel .head{margin-left: 95px;} .review-booster-page .right-image-panel ul {margin-left: 98px;} .review-booster-page .right-image-panel a{margin-left: 95px;} .review-booster-page .testimonial .testimonial-box:nth-child(4){margin-top: 290px;} .real-time-page .page-top-section .section-inner-curve .content-area {padding: 30px 0px 50px 51px;} .real-time-page .page-top-section .section-inner-curve .content-area .text {line-height: 47px; margin-bottom: 20px;} .real-time-page .page-top-section .section-inner-curve .image-area {padding: 35px 55px 64px 45px;} .real-time-page .page-top-section .section-inner-curve .content-area .button {margin-top: 40px;} .real-time-page .left-image-panel .image-area {padding: 80px 190px 225px 80px} .real-time-page .right-image-panel .image-area {padding: 135px 60px 255px 170px;} .real-time-page .right-image-panel a{margin-left: 69px;} .digital-physical-page .page-top-section .section-inner-curve .image-area{padding: 35px 85px 82px 65px;} .digital-physical-page .page-top-section .section-inner-curve .content-area{padding: 80px 0px 50px 91px;} .digital-physical-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px;} .digital-physical-page .left-image-panel .image-area{padding:110px 0px 70px 30px} .digital-physical-page .left-image-panel .image-area svg{width:auto; height:auto;} .digital-physical-page .left-image-panel .sub-text{font-size: 18px;} .digital-physical-page .left-image-panel .sub-text span{font-size: 18px;} .digital-physical-page .right-image-panel .head{margin-left: 82px;} .digital-physical-page .right-image-panel .sub-text{margin-left: 82px;} .digital-physical-page .right-image-panel .sub-text span{font-size: 18px;} .digital-physical-page .right-image-panel a{margin-left: 82px;} .digital-physical-page .testimonial .testimonial-box:nth-child(3){margin-top: 345px;} .digital-physical-page .testimonial .head{margin-left: 72px;} .digital-physical-page .testimonial .description {margin-left: 72px;} .digital-physical-page .testimonial a{margin-left: 72px;} .recurring-biling-page .page-top-section .section-inner-curve .image-area{padding: 35px 85px 92px 65px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area{padding: 20px 0px 50px 81px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px;} .recurring-biling-page .left-image-panel .image-area{padding:110px 0px 70px 30px} .recurring-biling-page .left-image-panel .image-area svg{width:auto; height:auto;} .recurring-biling-page .left-image-panel .sub-text{font-size: 18px;} .recurring-biling-page .left-image-panel .sub-text span{font-size: 18px;} .recurring-biling-page .right-image-panel .head{margin-left: 68px;} .recurring-biling-page .right-image-panel .sub-text{margin-left: 68px;} .recurring-biling-page .right-image-panel .sub-text span{font-size: 18px;} .recurring-biling-page .right-image-panel a{margin-left: 68px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(3){margin-top: 345px;} .recurring-biling-page .testimonial .head{margin-left: 72px;} .recurring-biling-page .testimonial .description {margin-left: 72px;} .recurring-biling-page .testimonial a{margin-left: 72px;} .qr-ordering-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 111px} .qr-ordering-page .page-top-section .section-inner-curve .image-area{padding:25px 145px 0px 135px} .qr-image-area svg{width:100%; height:auto;} .qr-image-area-2 svg{width:100%; height:auto;} .qr-ordering-page .right-image-panel .head{margin-left: 78px;} .qr-ordering-page .right-image-panel .sub-text{margin-left: 78px;} .qr-ordering-page .right-image-panel ul{margin-left: 78px;} .handheld-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 50px 90px} .handheld-page .left-image-panel .image-area{padding: 120px 50px 180px 70px;} .handheld-page .right-image-panel .image-area {background-position: 50px top; padding: 120px 50px 180px 70px;} .handheld-page .right-image-panel .head{margin-left:80px; margin-top:160px;} .handheld-page .right-image-panel .sub-text{margin-left:80px;} .handheld-page .right-image-panel a{margin-left:80px;} .handheld-page .testimonial .head{margin-left: 100px;} .handheld-page .testimonial .description{margin-left: 100px;} .handheld-page .testimonial .testimonial-box {padding: 20px;} .handheld-page .testimonial .testimonial-box:nth-child(4) {margin-top: 260px;} .handheld-page .testimonial .testimonial-box:nth-child(3) {margin-top: 340px;} .orderup-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 40px} .orderup-page .left-image-panel .image-area {padding: 110px 30px 190px 30px;} .orderup-page .left-image-panel .sub-text{font-size:18px;} .orderup-page .right-image-panel .image-area {padding: 100px 70px 140px 70px;} .orderup-page .right-image-panel .head{margin-left: 108px; margin-top: 170px;} .orderup-page .right-image-panel .sub-text{margin-left: 108px; font-size: 19px;} .orderup-page .right-image-panel a{margin-left: 118px;} .orderup-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .orderup-page .testimonial .head { margin-left: 32px;} .orderup-page .testimonial .description { margin-left: 32px;} .orderup-page .testimonial .testimonial-box{padding:20px;} .orderup-page .testimonial .testimonial-area {height: 600px;} .orderup-page .testimonial .testimonial-box:nth-child(3){margin-top: 370px;} .orderup-page .testimonial .testimonial-box:nth-child(4){margin-top: 300px;} .pos-page .page-top-section .section-inner-curve .content-area{padding:60px 0px 50px 77px} .pos-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px;} .pos-page .right-image-panel .head{margin-top: 240px;} .pos-page .left-image-panel .image-area {padding: 180px 50px 120px 70px;} .pos-page .left-image-panel .head{margin-top:250px;} .pos-page .left-image-panel .sub-text{font-size:18px;} .pos-page .right-image-panel .image-area {padding: 180px 50px 120px 70px;} .pos-page .right-image-panel .head{margin-left: 58px; margin-top: 220px;} .pos-page .right-image-panel .sub-text{margin-left: 58px; font-size: 19px;} .pos-page .right-image-panel a{margin-left: 58px;} .pos-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .pos-page .testimonial .head { margin-left: 32px;} .pos-page .testimonial .description { margin-left: 32px;} .pos-page .testimonial .testimonial-box{padding:20px;} .pos-page .testimonial .testimonial-area {height: 600px;} .pos-page .testimonial .testimonial-box:nth-child(3){margin-top: 360px;} .pos-page .testimonial .testimonial-box:nth-child(4){margin-top: 260px;} .pos-page .key-features .heading{left:0px;} .here-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 77px;} .here-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px; text-align: center;} .program-area{width:1100px;} .program-area .col-md-4{padding:20px;} .program-area .col-md-4 .area-box{padding:110px 30px 75px 30px} .program-area .col-md-4 .area-box .art-area{margin-left: -170px; width: 340px; top: -120px;} .program-area .col-md-4 .area-box .desc{height:105px;} .here-page .left-image-panel .image-area {padding: 180px 50px 135px 70px;} .here-page .left-image-panel .head{margin-top: 230px;} .here-page .right-image-panel .image-area {padding: 135px 40px 115px 150px;} .here-page .right-image-panel .head{margin-left: 95px; margin-top: 150px;} .here-page .right-image-panel .sub-text{margin-left: 95px;} .here-page .right-image-panel a{margin-left: 95px;} .here-page .testimonial .head {margin-left: 33px;} .here-page .testimonial .description {margin-left: 33px;} .here-page .testimonial .testimonial-box:nth-child(4){margin-top:300px;} .welcome-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 77px;} .welcome-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px; text-align: center;} .welcome-page .left-image-panel .image-area {padding: 120px 130px 190px 20px;} .welcome-page .left-image-panel .head{margin-top: 230px;} .welcome-page .right-image-panel .image-area {padding: 160px 10px 180px 160px;} .welcome-page .right-image-panel .head{margin-left: 95px; margin-top: 150px;} .welcome-page .right-image-panel .sub-text{margin-left: 95px;} .welcome-page .right-image-panel a{margin-left: 95px;} .welcome-page .testimonial .head {margin-left: 33px;} .welcome-page .testimonial .description {margin-left: 33px;} .welcome-page .testimonial .testimonial-box:nth-child(4){margin-top:250px;} .incoming-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 39px;} .incoming-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px;} .incoming-page .right-image-panel .image-area {padding: 180px 50px 120px 70px; } .incoming-page .right-image-panel .head{margin-left: 108px; margin-top: 160px;} .incoming-page .right-image-panel .sub-text{margin-left: 108px; margin-top: 15px;} .incoming-page .right-image-panel ul{margin-left: 108px;} .incoming-page .right-image-panel a{margin-left: 108px;} .incoming-page .left-image-panel .image-area {padding: 180px 50px 150px 70px;} .incoming-page .left-image-panel .head{margin-left:30px; margin-top: 170px;} .incoming-page .left-image-panel .sub-text{margin-left:30px;} .incoming-page .left-image-panel ul{margin-left:30px;} .incoming-page .left-image-panel a{margin-left:30px;} .incoming-page .key-features{width:1000px;} .onthelist-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 77px;} .onthelist-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px;} .onthelist-page .right-image-panel .image-area {padding: 180px 50px 120px 70px; } .onthelist-page .testimonial .testimonial-box:nth-child(4){margin-top: 300px;} .onthelist-page .testimonial .head {margin-left: 52px;} .onthelist-page .testimonial .description {margin-left: 52px;} .invoice-page .testimonial .header {margin-left: 52px;} .invoice-page .testimonial .description {margin-left: 52px;} .invoice-page .testimonial .testimonial-box:nth-child(3) {margin-top: 354px;} .invoice-page .testimonial .testimonial-box:nth-child(4) {margin-top: 297px;} /* ---------------------- app Page ------------------------*/ /* ---------------------- industry Page ------------------------*/ .studio-classes-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 131px;} .brand-stands-area svg{width:100%; height:Auto;} .brand-stands-area .text{margin-top: 80px;} .branded-app-area{margin-top:100px;} .entire-business{padding:100px 50px 100px 50px} .turn-drop-ins-box .box{width:343px; height:343px;} .word-of-mouth{padding: 100px 70px;} .word-of-mouth .head{font-size: 70px; line-height: 80px;} .optimize-operations-head{margin-top: 100px} .optimize-operations{padding:0px 0px 0px 27px} .support-team .text-area{padding: 129px 75px;} .studio-classes-industry .testimonial .head {margin-left: 32px;} .studio-classes-industry .testimonial .description {margin-left: 32px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 131px;} .salons-spas-industry .page-top-section .section-inner-curve .image-area {padding: 35px 85px 94px 65px;} .think-inside .head{margin-top: 70px; margin-left: 55px;} .think-inside .text{margin-top: 45px; margin-left: 55px;} .think-inside a{margin-left: 55px;} .think-inside-2 .head{margin-top: 70px; margin-left: 55px;} .think-inside-2 .text{margin-top: 45px; margin-left: 55px;} .think-inside-2 a{margin-left: 55px;} .entire-business .head{font-size:26px;} .salons-spas-industry .testimonial .head {margin-left: 32px;} .salons-spas-industry .testimonial .description {margin-left: 32px;} /*.art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 131px;} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 35px 85px 44px 65px;}*/ .integration-area{padding:130px 90px 95px 90px} .scale-up{padding:0px 55px} .scale-up .section-head{left: 678px;} .black-head{padding:65px 125px 80px 125px} .art-culture-steps .step-box .text-area{font-size: 16px;} .manage-dozens{padding:100px 50px 70px 50px; font-size: 35px;} .simple-setup .text-area{padding-left:115px;} .specialized-hardware .text-1 {color: #fff; margin-top: 80px; font-size: 30px; font-weight: 600; line-height: 40px; margin-left: 15px;} .specialized-hardware .text-2{margin-left:15px;} .art-culture-industry .testimonial .head {margin-left: 32px;} .art-culture-industry .testimonial .description {margin-left: 32px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 131px;} .retail-ecom-industry .page-top-section .section-inner-curve .image-area {padding: 35px 85px 44px 65px; text-align: center;} .window-shoppers{padding: 100px 50px 100px 50px;} .window-shoppers .head{font-size:25px;} .digital-era{margin-left:110px;} .digital-era svg{width:100%; height:auto;} .retail-ecom-industry .testimonial .head {margin-left: 32px;} .retail-ecom-industry .testimonial .description {margin-left: 32px;} .food-drink-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 131px;} .food-drink-page .page-top-section .section-inner-curve .content-area .text {font-size: 26px; margin-bottom: 25px; line-height: 35px;} .page-top-section .section-inner-curve .content-area .sub-text{line-height:28px;} .food-drink-page .page-top-section .section-inner-curve .image-area{padding:35px 85px 24px 65px} .f-d-page-head .text{left:64px;} .food-drink-page .hm-right-image-panel .section-heading{left:64px;} .food-drink-page .hm-right-image-panel .sub-text{margin-left: 64px;} .food-drink-page .hm-right-image-panel .carousel-item a{margin-left: 64px;} .food-drink-page .hm-right-image-panel .carousel-control-prev{left:74px;} .food-drink-page .hm-right-image-panel .carousel-control-next{left:94px;} .food-drink-page .hm-right-image-panel .image-area {padding: 145px 10px 70px 181px;} .food-drink-page .hm-left-image-panel .section-heading{left:702px;} .food-drink-page .hm-left-image-panel .carousel-control-prev{left:702px;} .food-drink-page .hm-left-image-panel .carousel-control-next{left:722px;} .food-drink-page .hm-left-image-panel .image-area {padding: 145px 115px 70px 40px;} .food-drink-page .hm-left-image-panel .carousel-indicators{width:146px;} .food-drink-page .specialized-hardware .text-area{padding:192px 35px 75px 65px} .f-d-manage-inventory .section-heading{margin-left: 150px;} .f-d-manage-inventory .text{margin-left: 150px;} .f-d-manage-inventory .carousel-item a{margin-left: 150px;} .f-d-manage-inventory .carousel-control-prev{margin-left: 150px;} .f-d-manage-inventory .carousel-control-next{margin-left: 170px;} .f-d-employee-management .section-heading{margin-left: 658px;} .f-d-employee-management .carousel-control-prev{margin-left: 658px;} .f-d-employee-management .carousel-control-next{margin-left: 678px;} .f-d-employee-management .carousel-indicators{left:120px;} .f-d-designed-to-grow{padding:150px 20px 120px 30px} .f-d-designed-to-grow svg{width:100%; height:auto;} .f-d-designed-to-grow .section-heading{left:80px;} .increase-sales-head{font-size: 35px; padding:100px 35px 100px 35px} .f-d-increase-sales .section-heading{margin-left:125px;} .f-d-increase-sales .text{margin-left:125px;} .f-d-increase-sales .carousel-item a{margin-left:125px;} .f-d-increase-sales .carousel-control-prev{margin-left:125px;} .f-d-increase-sales .carousel-control-next{margin-left:145px;} .f-d-increase-sales .carousel-indicators{right: 125px;} .f-d-loyalty-rewards .section-heading{left:668px;} .f-d-loyalty-rewards .carousel-indicators{left:110px;} .f-d-loyalty-rewards .carousel-control-prev{left:665px;} .f-d-loyalty-rewards .carousel-control-next{left:685px;} .f-d-review-booster{540px;} .f-d-review-booster svg{width:100%; height:auto;} .f-d-gift-card{padding: 95px 65px;} .food-drink-page .testimonial .head {margin-left: 32px;} .food-drink-page .testimonial .description {margin-left: 32px;} .food-drink-page .testimonial .testimonial-box:nth-child(3) {margin-top: 426px;} .food-drink-page .testimonial .testimonial-box:nth-child(4) {margin-top: 314px;} /* ---------------------- industry Page ------------------------*/ /* ---------------------- ai Page ------------------------*/ .ai-page .page-top-section .section-inner-curve .content-area{padding: 40px 0px 50px 90px;} .ai-page .page-top-section .section-inner-curve .image-area {padding: 15px 30px 20px 30px;} .ai-page .left-image-panel{margin-top:0px;} .ai-page .left-image-panel .image-area{padding:140px 30px 160px 40px;} .ai-page .right-image-panel .image-area{padding:180px 80px 150px 90px} .ai-page .right-image-panel .head{margin-left:69px;} .ai-page .right-image-panel ul{margin-left:69px;} .ai-in-action-img{width:100%; display:table; padding:0px 30px;} .ai-in-action-img svg{width:100%; height:auto;} /* ---------------------- ai Page ------------------------*/ /* ---------------------- Pricing Page ------------------------*/ .pricing-page-top-section .pricing-page-top-section-color{padding: 50px 30px;} .pricing-box{padding: 25px;} .pricing-box .price_view_deom{width: 270px; margin-left: 4px;} .pricing-area .pricing-panel .col-md-3:first-child{max-width: 380px!important;} .pricing-area .pricing-panel .col-md-3{max-width: 254px!important; font-size:15px;} .pricing-area .pricing-panel .sub-text{font-size:14px;} .pricing-area .pricing-panel .sub-text span{font-size:11px;} .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 490px!important;} .pricing-area .pricing-panel-3 .col-md-4{max-width: 369px!important;} /* ---------------------- Pricing Page ------------------------*/ /* ---------------------- Integration Page ------------------------*/ .integrations-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 85px;} .integrations-page .int-partner-heading{margin-left:20px;} .integration-inner-page .page-top-section .section-inner-curve .content-area {padding: 31px 0px 50px 120px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .button{bottom:10px;} .integration-inner-page .management-software{padding:100px 0px 20px 0px} .integration-overview{padding: 70px 58px} .integration-overview .head{margin-left:20px;} .integration-overview .text{margin-left:20px; font-size:400;} .integration-inner-page .left-image-panel .head{margin-left: 30px; font-size: 30px; margin-top: 135px;} .integration-inner-page .left-image-panel .sub-text{margin-left: 30px; font-size: 16px; line-height: 29px;} .integration-inner-page .left-image-panel .image-area {padding: 180px 50px 120px 70px;} .gorw-sell-manage-save{margin-top: 120px;} .tessitura-page .page-top-section{background-position:left -163px;} .quickbook-page .page-top-section{background-position:left -145px;} .zettle-page .integration-overview .head{margin-left: 20px;} .zettle-page .integration-overview .text{margin-left: 20px;} .square-page-top-panel .integration-logo{margin-top: 135px; margin-left: 120px;} .square-page-top-panel .page-title{margin-left: 120px;} .square-page-top-panel .text{margin-left: 120px; margin-bottom: 120px;} .square-by-here .integration-overview svg{width:100%; height:auto;} .square-by-orderup .page-top-section{background-position:left -163px;} .square-by-pos .page-top-section{background-position:left -163px;} .square-by-here .page-top-section{background-position:left -163px;} /* ---------------------- Integration Page ------------------------*/ /*---------------------- Footer ---------------------------*/ .non-login-footer-2021{padding:80px 80px 20px 80px} /*---------------------- Footer ---------------------------*/ /*---------App Page-----------*/ .apps-page .sort-by-area{padding: 10px 30px;} .apps-page .view{padding: 10px 30px;} .apps-page .page-heading{padding: 0px 30px;} .apps-page .apps-area{padding: 0px 30px;} .apps-page .apps-area .box .app-screens{width:149px;} .apps-page .apps-area .box .app-screens svg{width:100%;} .apps-page .apps-area .box .app-description-area {float: left; width: 185px;} .apps-page .apps-area .box .app-description-area .d-md-block{display:none!important;} /*---------App Page-----------*/ /*---------zettle new page-----------*/ .zettle-top-panel{background-size: contain;} .zettle-top-panel .device{right:30px; top:3px;} .zettle-top-panel .head{font-size:43px;} .zettle-top-panel .sub-head{width:400px;} .zettle-pointers{padding: 0px 30px;} .zettle-pointers .col-md-8 {padding-right: 72px!important;} .zettle-qr-code .col-md-8 {padding-right: 42px!important;} .zettle-self-order .col-md-8 {padding-right: 42px!important;} .zettle-ecom .col-md-8 {padding-right: 42px!important;} .zettle-digital-menu .col-md-8 {padding-right: 42px!important;} .zettle-wnr .col-md-8 {padding-right: 42px!important;} .zettle-multi-location .col-md-8 {padding-right: 42px!important;} .zettle-quickbook .col-md-8 {padding-right: 42px!important;} .zettle-recipe-based .col-md-8 {padding-right: 42px!important;} .zettle-boost-revenue a{margin-left: 1px;} .zettle-features{padding: 40px 20px;} .and-many-more{padding: 40px 20px;} .make-the-switch {padding: 25px;} .faq-area {padding: 50px 10px;} /*---------zettle new page-----------*/ .yellow-dog .zettle-top-panel{height: 635px;} .yellow-dog .zettle-top-panel .head{margin-left:30px; width:400px;} .yellow-dog .zettle-top-panel .sub-head{margin-left:30px; width:470px;} .yellow-dog .zettle-top-panel .action-area{margin-left:30px;} .yellow-dog .image-area {width: 100%; height: auto;} .yellow-dog .zettle-boost-revenue{padding-left:30px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue svg{width:100%; height:auto;} /* ---------------------- New art-cutlure Page ------------------------*/ .art-culture-industry .page-top-section .section-inner-curve .content-area{padding: 40px 0px 50px 41px;} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 35px 85px 44px 65px;} .art-culture-industry .trusted-by{padding:0px 20px 70px 20px} .art-culture-industry .trusted-by .trusted-logos .logo{width:117px;} /* ---------------------- New art-cutlure Page ------------------------*/ /*------------ Spektrix Page ------------*/ .spektrix-page .section-overview{padding:50px} .spektrix-page .section-overview .text br{display:none!important;} /*------------ Spektrix Page ------------*/ } @media screen and (min-width: 1024px) and (max-width: 1149px) { /*----------------------- Header 2021 -----------------------*/ .header-wrapper-2021 .header-2021 .navbar{padding: 0px 5px 0px 15px;} .header-wrapper-2021 .header-2021 .nav-link{padding:1.8rem 1.3rem!important} .header-wrapper-2021 .header-2021 .trial-btn a{padding:10px 25px!important} .header-wrapper-2021 .header-2021 .dropdown-solution .dropdown-menu{width: 990px; margin-left: -179px; padding:90px 00px 20px 115px} .header-wrapper-2021 .header-2021 .manage-more-efficiently{padding-left:30px;} .header-wrapper-2021 .header-2021 .operate-your-business .heading{margin-bottom: 5px; font-size: 16px;} .header-wrapper-2021 .header-2021 .operate-your-business .links a{font-size:14px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently{height:480px; padding-left:10px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently .heading{margin-bottom: 5px; font-size: 16px;} .header-wrapper-2021 .header-2021 .manage-more-efficiently .links a{font-size:14px;} .header-wrapper-2021 .header-2021 .grow-to-meet{padding-left:10px; width: 40%;} .header-wrapper-2021 .header-2021 .grow-to-meet .links .heading{margin-bottom: 5px;font-size: 16px;} .header-wrapper-2021 .header-2021 .grow-to-meet .links a{font-size:14px;} .header-wrapper-2021 .header-2021 .dropdown-industries .dropdown-menu{margin-left:-280px; width:990px; padding:90px 100px 50px 170px} /*----------------------- Header 2021 -----------------------*/ /* ---------------------- Home Page ------------------------*/ .home-page .page-top-section .section-inner-curve .content-area .text {font-size: 40px;line-height: 51px; margin-bottom: 10px;} .home-page .page-top-section .section-inner-curve .content-area .button{margin-top: 50px;} .home-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 55px} .home-page .page-top-section .section-inner-curve{background-position:left 235px; background-size: auto;} .home-page .page-top-section .section-inner-curve .image-area{padding: 5px 50px 90px 50px;} .home-page .management-software {padding: 0px 0px 20px 0px;} .hm-schedule-consultant{margin-top: 100px;} .hm-software-operate-scale-img{width: 540px; height: auto;} .hm-software-operate-scale-img svg{width:100%; height:auto;} .hm-step-animation{width:1000px;} .hm-step-animation .step-box-area{width: 246px;} .hm-step-animation .step-box-area a{width: 246px;} .hm-step-animation .step-box-area .step-box{width: 224px;} .hm-step-animation .step-4{width: 246px!important;} .hm-left-image-panel{background-position:-238px top; padding-bottom: 65px; background-size: contain;} .hm-left-image-panel .section-heading{left:600px;} .hm-left-image-panel .carousel-indicators{left:-125px; bottom:-50px;} .hm-left-image-panel .head{margin-left: 15px;margin-right:15px; margin-top: 121px; font-size: 26px; line-height: 33px;} .hm-left-image-panel .sub-text{margin-left: 15px; font-size: 18px;margin-right:15px;} .hm-left-image-panel .sub-text .d-md-block{display:none!important;} .hm-left-image-panel .sub-text-2{margin-left: 15px; font-size: 17px; margin-right:15px;} .hm-left-image-panel .sub-text-2 .d-md-block{display:none!important;} .hm-left-image-panel .carousel-item a{margin-left: 15px;} .hm-left-image-panel .carousel-control-prev{left: 911px; top: 560px;} .hm-left-image-panel .carousel-control-next{left: 950px;} .hm-left-image-panel .image-area{height: 549px; padding:125px 140px 79px 30px} .hm-left-image-panel .is-welcome {padding: 125px 160px 70px 20px} .hm-left-image-panel .is-here {padding: 125px 160px 70px 20px} .hm-left-image-panel .is-branded{padding:125px 190px 79px 100px} .hm-left-image-panel .is-branded svg{width:100%; height:auto;} .hm-left-image-panel .is-review{padding:125px 190px 79px 100px} .hm-left-image-panel .is-review svg{width:100%; height:auto;} .hm-left-image-panel .is-food{padding:125px 200px 79px 140px} .hm-left-image-panel .is-food svg{width:100%; height:auto;} .hm-left-image-panel .is-cpos {padding: 125px 160px 70px 20px} .hm-left-image-panel .is-orderup{padding: 125px 160px 70px 20px} .hm-left-image-panel .is-qrcode {padding:125px 220px 79px 60px} .hm-left-image-panel .is-qrcode svg{width:100%; height:auto;} .hm-left-image-panel .is-fine-dinning {padding:125px 140px 79px 30px} .hm-left-image-panel .is-fine-dinning svg{width:100%; height:auto;} .hm-left-image-panel .is-quote-invoice{padding:125px 180px 79px 120px} .hm-left-image-panel .is-quote-invoice svg{width:100%; height:auto;} .hm-left-image-panel .is-waitlist{padding: 125px 160px 70px 20px} .hm-left-image-panel .is-incoming{padding: 125px 160px 70px 20px} .hm-left-image-panel .is-real-time{padding:125px 110px 79px 20px} .hm-left-image-panel .is-sms-marketing{padding:125px 110px 79px 20px} .hm-left-image-panel .is-recurring{padding:125px 110px 79px 20px} .hm-left-image-panel .is-upsell {padding: 125px 160px 70px 20px} .hm-left-image-panel .hm-carousel-item-4 .sub-text {line-height:23px;} .hm-left-image-panel .hm-carousel-item-4 a {margin-top:20px;} .hm-left-image-panel svg{width:100%; height:auto;} .hm-right-image-panel{background-position:535px top; padding-bottom: 75px; margin-top: 150px; background-size: contain;} .hm-right-image-panel svg{width:100%; height:auto;} .hm-right-image-panel .section-heading{left:52px;} .hm-right-image-panel .head{margin-left: 52px; font-size: 26px; margin-top: 106px; line-height: 33px;} .hm-right-image-panel .sub-text{margin-left: 52px; font-size: 17px;} .hm-right-image-panel .sub-text .d-md-block{display:none!important;} .hm-right-image-panel .sub-text-2{margin-left: 52px; font-size: 16px;} .hm-right-image-panel .sub-text-2 .d-md-block{display:none!important;} .hm-right-image-panel .carousel-item a{margin-left: 52px;} .hm-right-image-panel .carousel-indicators{right: -50px; bottom:-37px;} .hm-right-image-panel .image-area{padding: 125px 20px 70px 130px; height: 549px;} .hm-right-image-panel .is-welcome {padding: 125px 20px 70px 160px; } .hm-right-image-panel .is-here {padding: 125px 20px 70px 160px;} .hm-right-image-panel .is-upsell {padding: 125px 20px 70px 160px;} .hm-right-image-panel .is-qrcode{padding:125px 30px 70px 260px} .hm-right-image-panel .is-qrcode svg{width:100%; height:auto;} .hm-right-image-panel .is-fine-dinning {padding:125px 10px 70px 180px} .hm-right-image-panel .is-fine-dinning svg{width:100%; height:auto;} .hm-right-image-panel .is-quote-invoice{padding:125px 20px 70px 270px} .hm-right-image-panel .is-quote-invoice svg{width:100%; height:auto;} .hm-right-image-panel .is-branded{padding:143px 60px 70px 270px} .hm-right-image-panel .is-branded svg{width:100%; height:auto;} .hm-right-image-panel .is-review{padding:143px 70px 70px 250px} .hm-right-image-panel .is-review svg{width:100%; height:auto;} .hm-right-image-panel .is-food{padding:143px 70px 70px 250px} .hm-right-image-panel .is-food svg{width:100%; height:auto;} .hm-right-image-panel .hm-carousel-item-1 .sub-text{margin-top:0px; margin-bottom: 0px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text-2{margin-top:0px;margin-bottom: 110px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top:0px; margin-bottom:190px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text-2{margin-top:0px; margin-bottom:120px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text{margin-top:0px; margin-bottom: 0px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text-2{margin-top:0px; margin-bottom: 66px;} .hm-right-image-panel .hm-carousel-item-5 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-6 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-6 a{margin-top:6px;} .hm-right-image-panel .hm-carousel-item-7 .sub-text{margin-top:0px; margin-bottom: 162px;} .hm-right-image-panel .hm-carousel-item-8 .sub-text{margin-top:0px; margin-bottom:66px;} .hm-right-image-panel .hm-carousel-item-9 .sub-text{margin-top:0px; margin-bottom:134px;} .hm-right-image-panel .hm-carousel-item-10 .sub-text{margin-top:0px; margin-bottom:110px;} .hm-right-image-panel .hm-carousel-item-11 .sub-text{margin-top:0px; margin-bottom:150px;} .hm-right-image-panel .hm-carousel-item-12 .sub-text{margin-top:0px; margin-bottom:124px;} .hm-right-image-panel .hm-carousel-item-13 .sub-text{margin-top:0px; margin-bottom:124px;} .hm-right-image-panel .hm-carousel-item-14 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-15 .sub-text{margin-top:0px; margin-bottom:72px;} .hm-right-image-panel .hm-carousel-item-16 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-17 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-18 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-left-image-panel .hm-carousel-item-11 .sub-text{margin-top:0px; margin-bottom:139px;} .hm-left-image-panel .hm-carousel-item-12 .sub-text{margin-top:0px; margin-bottom:139px;} .hm-left-image-panel .hm-carousel-item-13 .sub-text{margin-top:0px; margin-bottom:163px;} .hm-left-image-panel .hm-carousel-item-14 .sub-text{margin-top:0px; margin-bottom:60px;} .hm-left-image-panel .hm-carousel-item-15 .sub-text{margin-top:0px; margin-bottom:85px;} .hm-left-image-panel .hm-carousel-item-16 .sub-text{margin-top:0px; margin-bottom:89px;} .hm-left-image-panel .hm-carousel-item-17 .sub-text{margin-top:0px; margin-bottom:53px;} .hm-left-image-panel .hm-carousel-item-17 a{margin-top:30px;} .hm-left-image-panel .hm-carousel-item-18 .sub-text{margin-top:0px; margin-bottom:79px;} .second-right .carousel-indicators{bottom: -15px;} .second-right .carousel-control-prev{top:546px;} .second-right .carousel-control-next{top:546px;} .hm-software-operate-scale{padding: 50px 20px; margin-top: 80px;} .hm-software-operate-scale-content{margin-left: 30px;} .hm-software-operate-scale-content .pointers{margin-top: 15px;} .hm-software-operate-scale-content .heading{font-size:30px;} .hm-integrable-software-boxes{padding: 50px 20px;} .hm-integrable-software-boxes .col-md-4 {padding: 10px!important;} .hm-integrable-software-boxes .box .text .d-md-block{display:none!important;} .hm-support-center .img {margin-top: 25px; padding: 10px 19px;} .hm-support-center .heading{margin-left:75px;} .hm-support-center .sub-text{margin-left:75px;} .home-page .testimonial .testimonial-box {padding: 40px 15px;} .home-page .testimonial .head {margin-left: 32px;} .home-page .testimonial .description {margin-left: 32px; font-size: 33px;} .home-page .testimonial .testimonial-box:nth-child(3) {margin-top: 339px;} .home-page .testimonial .testimonial-box:nth-child(4) {margin-top: 245px;} .home-page .testimonial .testimonial-area {height: 560px;} .hm-support-center .head{font-size: 40px; left: -160px;} /* ---------------------- Home Page ------------------------*/ /* ---------------------- New Home Page 2024 ------------------------*/ .hm-revenue-center .header-wrapper-blank-2021 {height: 79px;} .hm-revenue-center .top-section{padding:50px 30px;} .hm-revenue-center .top-section svg{width:100%; height:auto;} .hm-revenue-center .top-section .content-area .text{font-size: 40px; line-height: 48px;} .hm-revenue-center .top-section .content-area {margin-top: 20px;} .hm-revenue-center .section-two{padding: 30px 15px;} .hm-revenue-center .section-two .box{padding:60px 20px 40px 20px} .hm-revenue-center .section-two .box .head{font-size: 27px; line-height: 30px; margin-bottom: 30px;} .hm-revenue-center .section-two .box .head img{width: 60px;} .hm-revenue-center .section-two .box .text{font-size: 17px; line-height: 25px;} .hm-revenue-center .section-three{padding: 30px 15px;} .hm-revenue-center .section-four{padding: 30px 15px;} .hm-revenue-center .section-four img{width:100%; height:auto;} .hm-revenue-center .section-four .nav {margin-top: 20px;} .hm-revenue-center .section-four .nav-item .nav-link{padding:10px; font-size: 16px;} .hm-revenue-center .section-four .nav-item{margin-bottom:5px;} .hm-revenue-center .section-five{padding: 30px 15px;} .hm-revenue-center .section-five .col-md-4 .box .text br{display:none!important;} .hm-revenue-center .section-five .col-md-4:last-child .box:first-child .text {margin-bottom: 13px; margin-top: 12px;} .hm-revenue-center .section-five .col-md-4:last-child .box:last-child .text {margin-bottom: 25px; margin-top: 16px;} .hm-revenue-center .section-five .col-md-4:first-child .box:last-child .text {margin-bottom: 41px;} .hm-revenue-center .section-six{padding: 30px;} .hm-revenue-center .section-six .logo-head{margin-bottom: 20px;} .hm-revenue-center .section-six .head br{display:none!important} .hm-revenue-center .section-six .sub-head{padding: 0px 100px;} .hm-revenue-center .section-six .sub-head span{font-size: 22px;} .hm-revenue-center .section-six .sub-head br{display:none!important} .hm-revenue-center .section-six .owl-carousel .img{width:211px; height:auto;} .hm-revenue-center .section-seven{padding: 30px 15px;} .hm-revenue-center .section-seven .box{padding: 15px 15px 15px 80px; font-size: 19px; height:198px;} .hm-revenue-center .section-seven .content .box span{left: 18px; font-size: 70px; top: 0px;} .hm-revenue-center .section-seven .testimonal-area .text{font-size: 17px; height:240px;} .hm-revenue-center .section-seven .testimonal-area{margin:30px auto} .hm-revenue-center .section-eight{padding:30px;} .hm-revenue-center .section-eight .form-area .head{margin-top: 0px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .dropdown-solution .dropdown-menu{width: 780px !important; margin-left:-390px;} .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .operate-your-business{width:50%;} .hm-revenue-center .header-wrapper-2021.header-wrapper-2024 .header-2021 .grow-to-meet{width:50%;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .dropdown-solution .dropdown-menu{width: 810px !important;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .operate-your-business{width:50%;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .grow-to-meet{width:50%;} .non-login-footer-2021.non-login-footer-2024{padding: 50px 20px 20px 20px;} .hm-revenue-center .section-nine{padding: 30px;} .hm-revenue-center .section-nine .head br{display:none!important} .hm-revenue-center .section-nine .sub-head br{display:none!important} .hm-revenue-center .section-nine .owl-carousel .img{width:211px; height:auto;} .hm-revenue-center .section-nine .sub-head{padding: 0px 100px; font-size: 21px;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} .hm-revenue-center .section-eight .form-area .form input{width: calc(100% - 215px);} /* ---------------------- New Home Page 2024 ------------------------*/ /* ---------------------- Footer ----------------------*/ .footer{padding:80px 70px 20px 70px} /* ---------------------- Footer ----------------------*/ /* ---------------------- app Page ------------------------*/ .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 55px;} .page-top-section .section-inner-curve .content-area .text{font-size: 36px;} .page-top-section .section-inner-curve .image-area{padding: 35px 15px 98px 35px} .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .features{padding: 25px 70px;} .features .text{font-size: 17px;} .left-image-panel .image-area svg{width:100%; height:auto;} .left-image-panel .image-area{padding: 180px 70px 173px 50px; background-position:-160px top;} .left-image-panel .head{font-size: 25px; margin-left: 30px;} .left-image-panel ul{font-size: 15px; margin-left: 31px;} .left-image-panel a{margin-left: 35px;} .right-image-panel .image-area{background-position:0px top; padding:180px 50px 173px 70px} .right-image-panel .head{margin-left:69px;} .right-image-panel ul{margin-left: 69px; font-size: 15px;} .right-image-panel a{margin-left: 47px;} .other-salesvu-apps{margin-top: 90px;} .testimonial .head{margin-left: 32px;} .testimonial .description{margin-left: 32px;} .testimonial a{margin-left: 32px;} .testimonial .testimonail-inner-curve{padding-bottom: 70px;} .testimonial .testimonial-box .testimonial-details .c-name{font-size:14px;} .testimonial .testimonial-area{width:532px;} .testimonial .testimonial-box{width: 254px; padding: 20px 10px;} .testimonial .testimonial-box:nth-child(2){margin-top: 5px; margin-left: 278px;} .testimonial .testimonial-box:nth-child(3){margin-top: 336px; margin-left: 10px; width: 244px;} .testimonial .testimonial-box:nth-child(4){margin-top: 240px; margin-left: 278px; width: 254px;} .testimonial .logo-box{padding: 75px;} .testimonial .logo-box:nth-child(2){margin-top: 35px;} .employee-schedulling-page .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 55px;} .employee-schedulling-page .left-image-panel .image-area {padding: 190px 120px 205px 30px;} .employee-schedulling-page .left-image-panel .head{font-size: 25px; margin-left: 35px;} .employee-schedulling-page .left-image-panel .sub-text{font-size: 17px; margin-left: 35px;} .employee-schedulling-page .left-image-panel ul{margin-left: 35px;} .employee-schedulling-page .right-image-panel .image-area {padding: 170px 30px 155px 131px;} .employee-schedulling-page .right-image-panel .head{font-size: 25px; margin-left: 47px;} .employee-schedulling-page .right-image-panel .sub-text{font-size: 17px; margin-left: 47px;} .employee-schedulling-page .right-image-panel ul{margin-left: 44px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area {padding: 50px 0px 50px 38px;} .fine-dinning-page .page-top-section .section-inner-curve .image-area{padding:26px 95px 0px 95px} .fine-dinning-page .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .fine-dinning-page .right-image-panel .image-area {padding: 120px 63px 120px 123px;} .fine-dinning-page .right-image-panel .head{margin-left: 60px; font-size: 30px;} .fine-dinning-page .right-image-panel .sub-text{margin-left: 60px; font-size: 15px;} .fine-dinning-page .right-image-panel .sub-text span{font-size:17px;} .fine-dinning-page .right-image-panel a {margin-left: 60px;} .fine-dinning-page .left-image-panel .image-area {padding: 118px 15px 90px 5px;} .fine-dinning-page .left-image-panel .head{margin-left:20px; font-size: 30px;} .fine-dinning-page .left-image-panel .sub-text{margin-left:20px; font-size: 15px;} .fine-dinning-page .left-image-panel .sub-text span{font-size:17px;} .fine-dinning-page .left-image-panel a{margin-left:20px;} .tiered-loyalty-page .page-top-section .section-inner-curve .image-area{padding:55px 85px 102px 65px} .tiered-loyalty-page .left-image-panel .image-area{padding: 186px 80px 181px 60px;} .tiered-loyalty-page .left-image-panel .sub-text{font-size: 15px; line-height:30px; margin-left:0px;} .tiered-loyalty-page .left-image-panel .head{margin-top: 130px; margin-left:0px;} .tiered-loyalty-page .left-image-panel ul{margin-left:0px;} .tiered-loyalty-page .left-image-panel a{margin-left:0px;} .tiered-loyalty-page .right-image-panel .image-area {padding: 240px 10px 190px 103px;} .tiered-loyalty-page .right-image-panel .head{margin-left: 55px; margin-top:150px;} .tiered-loyalty-page .right-image-panel .sub-text{font-size: 15px; line-height:30px;margin-left: 55px;} .tiered-loyalty-page .right-image-panel ul{margin-left: 55px;} .tiered-loyalty-page .right-image-panel a{margin-left: 55px;} .customer-words{padding:130px 0px 30px 0px} .tiered-loyalty-page .testimonial .head{margin-left:12px;} .tiered-loyalty-page .testimonial .description{margin-left:12px;} .review-booster-page .page-top-section .section-inner-curve .image-area {padding: 0px 97px 0px 98px;;} .review-booster-page .left-image-panel .image-area {background-position: -160px top; padding: 185px 70px 173px 50px;} .review-booster-page .left-image-panel .head{margin-left: 30px;font-size:30px; margin-top: 205px;} .review-booster-page .left-image-panel ul{margin-left: 30px; font-size:15px;} .review-booster-page .left-image-panel a{margin-left: 30px;} .review-booster-page .right-image-panel .image-area {padding: 180px 50px 180px 70px;} .review-booster-page .right-image-panel .head{margin-left: 69px; font-size:30px;} .review-booster-page .right-image-panel ul {margin-left: 69px; font-size:15px;} .review-booster-page .right-image-panel a{margin-left: 69px;} .review-booster-page .testimonial .testimonial-box{padding: 20px 15px;} .review-booster-page .testimonial .text-head{margin-right: 45px; margin-top: 300px;} .review-booster-page .testimonial .testimonial-box:nth-child(3){margin-top:356px;} .review-booster-page .testimonial .testimonial-box:nth-child(4){margin-top: 290px;} .real-time-page .page-top-section .section-inner-curve .content-area {padding: 30px 0px 50px 20px;} .real-time-page .page-top-section .section-inner-curve .content-area .text {line-height: 42px; margin-bottom: 20px;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text{line-height: 29px;} .real-time-page .page-top-section .section-inner-curve .image-area {padding: 100px 170px 225px 50px;} .real-time-page .page-top-section .section-inner-curve .content-area .button {margin-top: 40px;} .real-time-page .left-image-panel .image-area {padding: 80px 190px 225px 80px} .real-time-page .left-image-panel .head{font-size: 25px; margin-top: 220px; margin-left: 30px;} .real-time-page .left-image-panel ul {margin-left: 30px; margin-top: 25px;} .real-time-page .left-image-panel a{margin-left: 30px; margin-top: 90px;} .real-time-page .right-image-panel .image-area {padding: 135px 20px 285px 150px;} .real-time-page .right-image-panel .head{margin-top: 180px;} .real-time-page .right-image-panel a{margin-left: 69px;} .digital-physical-page .page-top-section .section-inner-curve .image-area{padding: 35px 75px 82px 75px;} .digital-physical-page .page-top-section .section-inner-curve .content-area{padding: 80px 0px 50px 65px;} .digital-physical-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px;} .digital-physical-page .left-image-panel .image-area{padding:110px 50px 70px 40px} .digital-physical-page .left-image-panel .head{font-size:30px;} .digital-physical-page .left-image-panel .sub-text{font-size: 15px;} .digital-physical-page .left-image-panel .sub-text span{font-size: 15px;} .digital-physical-page .left-image-panel a{margin-left:0px;} .digital-physical-page .right-image-panel .image-area{padding:110px 50px 70px 40px} .digital-physical-page .right-image-panel .image-area svg{width:100%; height:auto;} .digital-physical-page .right-image-panel .head{margin-left: 82px; font-size:30px;} .digital-physical-page .right-image-panel .sub-text{margin-left: 82px; font-size: 15px;} .digital-physical-page .right-image-panel .sub-text span{font-size: 15px;} .digital-physical-page .right-image-panel a{margin-left: 82px;} .digital-physical-page .testimonial .testimonial-box:nth-child(3){margin-top: 345px;} .digital-physical-page .testimonial .testimonial-box:nth-child(4){margin-top: 270px;} .digital-physical-page .testimonial .head{margin-left: 40px; margin-top: 255px;} .digital-physical-page .testimonial .description {margin-left: 40px; font-size: 36px;} .digital-physical-page .testimonial a{margin-left: 40px;} .recurring-biling-page .page-top-section .section-inner-curve .image-area{padding: 35px 75px 82px 75px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area{padding: 20px 0px 50px 65px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px;} .recurring-biling-page .left-image-panel .image-area{padding:110px 50px 70px 40px} .recurring-biling-page .left-image-panel .head{font-size:30px;} .recurring-biling-page .left-image-panel .sub-text{font-size: 15px;} .recurring-biling-page .left-image-panel .sub-text span{font-size: 15px;} .recurring-biling-page .left-image-panel a{margin-left:0px;} .recurring-biling-page .right-image-panel .image-area{padding:110px 50px 70px 40px} .recurring-biling-page .right-image-panel .image-area svg{width:100%; height:auto;} .recurring-biling-page .right-image-panel .head{margin-left: 82px; font-size:30px;} .recurring-biling-page .right-image-panel .sub-text{margin-left: 82px; font-size: 15px;} .recurring-biling-page .right-image-panel .sub-text span{font-size: 15px;} .recurring-biling-page .right-image-panel a{margin-left: 82px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(3){margin-top: 345px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(4){margin-top: 270px;} .recurring-biling-page .testimonial .head{margin-left: 40px; margin-top: 255px;} .recurring-biling-page .testimonial .description {margin-left: 40px; font-size: 36px;} .recurring-biling-page .testimonial a{margin-left: 40px;} .qr-ordering-page .page-top-section .section-inner-curve .content-area{padding:90px 0px 50px 55px} .qr-ordering-page .page-top-section .section-inner-curve .image-area{padding:25px 95px 0px 95px} .qr-image-area svg{width:100%; height:auto;} .qr-image-area-2 svg{width:100%; height:auto; padding:0px 20px;} .qr-ordering-page .left-image-panel .sub-text{font-size:17px;} .qr-ordering-page .left-image-panel .image-area {padding: 40px 40px 50px 40px;} .qr-ordering-page .right-image-panel .head{margin-left: 68px;} .qr-ordering-page .right-image-panel .sub-text{margin-left: 68px; font-size:17px;} .qr-ordering-page .right-image-panel ul{margin-left: 68px;} .qr-ordering-page .right-image-panel .image-area svg{width:100%; height:auto;} .qr-ordering-page .right-image-panel .image-area {padding: 40px 50px 50px 160px;} .handheld-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 50px 55px} .handheld-page .page-top-section .section-inner-curve .image-area {padding: 35px 0px 94px 22px;} .handheld-page .left-image-panel .image-area{padding: 160px 50px 230px 30px;} .handheld-page .left-image-panel .head{font-size: 25px; margin-top: 174px;} .handheld-page .left-image-panel .sub-text{font-size: 17px;} .handheld-page .right-image-panel .image-area {background-position: 50px top; padding: 190px 20px 230px 60px;} .handheld-page .right-image-panel .head{margin-left:69px; margin-top: 204px;} .handheld-page .right-image-panel .sub-text{margin-left:69px; font-size:17px;} .handheld-page .right-image-panel a{margin-left:80px;} .key-features .heading{left:0px;} .handheld-page .testimonial .head{margin-left: 50px;} .handheld-page .testimonial .description{margin-left: 50px;} .handheld-page .testimonial .testimonial-box {padding: 15px;} .handheld-page .testimonial .testimonial-box:nth-child(4) {margin-top: 250px;} .handheld-page .testimonial .testimonial-box:nth-child(3) {margin-top: 345px;} .orderup-page .page-top-section .section-inner-curve .image-area{padding:35px 45px 26px 45px} .orderup-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 50px 30px} .orderup-page .page-top-section .section-inner-curve .content-area .text{font-size: 33px;} .orderup-page .management-software{font-size:30px; padding:100px 0px 0px 0px} .orderup-page .left-image-panel .image-area {padding: 190px 10px 193px 30px; background-position: -160px top;} .orderup-page .left-image-panel .head{font-size:25px; margin-top: 240px; margin-left: 35px;} .orderup-page .left-image-panel .sub-text{font-size:15px; margin-left:35px; margin-top:25px;} .orderup-page .left-image-panel a{margin-left:35px;} .orderup-page .right-image-panel .image-area {padding: 170px 40px 110px 60px; background-position: 160px top;} .orderup-page .right-image-panel .head{font-size:25px; margin-left: 85px; margin-top:260px} .orderup-page .right-image-panel .sub-text{margin-top: 25px; margin-left: 85px; font-size: 15px;} .orderup-page .right-image-panel a{margin-left: 85px;} .orderup-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .orderup-page .testimonial .head { margin-left: 40px;} .orderup-page .testimonial .description {margin-left: 40px; font-size: 33px;} .orderup-page .testimonial .testimonial-box{padding:20px;} .orderup-page .testimonial .testimonial-area {height: 600px;} .orderup-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .testimonial .testimonial-box:nth-child(3){margin-top: 370px;} .orderup-page .testimonial .testimonial-box:nth-child(4){margin-top: 300px;} .pos-page .page-top-section .section-inner-curve .image-area{padding:35px 15px 18px 35px} .pos-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 50px 55px} .pos-page .page-top-section .section-inner-curve .content-area .text{font-size: 33px;} .pos-page .management-software{font-size:30px; padding:100px 0px 0px 0px} .pos-page .left-image-panel .image-area {padding: 180px 70px 153px 50px; background-position: -160px top;} .pos-page .left-image-panel .head{font-size:30px; margin-top: 260px; margin-left: 35px;} .pos-page .left-image-panel .sub-text{font-size:15px; margin-left:35px; margin-top:25px;} .pos-page .left-image-panel a{margin-left:35px;} .pos-page .right-image-panel .image-area {padding: 180px 50px 173px 70px; background-position: 160px top;} .pos-page .right-image-panel .head{font-size:30px; margin-left: 85px; margin-top:260px} .pos-page .right-image-panel .sub-text{margin-top: 25px; margin-left: 85px; font-size: 15px;} .pos-page .right-image-panel a{margin-left: 85px;} .pos-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .pos-page .testimonial .head { margin-left: 40px;} .pos-page .testimonial .description {margin-left: 40px; font-size: 33px;} .pos-page .testimonial .testimonial-box{padding:20px;} .pos-page .testimonial .testimonial-area {height: 600px;} .pos-page .testimonial .testimonial-box .text{margin-bottom:15px;} .pos-page .testimonial .testimonial-box:nth-child(3){margin-top: 370px;} .pos-page .testimonial .testimonial-box:nth-child(4){margin-top: 270px;} .pos-page .key-features {width: 1000px;} .pos-page .key-features .key-feaure-tab svg{width:100%; height:auto;} .pos-page .key-features .f-screen {position: absolute; top: 25px; left: 44px; width: 489px; height: 344px; overflow: hidden;} .pos-page .key-features .f-screen svg{width:100%; height:auto;} .here-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 74px;} .here-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px; text-align: center;} .here-page .left-image-panel .image-area {padding: 180px 50px 185px 70px;} .here-page .left-image-panel .head{margin-top: 230px; font-size: 30px;} .here-page .left-image-panel .sub-text{font-size:17px;} .here-page .right-image-panel .image-area {padding: 135px 40px 185px 150px;} .here-page .right-image-panel .head{margin-left: 95px; margin-top: 150px; font-size: 30px;} .here-page .right-image-panel .sub-text{margin-left: 95px; font-size:17px;} .here-page .right-image-panel a{margin-left: 95px;} .here-page .testimonial .head {margin-left: 33px;} .here-page .testimonial .description {margin-left: 33px;} .here-page .testimonial .testimonial-box:nth-child(4){margin-top:300px;} .program-area{width:1000px;} .program-area .col-md-4{padding:20px;} .program-area .col-md-4 .area-box{padding:90px 30px 75px 30px} .program-area .col-md-4 .area-box .art-area{ margin-left: -150px; width: 300px; top: -120px;} .program-area .col-md-4 .area-box .desc{height:126px;} .welcome-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 74px;} .welcome-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px; text-align: center;} .welcome-page .left-image-panel .image-area {padding: 180px 40px 115px 20px;} .welcome-page .left-image-panel .head{margin-top: 230px; font-size: 30px;} .welcome-page .left-image-panel .sub-text{font-size:17px;} .welcome-page .right-image-panel .image-area {padding: 135px 0px 205px 100px;} .welcome-page .right-image-panel .head{margin-left: 95px; margin-top: 150px; font-size: 30px;} .welcome-page .right-image-panel .sub-text{margin-left: 95px; font-size:17px;} .welcome-page .right-image-panel a{margin-left: 95px;} .welcome-page .testimonial .head {margin-left: 33px;} .welcome-page .testimonial .description {margin-left: 33px;} .welcome-page .testimonial .testimonial-box:nth-child(4){margin-top:230px;} .incoming-page .page-top-section .section-inner-curve .content-area {padding: 60px 0px 50px 44px;} .incoming-page .page-top-section .section-inner-curve .content-area .text{font-size: 32px;} .incoming-page .page-top-section .section-inner-curve .image-area{padding: 35px 55px 14px 45px;} .incoming-page .management-software {padding: 90px 0px 0px 0px; font-size: 30px;} .incoming-page .right-image-panel .image-area {padding: 140px 50px 173px 70px; background-position: 160px top;} .incoming-page .right-image-panel .head{margin-left: 58px; margin-top: 160px;} .incoming-page .right-image-panel .sub-text{margin-left: 58px; margin-top: 15px;} .incoming-page .right-image-panel ul{margin-left: 58px;} .incoming-page .right-image-panel a{margin-left: 58px;} .incoming-page .left-image-panel .image-area {padding: 160px 40px 183px 30px; background-position: -160px top;} .incoming-page .left-image-panel .head{margin-left:30px; margin-top: 170px;} .incoming-page .left-image-panel .sub-text{margin-left:30px;} .incoming-page .left-image-panel ul{margin-left:30px;} .incoming-page .left-image-panel a{margin-left:30px;} .incoming-page .key-features{width:1000px;} .incoming-page .testimonial .testimonial-area{height:480px;} .incoming-page .testimonial .head{margin-left: 40px;} .incoming-page .testimonial .description {margin-left: 40px; font-size: 33px;} .incoming-page .testimonial .testimonial-box:nth-child(3) {margin-top: 330px;} .incoming-page .testimonial .testimonial-box:nth-child(4){margin-top: 290px;} .onthelist-page .page-top-section .section-inner-curve .content-area {padding: 70px 0px 50px 55px;} .onthelist-page .page-top-section .section-inner-curve .content-area .text{font-size: 33px;} .onthelist-page .page-top-section .section-inner-curve .image-area{padding: 35px 15px 18px 35px;} .onthelist-page .testimonial .testimonial-area{height:490px;} .onthelist-page .testimonial .testimonial-box:nth-child(4){margin-top: 300px;} .onthelist-page .testimonial .head {margin-left: 40px;} .onthelist-page .description {margin-left: 40px; font-size: 33px;} .invoice-page .page-top-section .section-inner-curve .content-area {padding: 50px 0px 50px 118px;} .invoice-page .testimonial .header {margin-left: 52px;} .invoice-page .testimonial .description {margin-left: 52px; font-size} .invoice-page .testimonial .testimonial-box:nth-child(3) {margin-top: 334px;} .invoice-page .testimonial .testimonial-box:nth-child(4) {margin-top: 294px;} /* ---------------------- app Page ------------------------*/ /* ---------------------- industry Page ------------------------*/ .studio-classes-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 81px;} .studio-classes-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .brand-stands-area svg{width:100%; height:Auto;} .brand-stands-area .text{margin-top: 80px;} .branded-app-area{margin-top:100px;} .entire-business{padding:100px 30px 100px 30px} .entire-business .head{font-size:27px;} .entire-business .head .d-md-block{display:none!important;} .entire-business .text{font-size: 15px; line-height: 22px;} .turn-drop-ins{max-width: 900px;} .turn-drop-ins-box .box{width:301px; height:301px;} .turn-drop-ins-box .text .d-md-block{display:none!important;} .word-of-mouth{padding: 100px 70px;} .word-of-mouth .head{font-size: 60px; line-height: 65px;} .optimize-operations-head{margin-top: 100px; max-width: 920px;font-size: 31px;} .optimize-operations .head{margin-top: 35px;} .optimize-operations{padding:0px 0px 0px 27px} .support-team .text-area{padding: 129px 75px;} .studio-classes-industry .testimonial .head {margin-left: 32px;} .studio-classes-industry .testimonial .description {margin-left: 32px;} .studio-classes-industry .hm-integrable-software{margin-top: 100px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 131px;} .salons-spas-industry .page-top-section .section-inner-curve .image-area {padding: 15px 85px 94px 65px;} .think-inside .head{margin-top: 60px; margin-left: 55px; font-size:60px;} .think-inside .text{margin-top: 5px; margin-left: 55px; font-size:16px;} .think-inside a{margin-left: 55px;} .think-inside-2 .head{margin-top: 60px; margin-left: 55px;} .think-inside-2 .text{margin-top: 5px; margin-left: 55px; font-size:16px;} .think-inside-2 a{margin-left: 55px;} .salons-spas-industry .testimonial .head {margin-left: 32px;} .salons-spas-industry .testimonial .description {margin-left: 32px;} .salons-spas-industry .optimize-operations svg{width:100%; height:auto;} .softwares-help .head .d-md-block{display:none!important;} .softwares-help .text .d-md-block{display:none!important;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 81px;} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 15px 85px 34px 65px;} .integration-area{padding:110px 60px 95px 60px} .scale-up{padding:0px 35px} .scale-up .section-head{left: 608px;} .scale-up svg{width:100%; height:auto;} .black-head{padding:65px 85px 60px 85px} .art-culture-steps .step-box .text-area{font-size: 15px; padding: 10px;} .manage-dozens{padding:100px 50px 70px 50px; font-size: 32px;} .simple-setup .text-area{margin-left: 0px; padding-left: 55px;} .specialized-hardware{padding:105px 15px 105px 45px} .specialized-hardware .text-1 {color: #fff; margin-top: 80px; font-size: 30px; font-weight: 600; line-height: 40px; margin-left: 15px;} .specialized-hardware .text-2{margin-left:15px;} .art-culture-industry .testimonial .head {margin-left: 32px; font-size: 32px;} .art-culture-industry .testimonial .description {margin-left: 32px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 61px;} .retail-ecom-industry .page-top-section .section-inner-curve .image-area {padding: 15px 85px 34px 65px; text-align: center;} .window-shoppers{padding:100px 30px 100px 30px;} .window-shoppers .head{font-size:25px;} .window-shoppers .head .d-md-block{display:none!important;} .window-shoppers .text .d-md-block{display:none!important;} .digital-era{margin-left:20px;} .digital-era .d-md-block{display:none!important;} .digital-era svg{width:100%; height:auto;} .digital-era-2 svg{width:100%; height:auto;} .digital-era-2 .d-md-block{display:none!important;} .digital-era-2 .text-area {margin-top: 20px; margin-left: 50px;} .retail-ecom-industry .testimonial .head {margin-left: 32px; font-size: 32px;} .retail-ecom-industry .testimonial .description {margin-left: 32px;} .increase-sales .text{margin-left: 50px;} .increase-sales a{margin-left: 50px;} .food-drink-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 91px;} .food-drink-page .page-top-section .section-inner-curve .content-area .text {font-size: 26px; margin-bottom: 25px; line-height: 35px;} .page-top-section .section-inner-curve .content-area .sub-text{line-height:28px;} .food-drink-page .page-top-section .section-inner-curve .image-area{padding:35px 85px 44px 65px} .f-d-page-head .text{left:64px; font-size: 35px;} .food-drink-page .hm-right-image-panel .section-heading{left:44px;} .food-drink-page .hm-right-image-panel .sub-text{margin-left: 44px;} .food-drink-page .hm-right-image-panel .carousel-item a{margin-left: 44px;} .food-drink-page .hm-right-image-panel .carousel-control-prev{left:44px; top:540px;} .food-drink-page .hm-right-image-panel .carousel-control-next{left:64px; top:540px;} .food-drink-page .hm-right-image-panel .image-area {padding: 145px 10px 70px 181px;} .food-drink-page .hm-left-image-panel .section-heading{left:612px;} .food-drink-page .hm-left-image-panel .sub-text{margin-left: 15px;} .food-drink-page .hm-left-image-panel .carousel-item a{margin-left: 15px;} .food-drink-page .hm-left-image-panel .carousel-control-prev{left:612px;} .food-drink-page .hm-left-image-panel .carousel-control-next{left:642px;} .food-drink-page .hm-left-image-panel .image-area {padding: 145px 181px 70px 10px} .food-drink-page .hm-left-image-panel .carousel-indicators{width:166px; bottom: 35px;} .food-drink-page .specialized-hardware .text-area{padding:85px 35px 75px 65px} .food-drink-page .hm-step-animation{width: 900px;} .food-drink-page .hm-step-animation .step-box-area{width: 300px} .food-drink-page .hm-step-animation .step-box-area .step-box{width:280px} .f-d-manage-inventory .section-heading{margin-left: 60px;} .f-d-manage-inventory .text{margin-left: 60px;} .f-d-manage-inventory .carousel-item a{margin-left: 60px;} .f-d-manage-inventory .carousel-control-prev{left: 60px;} .f-d-manage-inventory .carousel-control-next{left: 80px;} .f-d-employee-management .section-heading{margin-left: 558px;} .f-d-employee-management .text{margin-left: 45px;} .f-d-employee-management .carousel-item a{margin-left: 45px;} .f-d-employee-management .carousel-control-prev{margin-left: 658px;} .f-d-employee-management .carousel-control-next{margin-left: 678px;} .f-d-employee-management .carousel-indicators{left:120px;} .f-d-designed-to-grow{padding:150px 20px 120px 30px} .f-d-designed-to-grow svg{width:100%; height:auto;} .f-d-designed-to-grow .section-heading{left:80px;} .increase-sales-head{font-size: 35px; padding:100px 35px 50px 35px} .f-d-increase-sales .section-heading{margin-left:75px;} .f-d-increase-sales .text{margin-left:75px;} .f-d-increase-sales .carousel-item a{margin-left:75px;} .f-d-increase-sales .carousel-control-prev{margin-left:75px;} .f-d-increase-sales .carousel-control-next{margin-left:95px;} .f-d-increase-sales .carousel-indicators{right: 75px;} .f-d-loyalty-rewards .section-heading{margin-left: 598px;;} .f-d-loyalty-rewards .carousel-indicators{left:110px;} .f-d-loyalty-rewards .carousel-control-prev{left: 595px; top: 350px;} .f-d-loyalty-rewards .carousel-control-next{left: 615px; top: 350px;} .f-d-review-booster{width:470px;} .f-d-review-booster svg{width:100%; height:auto;} .f-d-review-booster .left-msg .icon svg{width:auto; height:auto;} .f-d-review-booster .left-msg {position: absolute; left: -245px; bottom: 45px; text-align: right; font-weight: 500; font-size: 14px;} .f-d-review-booster .right-msg{-175px;} .f-d-gift-card{padding: 95px 45px;} .f-d-gift-card .head{font-size:36px;} .f-d-gift-card .sub-text .d-md-block{display:none!important;} .f-d-gift-card .sub-text-2 .d-md-block{display:none!important;} .food-drink-page .testimonial .head {margin-left: 32px;} .food-drink-page .testimonial .description {margin-left: 32px;} .food-drink-page .testimonial .testimonial-box:nth-child(3) {margin-top: 426px;} .food-drink-page .testimonial .testimonial-box:nth-child(4) {margin-top: 314px;} /* ---------------------- industry Page ------------------------*/ /* ---------------------- ai Page ------------------------*/ .ai-page .page-top-section .section-inner-curve .content-area{padding: 0px 0px 50px 81px} .ai-page .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .ai-page .left-image-panel{margin-top:0px;} .ai-page .left-image-panel .image-area{padding:140px 20px 210px 20px;} .ai-page .right-image-panel .image-area{padding:180px 80px 205px 90px} .ai-page .right-image-panel .head{margin-left:69px;} .ai-page .right-image-panel ul{margin-left:69px; font-size:15px;} .ai-in-action-img{width:100%; display:table; padding:0px 30px;} .ai-in-action-img svg{width:100%; height:auto;} /* ---------------------- ai Page ------------------------*/ /* ---------------------- Pricing Page ------------------------*/ .pricing-page-top-section .pricing-page-top-section-color{padding: 50px 15px; padding-top: 112px;} .pricing-box{padding: 25px;} .pricing-box .pricing-tab{margin-top: 20px;} .pricing-box .duration-tab .inner-tab{font-size:14px;} .pricing-box .price_view_deom{width: 246px; margin-left: 0px;} .pricing-area .pricing-panel .col-md-3:first-child{max-width: 250px!important;} .pricing-area .pricing-panel .col-md-3{max-width: 24.8%!important; font-size:15px;} .pricing-area .pricing-panel .col-md-3 .d-md-block{display:none!important;} .pricing-area .pricing-panel .sub-text{font-size:14px;} .pricing-area .pricing-panel .sub-text span{font-size:11px;} .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 490px!important;} .pricing-area .pricing-panel-3 .col-md-4{max-width: 297px!important;} .pricing-area .pricing-panel .head .col-md-3{font-size: 20px; padding:15px 7px} .pricing-area .pricing-panel-2 .col-md-3{font-size: 22px; padding: 20px 10px;} .pricing-area .pricing-panel-2 .col-md-6{padding: 20px 10px;} .pricing-area .pricing-panel-3 .col-md-4 {max-width: 33%!important;} .pricing-area .pricing-panel-3 .head .col-md-4:last-child{font-size:20px;} .pricing-area .pricing-panel-3 .head .text-1{font-size:20px;} .pricing-area .pricing-panel-3 .col-md-4{font-size:14px;} .pricing-screen{width:460px; height:auto;} .pricing-location .text-1{font-size: 2rem;} .pricing-location .common-button{margin-left:40px;} .pricing-faq{padding:40px 80px 100px 80px} /* ---------------------- Pricing Page ------------------------*/ /* ---------------------- Integration Page ------------------------*/ .integrations-page .page-top-section{background-position:left -150px;} .integrations-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 30px;} .integrations-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 105px;} .integrations-page .int-partner-heading{width: 303px; margin-left: 10px;} .square-overview{max-width: 950px; margin-top: 70px;} .square-overview svg{width:100%; height:auto;} .square-overview .text{line-height: 28px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 75px;} .integration-inner-page .page-top-section .section-inner-curve .content-area {padding: 31px 0px 50px 120px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .button{bottom:10px;} .integration-inner-page .management-software{padding:100px 0px 20px 0px} .integration-overview{padding: 70px 58px} .integration-overview .head{margin-left: 0px; font-size: 30px;} .integration-overview .text{margin-left: 0px; font-weight: 400; font-size: 18px;} .integration-inner-page .left-image-panel{margin-top:0px;} .integration-inner-page .left-image-panel .head{margin-left: 0px; font-size: 30px; margin-top: 135px;} .integration-inner-page .left-image-panel .sub-text{margin-left: 0px; font-size: 16px; line-height: 29px; } .integration-inner-page .left-image-panel .image-area {padding: 185px 70px 173px 50px;} .gorw-sell-manage-save{margin-top: 120px;} .gorw-sell-manage-save .text{font-size:15px;} .tessitura-page .page-top-section{background-position:left -143px;} .quickbook-page .page-top-section{background-position:left -105px;} .quickbook-page .left-image-panel .image-area{padding:175px 20px 173px 20px} .zettle-page .integration-overview .head{margin-left: 20px;} .zettle-page .integration-overview .text{margin-left: 20px;} .square-page-top-panel .integration-logo{margin-top: 115px; margin-left: 80px;} .square-page-top-panel .page-title{margin-left: 80px;} .square-page-top-panel .text{margin-left: 80px; margin-bottom: 75px;} .square-page-top-panel .button{bottom: 25px; right: 38px;} .square-by-here .integration-overview svg{width:100%; height:auto;} .square-by-orderup .page-top-section{background-position:left -103px;} .square-by-here .page-top-section{background-position:left -103px;} .square-by-pos .page-top-section{background-position:left -113px;} /* ---------------------- Integration Page ------------------------*/ /*---------------------- Footer ---------------------------*/ .non-login-footer-2021{padding:50px 50px 20px 50px} /*---------------------- Footer ---------------------------*/ /*---------App Page-----------*/ .apps-page .sort-by-area{padding: 10px 30px;} .apps-page .view{padding: 10px 30px;} .apps-page .page-heading{padding: 0px 30px;} .apps-page .apps-area{padding: 0px 30px;} .apps-page .apps-area .box .app-screens{width:123px;} .apps-page .apps-area .box .app-screens svg{width:100%;} .apps-page .apps-area .box .app-description-area {float: left; width: 180px;} .apps-page .apps-area .box .app-description-area .d-md-block{display:none!important;} /*---------App Page-----------*/ .download-whitepaper-page .text-area {padding: 100px 60px;} /*---------zettle new page-----------*/ .zettle-top-panel{background-size: contain; padding-top: 150px; height:600px;} .zettle-top-panel .device{right:30px; top:3px;} .zettle-top-panel .head{font-size:43px; margin-left: 50px;} .zettle-top-panel .sub-head{width:400px; margin-left: 50px; font-size: 16px;} .zettle-top-panel .action-area{margin-left: 50px;} .zettle-top-panel .action-area a{padding: 15px 30px;} .zettle-second-panel .head{font-size:27px;} .zettle-third-panel .text{font-size:27px;} .middle-action .head{font-size:27px;} .zettle-pointers{padding: 0px 30px;} .zettle-pointers .head .text{font-size: 26px;} .zettle-pointers .sub-head{font-size: 16px;} .zettle-pointers .point{font-size: 14px;} .zettle-pointers .col-md-8 {padding-left: 0px!important; padding-right: 110px!important;} .zettle-qr-code .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-self-order .col-md-8 {padding-left: 0px!important; padding-right: 110px!important;} .zettle-ecom .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-digital-menu .col-md-8 {padding-left: 0px!important; padding-right: 110px!important;} .zettle-wnr .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-multi-location .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-quickbook .col-md-8 {padding-left: 0px!important; padding-right: 110px!important;} .zettle-recipe-based .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-boost-revenue .sub-head{width:443px;} .zettle-boost-revenue a{margin-left: 1px;} .zettle-features{padding: 40px 20px;} .zettle-features .text{font-size:27px;} .zettle-features .f-text{font-size:14px;} .zettle-features .f-text span{font-size: 18px; margin-bottom: 3px;} .and-many-more{padding: 40px 20px;} .and-many-more .more-feature-text{font-size:14px; line-height: 20px;} .and-many-more .more-feature-text span{font-size: 18px; margin-bottom: 3px;} .make-the-switch {padding: 20px;} .make-the-switch .inner-box .inner-content {padding: 50px;} .make-the-switch .inner-box .inner-content .text{font-size:32px;} .make-the-switch .inner-box .inner-content .text-2{font-size:32px;} .make-the-switch .inner-box .inner-content .text-3{width: 370px; font-size: 16px; line-height: 24px;} .make-the-switch .inner-box svg{width:100%; height:auto;} .faq-area {padding: 50px 10px;} /*---------zettle new page-----------*/ .yellow-dog .zettle-top-panel{height: 635px;} .yellow-dog .zettle-top-panel .head{margin-left:30px; width:400px;} .yellow-dog .zettle-top-panel .sub-head{margin-left:30px; width:470px;} .yellow-dog .zettle-top-panel .action-area{margin-left:30px;} .yellow-dog .zettle-third-panel{padding-top:0px;} .yellow-dog .image-area {width: 100%; height: auto;} .yellow-dog .zettle-boost-revenue{padding-left:30px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue svg{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue .head{width:100%;} .yellow-dog .zettle-boost-revenue .sub-head{width:100%;} .yellow-dog .zettle-boost-revenue ul{margin-left:0px;} /* ---------------------- New art-cutlure Page ------------------------*/ .art-culture-industry .page-top-section .section-inner-curve .image-area {padding: 15px 85px 100px 65px;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 40px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text{font-size: 50px; line-height: 60px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .sub-text{font-size:14px;} .art-culture-industry .trusted-by .trusted-logos .logo{width:17%; text-align:Center; margin:10px;} .art-culture-industry .trusted-by .trusted-logos .logo img{width:auto; height:auto;} .art-culture-industry .zettle-boost-revenue .head{width:100%;} .art-culture-industry .zettle-boost-revenue ul{margin-left:0px;} .art-culture-industry .specialized-hardware {padding: 85px 10px 85px 25px;} /* ---------------------- New art-cutlure Page ------------------------*/ /*------------ Spektrix Page ------------*/ .spektrix-page .built-art-culture li{width:32%;} .spektrix-page .section-overview{padding:50px} .spektrix-page .section-overview .text br{display:none!important;} .spektrix-page .section-overview svg{width:100%; height:auto;} /*------------ Spektrix Page ------------*/ /*---Cookise---*/ .cookies-setting-bottom-bar{width: 94%; margin-left: -47%; grid-template-columns:64% 16% 16%; gap: 15px;} .cookies-txt {line-height: 17px; font-size: 13px;} .cookies-setting-bottom-bar a{font-size: 13px;} /*---Cookise---*/ } @media screen and (min-width: 1500px) and (max-width: 1599px) { .integration-top-section {min-height: 650px} } @media screen and (min-width: 1600px) and (max-width: 1699px) { .integration-top-section {min-height: 650px} } @media screen and (min-width: 1700px) and (max-width: 1799px) { .integration-top-section {min-height: 650px} } @media screen and (min-width: 1800px) and (max-width: 1899px) { .integration-top-section {min-height: 650px} } @media screen and (min-width: 1899px) and (max-width: 1920px) { .integration-top-section {min-height: 650px} .f-d-page-head .text{left:34px;} .tessitura-page .page-top-section{background-position:left -443px;} .paypal-page .page-top-section{background-position:left -230px;} .quickbook-page .page-top-section{background-position:left -315px;} .zohobook-page .page-top-section{background-position:left -205px;} .square-page-top-panel svg{width:auto; height:100%;} .square-by-welcome .square-page-top-panel .text{margin-bottom: 165px;} .square-by-here .square-page-top-panel .text{margin-bottom: 170px;} } @media only screen and (max-width:1030px) { /*---App Center---*/ .page-top-section .curve-relative .image-area-banner {right: 25px; top: 30px;} .sub-head br{ display:none;} .right-image-section li br{ display:none;} .left-image-section li br{ display:none;} .page-top-section .section-inner-curve.curve-relative .content-area {padding: 40px 0px 50px 40px;} .inventory-vendor-management-page .page-top-section .curve-relative .image-area-banner svg {height: 500px;width: 500px;} .food-market-place-app-page .page-top-section .curve-relative .image-area-banner {right: 70px;} .abs-txt-one{left: 12px;} .abs-arrow-one{left: 160px;} .abs-arrow-three{right: 127px;} .abs-txt-three{right: -11px;} .abs-arrow-five{bottom: -40px;right: 82px;} .abs-txt-five{bottom: -56px;right: 50px;} .l-r-list li{font-size: 18px;padding-right: 40px;} .l-r-list li br{ display:none;} .l-r-sub-head {font-size: 18px;padding-right: 40px;} .l-r-sub-head br{ display:none;} .l-r-head {font-size: 24px;} /*---App Center---*/ } @media only screen and (max-width:770px) { .page-top-section .curve-relative .image-area-banner svg{height: 400px; width: 400px;} .right-image-section .col-md-5 {padding-left: 4%;} .left-image-section .col-md-5 {padding-right: 4%;} .right-image-section .sub-head {font-size: 16px;line-height: 25px;margin-top: 12px;} .right-image-section ul{margin-top: 20px;font-size: 16px;line-height: 25px;} .left-image-section .sub-head {font-size: 16px;line-height: 25px;margin-top: 12px;} .left-image-section ul{margin-top: 20px;font-size: 16px;line-height: 25px;} .mob-bg-one {width: 50% !important;flex: auto;max-width: 50%;margin-bottom: 80px;} .abs-arrow-three{right: 140px;bottom: -48px;} .abs-txt-three{right: -3px;} .abs-arrow-one {left: 135px;} .abs-txt-one{left: -2px;} .abs-txt-five{right: 63px;} .abs-arrow-five{right: 84px;} .abs-txt-two{left: -144px;} .multi-mob-section .mob-box-content{min-height: 560px;} .inventory-vendor-management-page .page-top-section .curve-relative .image-area-banner svg {height: 400px;width: 400px;} .inventory-vendor-management-page .page-top-section .section-inner-curve{padding-top: 30px;} .food-market-place-app-page .page-top-section .section-inner-curve{padding-top: 30px;} .inventory-vendor-management-page .page-top-section .curve-relative .image-area-banner {top: 10px;right: 8px;} .brandedapp-page .page-top-section .curve-relative .image-area-banner svg {height: 350px;width: 350px;} .page-content-heading {font-size: 27px;} .left-right-section{padding-left: 5%;} .l-r-list li{font-size: 14px;padding-right: 40px;} .l-r-list li br{ display:none;} .l-r-sub-head {font-size: 14px;padding-right: 40px;} .l-r-sub-head br{ display:none;} .l-r-head {font-size: 21px;} .l-r-img img {max-height: 90px;} .brandedapp-page .page-top-section .curve-relative .image-area-banner svg {height: 350px;width: 350px;} .page-top-section .curve-relative .content-area .button{margin-bottom: 50px;} .integration-banner-inner-content h5 br{ display:none;} .integration-top-section {min-height: 510px;padding-top: 5%;} .sq-logo {margin-top: 20px !important;} .include-section{margin-top: 50px;} .connect-now-btn-sq-sv{bottom: 28px;right: 10px;} .int-top-sub-heading br{ display:none;} .int-top-heading br{ display:none;} .multi-mob-section{margin-top: 40px;} .multi-mob-container {max-width: 650px;width: 98%;margin: 0px auto;padding-top: 50px;} } @media screen and (min-width: 991px) and (max-width: 1023px) { /*----------------------- Header 2021 -----------------------*/ .header-wrapper-2021 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-blank-2021 {height: 113px;} .header-wrapper-2021{background:#fff;} .header-wrapper-2021 .header-2021 .right-nav{display:none;} .header-wrapper-2021 .header-2021 .navbar-toggler{display:none;} .header-wrapper-2021 .header-2021 .m-nav-area{display: block; right: 0px; position: absolute;} .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-bar-close-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-area{right: 0px; top: 112px; background: #fff; z-index: 100; width: 350px; position:fixed; height:100%; overflow:auto; margin-right:-800px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a{font-family: 'Jost', sans-serif; width: 100%; display: table; padding: 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a:last-child{margin-bottom: 110px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop{font-family: 'Jost', sans-serif; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .header-wrapper-2021 .header-2021 .nav-area .industry-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2{font-family: 'Jost', sans-serif; background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .industry-drop-area{padding: 0px 10px; background: #e8e8e8;} .header-wrapper-2021 .header-2021 .industry-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .industry-drop-area a{font-family: 'Jost', sans-serif; padding: 10px 35px 10px 35px; font-size: 14px; font-weight: 500;} .header-wrapper-2021 .header-2021 .nav-area .products-drop{cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2{background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .products-drop-area{background: #e8e8e8;} .header-wrapper-2021 .header-2021 .products-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m a{padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m span{display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .bg-grey{background:#e8e8e8} .header-wrapper-2021 .header-2021 .navbar{padding:0px 15px 0px 15px} .scroll-off{overflow:hidden; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .hd-bg{z-index:-1; background:rgba(0,0,0,0.3); position:fixed; top:0px; right:0px; bottom:0px; left:0px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .open-nav{margin-right:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} /*----------------------- Header 2021 -----------------------*/ /* ---------------------- Home Page ------------------------*/ .home-page .page-top-section .section-inner-curve .content-area .text {font-size: 40px;line-height: 51px; margin-bottom: 10px;} .home-page .page-top-section .section-inner-curve .content-area .button{margin-top: 50px;} .home-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 55px} .home-page .page-top-section .section-inner-curve{background-position:left 235px; background-size: auto; padding-top: 42px;} .home-page .page-top-section .section-inner-curve .image-area{padding: 5px 50px 90px 50px; } .home-page .management-software {padding: 0px 0px 20px 0px;} .hm-schedule-consultant{margin-top: 100px;} .hm-software-operate-scale-img{width: 540px; height: auto;} .hm-software-operate-scale-img svg{width:100%; height:auto;} .hm-step-animation{width:930px;} .hm-step-animation .step-box-area{width: 237px;} .hm-step-animation .step-box-area a{width: 224px; font-size:15px;} .hm-step-animation .step-box-area .step-box{width: 200px;} .hm-step-animation .step-box-area .head{font-size:19px;} .hm-step-animation .step-box-area .text{font-size:16px;} .hm-step-animation .step-4{width: 218px!important;} .hm-left-image-panel{background-position:-238px top; padding-bottom: 65px; background-size: contain;} .hm-left-image-panel .section-heading{left:580px;} .hm-left-image-panel .carousel-indicators{left:-85px; bottom:-40px;} .hm-left-image-panel .head{margin-left: 15px;margin-right:15px;} .hm-left-image-panel .sub-text{margin-left: 15px; font-size: 18px;margin-right:15px;} .hm-left-image-panel .sub-text .d-md-block{display:none!important;} .hm-left-image-panel .sub-text-2{margin-left: 15px; font-size: 17px; margin-right:15px;} .hm-left-image-panel .sub-text-2 .d-md-block{display:none!important;} .hm-left-image-panel .carousel-item a{margin-left: 15px;} .hm-left-image-panel .carousel-control-prev{left: 580px; top: 580px;} .hm-left-image-panel .carousel-control-next{left: 600px; top:580px;} .hm-left-image-panel .image-area{height: 565px; padding:125px 140px 79px 30px} .hm-left-image-panel .is-welcome {padding: 125px 160px 70px 20px} .hm-left-image-panel .is-here {padding: 125px 160px 70px 20px} .hm-left-image-panel .is-branded{padding:125px 190px 79px 100px} .hm-left-image-panel .is-branded svg{width:100%; height:auto;} .hm-left-image-panel .is-review{padding:125px 190px 79px 100px} .hm-left-image-panel .is-review svg{width:100%; height:auto;} .hm-left-image-panel .is-food{padding:125px 200px 79px 140px} .hm-left-image-panel .is-food svg{width:100%; height:auto;} .hm-left-image-panel .is-cpos {padding: 125px 160px 70px 20px} .hm-left-image-panel .is-orderup{padding: 125px 160px 70px 20px} .hm-left-image-panel .is-qrcode {padding:125px 220px 79px 60px} .hm-left-image-panel .is-qrcode svg{width:100%; height:auto;} .hm-left-image-panel .is-fine-dinning {padding:125px 140px 79px 30px} .hm-left-image-panel .is-fine-dinning svg{width:100%; height:auto;} .hm-left-image-panel .is-quote-invoice{padding:125px 180px 79px 120px} .hm-left-image-panel .is-quote-invoice svg{width:100%; height:auto;} .hm-left-image-panel .is-waitlist{padding: 125px 160px 70px 20px} .hm-left-image-panel .is-incoming{padding: 125px 160px 70px 20px} .hm-left-image-panel .is-real-time{padding:125px 110px 79px 20px} .hm-left-image-panel .is-sms-marketing{padding:125px 110px 79px 20px} .hm-left-image-panel .is-recurring{padding:125px 110px 79px 20px} .hm-left-image-panel .is-upsell {padding: 125px 160px 70px 20px} .hm-left-image-panel svg{width:100%; height:auto;} .hm-right-image-panel{background-position:495px top; padding-bottom: 75px; margin-top: 150px; background-size: contain;} .hm-right-image-panel svg{width:100%; height:auto; } .hm-right-image-panel .section-heading{left:52px;} .hm-right-image-panel .head{margin-left: 52px; font-size: 24px; line-height: 32px;} .hm-right-image-panel .sub-text{margin-left: 52px; font-size: 17px;} .hm-right-image-panel .sub-text .d-md-block{display:none!important;} .hm-right-image-panel .sub-text-2{margin-left: 52px; font-size: 16px;} .hm-right-image-panel .sub-text-2 .d-md-block{display:none!important;} .hm-right-image-panel .carousel-item a{margin-left: 52px;} .hm-right-image-panel .carousel-control-prev{left: 50px; top: 580px;} .hm-right-image-panel .carousel-control-next{left:75px; top: 580px;} .hm-right-image-panel .carousel-indicators{right: -50px; bottom: -50px;} .hm-right-image-panel .image-area{padding: 125px 20px 70px 130px; height: 555px;} .hm-right-image-panel .is-welcome {padding: 125px 20px 70px 160px; } .hm-right-image-panel .is-here {padding: 125px 20px 70px 160px;} .hm-right-image-panel .is-upsell {padding: 125px 20px 70px 160px;} .hm-right-image-panel .is-qrcode{padding:125px 30px 70px 260px} .hm-right-image-panel .is-qrcode svg{width:100%; height:auto;} .hm-right-image-panel .is-fine-dinning {padding:125px 10px 70px 180px} .hm-right-image-panel .is-fine-dinning svg{width:100%; height:auto;} .hm-right-image-panel .is-quote-invoice{padding:125px 20px 70px 270px} .hm-right-image-panel .is-quote-invoice svg{width:100%; height:auto;} .hm-right-image-panel .is-branded{padding:143px 60px 70px 270px} .hm-right-image-panel .is-branded svg{width:100%; height:auto;} .hm-right-image-panel .is-review{padding:143px 70px 70px 250px} .hm-right-image-panel .is-review svg{width:100%; height:auto;} .hm-right-image-panel .is-food{padding:143px 70px 70px 250px} .hm-right-image-panel .is-food svg{width:100%; height:auto;} .hm-right-image-panel .hm-carousel-item-1 .sub-text{margin-top:0px; margin-bottom: 52px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text-2{margin-top:0px;margin-bottom: 111px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top:0px; margin-bottom:20px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text-2{margin-top:0px; margin-bottom:170px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text{margin-top:0px; margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text-2{margin-top:0px; margin-bottom: 80px;} .hm-right-image-panel .hm-carousel-item-5 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-6 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-6 a{margin-top:6px;} .hm-right-image-panel .hm-carousel-item-7 .sub-text{margin-top:0px; margin-bottom: 166px;} .hm-right-image-panel .hm-carousel-item-8 .sub-text{margin-top:0px; margin-bottom:67px;} .hm-right-image-panel .hm-carousel-item-9 .sub-text{margin-top:0px; margin-bottom:146px;} .hm-right-image-panel .hm-carousel-item-10 .sub-text{margin-top:0px; margin-bottom:88px;} .hm-right-image-panel .hm-carousel-item-11 .sub-text{margin-top:0px; margin-bottom:170px;} .hm-right-image-panel .hm-carousel-item-12 .sub-text{margin-top:0px; margin-bottom:120px;} .hm-right-image-panel .hm-carousel-item-13 .sub-text{margin-top:0px; margin-bottom:145px;} .hm-right-image-panel .hm-carousel-item-14 .sub-text{margin-top:0px; margin-bottom:40px;} .hm-right-image-panel .hm-carousel-item-15 .sub-text{margin-top:0px; margin-bottom:68px;} .hm-right-image-panel .hm-carousel-item-16 .sub-text{margin-top:0px; margin-bottom:36px;} .hm-right-image-panel .hm-carousel-item-17 .sub-text{margin-top:0px; margin-bottom:62px;} .hm-right-image-panel .hm-carousel-item-18 .sub-text{margin-top:0px; margin-bottom:62px;} .hm-left-image-panel .hm-carousel-item-11 .sub-text{margin-top:0px; margin-bottom:140px;} .hm-left-image-panel .hm-carousel-item-12 .sub-text{margin-top:0px; margin-bottom:107px;} .hm-left-image-panel .hm-carousel-item-13 .sub-text{margin-top:0px; margin-bottom:166px;} .hm-left-image-panel .hm-carousel-item-14 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-left-image-panel .hm-carousel-item-15 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-left-image-panel .hm-carousel-item-16 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-left-image-panel .hm-carousel-item-17 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-left-image-panel .hm-carousel-item-17 a{margin-top:30px;} .hm-left-image-panel .hm-carousel-item-18 .sub-text{margin-top:0px; margin-bottom:54px;} .second-right .carousel-indicators{bottom: -60px;} .hm-software-operate-scale{padding: 50px 20px; margin-top: 80px;} .hm-software-operate-scale-content{margin-left: 30px;} .hm-software-operate-scale-content .pointers{margin-top: 15px;} .hm-software-operate-scale-content .heading{font-size:30px;} .hm-integrable-software-boxes{padding: 50px 20px;} .hm-integrable-software-boxes .col-md-4 {padding: 10px!important;} .hm-integrable-software-boxes .box .text .d-md-block{display:none!important;} .hm-support-center .img {margin-top: 25px; padding: 10px 19px;} .hm-support-center .heading{margin-left:75px;} .hm-support-center .sub-text{margin-left:75px;} .home-page .testimonial .testimonial-box {padding: 40px 0px;} .home-page .testimonial .head {margin-left: 32px;} .home-page .testimonial .description {margin-left: 32px; font-size: 32px;} .home-page .testimonial .testimonial-box:nth-child(3) {margin-top: 339px;} .home-page .testimonial .testimonial-box:nth-child(4) {margin-top: 245px;} .home-page .testimonial .testimonial-area {height: 560px;} .hm-support-center .head{font-size: 40px; left: -110px;} /* ---------------------- Home Page ------------------------*/ /* ---------------------- New Home Page 2024 ------------------------*/ .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar{padding:0px 25px 0px 25px} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-bar-custom {font-size: 22px; padding: 5px 25px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-blank-2021.header-wrapper-blank-2024 {height: 66px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-area{top: 66px;} .hm-revenue-center .header-wrapper-blank-2021 {height: 66px;} .hm-revenue-center .header-wrapper-2021 .header-2021 .navbar{padding: 0px 25px 0px 25px;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 22px; padding: 5px 25px;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-area{top: 67px;} .hm-revenue-center .top-section{padding:20px 25px; } .hm-revenue-center .top-section svg{width:100%; height:auto} .hm-revenue-center .top-section .content-area {padding-right:20px; margin-top: 30px;} .hm-revenue-center .top-section .content-area .text{font-size: 38px; line-height: 50px;} .hm-revenue-center .top-section .content-area .sub-text{font-size: 20px; margin-top: 10px;} .hm-revenue-center .top-section .content-area .cta{margin-top: 20px;} .hm-revenue-center .section-two{padding:20px;} .hm-revenue-center .section-two .col-md-4{padding:5px; margin-bottom: 15px;} .hm-revenue-center .section-two .box{padding: 60px 20px 20px 20px; height:100%} .hm-revenue-center .section-two .box .head{font-size: 25px; margin-bottom: 20px; line-height: 25px;} .hm-revenue-center .section-two .box .head img{width:50px; height:auto;} .hm-revenue-center .section-two .box .text{font-size: 17px; line-height: 25px;} .hm-revenue-center .section-three{padding:20px;} .hm-revenue-center .section-three .head{padding: 0px 150px; line-height: 42px;} .hm-revenue-center .section-three .col-md-4{padding:5px; margin-bottom: 15px;} .hm-revenue-center .section-three .box .title{bottom: -4px; font-size: 16px;} .hm-revenue-center .section-three .box .hover-div{padding: 5px;} .hm-revenue-center .section-three .box .hover-div ul{height: calc(100% - 35px); margin-bottom: 0px;} .hm-revenue-center .section-three .box .hover-div li{padding: 3px 5px 3px 30px; font-size: 13px;} .hm-revenue-center .section-three .box .hover-div li:before{left: 5px;} .hm-revenue-center .section-three .box .hover-div .h-title{font-size: 16px;} .hm-revenue-center .section-four{padding:20px 10px;} .hm-revenue-center .section-four img{width:100%; height:auto;} .hm-revenue-center .section-four .nav {margin-top: 25px;} .hm-revenue-center .section-four .nav-item .nav-link{padding:10px; font-size: 15px;} .hm-revenue-center .section-five{padding:20px;} .hm-revenue-center .section-five .col-md-4 .box .text br{display:none!important;} .hm-revenue-center .section-five .col-md-4:nth-child(2) .box:last-child {padding: 42px 10px;} .hm-revenue-center .section-five .col-md-4 .box .text{font-size: 17px;} .hm-revenue-center .section-six {padding:20px;} .hm-revenue-center .section-six .head{display:none!important;} .hm-revenue-center .section-six .sub-head{display:none!important;} .hm-revenue-center .section-seven{padding:20px;} .hm-revenue-center .section-seven .box{padding: 15px 15px 15px 60px; font-size: 17px; line-height: 25px; height:155px;} .hm-revenue-center .section-seven .content .box span{left: 14px; font-size: 60px; top: -7px;} .hm-revenue-center .section-seven .testimonal-area .text{height:240px;} .hm-revenue-center .section-eight{padding:20px;} .hm-revenue-center .section-eight .form-area .head{margin-top: 5px; width: 100%;} .hm-revenue-center .section-eight .form-area .sub-head{width: 100%;} .hm-revenue-center .section-eight .form-area .form{width: 100%;} .hm-revenue-center .section-eight .form-area .form input{width: calc(100% - 225px);} .hm-revenue-center .section-eight .form-area .form button{width:188px;} .hm-revenue-center .section-nine {padding:20px;} .hm-revenue-center .section-nine .head{display:none!important;} .hm-revenue-center .section-nine .sub-head{display:none!important;} .hm-revenue-center .section-nine .logo-head{margin-bottom: 20px; padding: 0px 250px; line-height: 40px;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} /* ---------------------- New Home Page 2024 ------------------------*/ /*----------------------- Footer 2021 -----------------------*/ .footer{padding:80px 50px 20px 50px} .footer .copyright-bottom .copyright{font-size:11px;} /*----------------------- Footer 2021 -----------------------*/ /* ---------------------- app Page ------------------------*/ .page-top-section .section-inner-curve{padding-top: 42px;} .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 30px;} .page-top-section .section-inner-curve .content-area .text{font-size: 32px; line-height: 45px;} .page-top-section .section-inner-curve .image-area{padding: 35px 15px 98px 35px} .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .features{padding: 25px 60px;} .features .text{font-size: 15px;} .left-image-panel .image-area svg{width:100%; height:auto; background-size: contain;} .left-image-panel .image-area{padding: 180px 70px 53px 50px; background-position:-160px top; background-size: contain;} .left-image-panel .head{font-size: 23px; margin-left: 0px;} .left-image-panel ul{font-size: 13px; margin-left: 0px;} .left-image-panel a{margin-left: 0px;} .right-image-panel .image-area{background-position:160px top; padding:180px 50px 53px 70px; background-size: contain;} .right-image-panel .head{margin-left:69px;font-size: 23px;} .right-image-panel ul{margin-left: 69px; font-size: 13px;} .right-image-panel a{margin-left: 47px;} .other-salesvu-apps{margin-top: 90px;} .testimonial .head{margin-left: 32px; margin-top: 215px;} .testimonial .description{margin-left: 32px;font-size: 36px; line-height: 45px;} .testimonial a{margin-left: 32px;} .testimonial .testimonail-inner-curve{padding-bottom: 70px;} .testimonial .testimonial-box .testimonial-details .c-name{font-size:13px;} .testimonial .testimonial-area{width:513px; height:500px;} .testimonial .testimonial-box{width: 254px; padding: 20px 10px;} .testimonial .testimonial-box:nth-child(2){margin-top: 5px; margin-left: 268px;} .testimonial .testimonial-box:nth-child(3){margin-top: 326px; margin-left: 10px; width: 244px;} .testimonial .testimonial-box:nth-child(4){margin-top: 230px; margin-left: 268px; width: 254px;} .testimonial .logo-box{padding: 75px;} .testimonial .logo-box:nth-child(1) {margin-top: 115px;} .testimonial .logo-box:nth-child(2){margin-top: 25px;} .testimonial .testimonial-box .testimonial-details .c-logo {width: 29px; float: left;} .employee-schedulling-page .page-top-section .section-inner-curve .content-area{padding: 90px 0px 50px 41px;} .employee-schedulling-page .left-image-panel .image-area {padding: 170px 160px 113px 20px; background-size: cover; background-position: -115px top;} .employee-schedulling-page .left-image-panel .head{font-size: 23px; margin-left: 0px;} .employee-schedulling-page .left-image-panel .sub-text{font-size: 16px; margin-left: 0px;} .employee-schedulling-page .left-image-panel ul{margin-left: 0px;} .employee-schedulling-page .right-image-panel .image-area {padding: 170px 20px 113px 160px; background-size: cover; background-position: 115px top;} .employee-schedulling-page .right-image-panel .head{font-size: 23px; margin-left: 69px;} .employee-schedulling-page .right-image-panel .sub-text{font-size: 15px; margin-left: 69px; line-height: 28px;} .employee-schedulling-page .right-image-panel ul{margin-left: 69px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area {padding: 50px 0px 50px 38px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .text{font-size: 35px;} .fine-dinning-page .page-top-section .section-inner-curve .image-area{padding:15px 85px 34px 65px} .fine-dinning-page .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .fine-dinning-page .right-image-panel .image-area {padding: 120px 63px 120px 183px;} .fine-dinning-page .right-image-panel .head{margin-left: 69px; font-size: 23px;} .fine-dinning-page .right-image-panel .sub-text{margin-left: 69px; font-size: 13px;} .fine-dinning-page .right-image-panel .sub-text span{font-size:15px;} .fine-dinning-page .right-image-panel a {margin-left: 69px;} .fine-dinning-page .left-image-panel .image-area {padding: 118px 75px 90px 15px;} .fine-dinning-page .left-image-panel .head{margin-left:0px; font-size: 23px;} .fine-dinning-page .left-image-panel .sub-text{margin-left:0px; font-size: 13px;} .fine-dinning-page .left-image-panel .sub-text span{font-size:15px;} .fine-dinning-page .left-image-panel a{margin-left:0px;} .tiered-loyalty-page .page-top-section .section-inner-curve .image-area{padding:100px 60px 95px 100px} .tiered-loyalty-page .left-image-panel .image-area{padding: 186px 80px 71px 60px;} .tiered-loyalty-page .left-image-panel .sub-text{font-size: 13px; line-height:25px; margin-left:0px;} .tiered-loyalty-page .left-image-panel .head{margin-top: 130px; margin-left:0px; font-size:23px;} .tiered-loyalty-page .left-image-panel ul{margin-left:0px;} .tiered-loyalty-page .left-image-panel a{margin-left:0px;} .tiered-loyalty-page .right-image-panel .image-area {padding: 180px 10px 135px 103px;} .tiered-loyalty-page .right-image-panel .head{margin-left: 69px; margin-top:150px; font-size:23px;} .tiered-loyalty-page .right-image-panel .sub-text{font-size: 13px; line-height:25px;margin-left: 69px;} .tiered-loyalty-page .right-image-panel ul{margin-left: 69px;} .tiered-loyalty-page .right-image-panel a{margin-left: 69px;} .customer-words{padding:130px 0px 30px 0px; font-size: 24px;} .customer-words span{font-size: 19px; padding:10px 30px 40px 30px} .tiered-loyalty-page .testimonial .head{margin-left:12px;} .tiered-loyalty-page .testimonial .description{margin-left:12px;} .review-booster-page .page-top-section .section-inner-curve .image-area {padding: 0px 97px 0px 98px;;} .review-booster-page .left-image-panel .image-area {background-position: -160px top; padding: 180px 70px 53px 50px;} .review-booster-page .left-image-panel .head{margin-left: 0px; font-size:23px; margin-top: 185px;} .review-booster-page .left-image-panel ul{margin-left: 0px; font-size:13px;} .review-booster-page .left-image-panel a{margin-left: 0px;} .review-booster-page .right-image-panel .image-area {padding: 180px 50px 80px 70px;} .review-booster-page .right-image-panel .head{margin-left: 69px; font-size:23px; margin-top: 200px;} .review-booster-page .right-image-panel ul {margin-left: 69px; font-size:13px;} .review-booster-page .right-image-panel a{margin-left: 69px;} .review-booster-page .testimonial .testimonial-box{padding: 20px 15px;} .review-booster-page .testimonial .text-head{margin-right: 45px; margin-top: 300px;} .review-booster-page .testimonial .testimonial-box:nth-child(3){margin-top:356px;} .review-booster-page .testimonial .testimonial-box:nth-child(4){margin-top: 275px;} .real-time-page .page-top-section .section-inner-curve .content-area {padding: 30px 0px 50px 30px;} .real-time-page .page-top-section .section-inner-curve .content-area .text {line-height: 42px; margin-bottom: 20px; font-size: 33px;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text{line-height: 29px;} .real-time-page .page-top-section .section-inner-curve .image-area {padding: 35px 15px 68px 35px} .real-time-page .page-top-section .section-inner-curve .content-area .button {margin-top: 40px;} .real-time-page .left-image-panel .image-area {padding: 130px 160px 113px 40px} .real-time-page .left-image-panel .head{font-size: 23px; margin-top: 140px; margin-left: 0px;} .real-time-page .left-image-panel ul {margin-left: 0px; margin-top: 25px;} .real-time-page .left-image-panel a{margin-left: 0px; margin-top: 50px;} .real-time-page .right-image-panel .image-area {padding: 1135px 20px 125px 150px;} .real-time-page .right-image-panel .head{margin-top: 180px; } .real-time-page .right-image-panel a{margin-left: 69px;} .digital-physical-page .page-top-section .section-inner-curve .image-area{padding: 45px 55px 62px 55px;} .digital-physical-page .page-top-section .section-inner-curve .content-area{padding: 80px 0px 50px 30px;} .digital-physical-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 35px;} .digital-physical-page .left-image-panel .image-area{padding:110px 50px 70px 40px} .digital-physical-page .left-image-panel .head{font-size:30px;} .digital-physical-page .left-image-panel .sub-text{font-size: 15px;} .digital-physical-page .left-image-panel .sub-text span{font-size: 15px;} .digital-physical-page .left-image-panel a{margin-left:0px;} .digital-physical-page .right-image-panel .image-area{padding:110px 50px 70px 40px} .digital-physical-page .right-image-panel .image-area svg{width:100%; height:auto;} .digital-physical-page .right-image-panel .head{margin-left: 81px; font-size:30px;} .digital-physical-page .right-image-panel .sub-text{margin-left: 81px; font-size: 15px;} .digital-physical-page .right-image-panel .sub-text span{font-size: 15px;} .digital-physical-page .right-image-panel a{margin-left: 81px;} .digital-physical-page .testimonial .testimonial-box:nth-child(3){margin-top: 345px;} .digital-physical-page .testimonial .testimonial-box:nth-child(4){margin-top: 270px;} .digital-physical-page .testimonial .head{margin-left: 40px; margin-top: 255px;} .digital-physical-page .testimonial .description {margin-left: 40px; font-size: 36px;} .digital-physical-page .testimonial a{margin-left: 40px;} .recurring-biling-page .page-top-section .section-inner-curve .image-area{padding: 45px 55px 62px 55px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area{padding: 80px 0px 50px 30px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 35px;} .recurring-biling-page .left-image-panel .image-area{padding:110px 50px 70px 40px} .recurring-biling-page .left-image-panel .head{font-size:30px;} .recurring-biling-page .left-image-panel .sub-text{font-size: 15px;} .recurring-biling-page .left-image-panel .sub-text span{font-size: 15px;} .recurring-biling-page .left-image-panel a{margin-left:0px;} .recurring-biling-page .right-image-panel .image-area{padding:50px 70px 70px 70px} .recurring-biling-page .right-image-panel .image-area svg{width:100%; height:auto;} .recurring-biling-page .right-image-panel .head{margin-left: 81px; font-size:30px;} .recurring-biling-page .right-image-panel .sub-text{margin-left: 81px; font-size: 15px;} .recurring-biling-page .right-image-panel .sub-text span{font-size: 15px;} .recurring-biling-page .right-image-panel a{margin-left: 81px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(3){margin-top: 345px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(4){margin-top: 270px;} .recurring-biling-page .testimonial .head{margin-left: 40px; margin-top: 255px;} .recurring-biling-page .testimonial .description {margin-left: 40px; font-size: 36px;} .recurring-biling-page .testimonial a{margin-left: 40px;} .qr-ordering-page .page-top-section .section-inner-curve .content-area{padding:90px 0px 50px 55px} .qr-ordering-page .page-top-section .section-inner-curve .image-area{padding:25px 95px 0px 95px} .qr-image-area{margin-top: 100px;} .qr-image-area svg{width:100%; height:auto;} .qr-image-area-2 svg{width:100%; height:auto; padding:0px 20px;} .qr-ordering-page .left-image-panel .sub-text{font-size:17px;} .qr-ordering-page .left-image-panel .image-area {padding:40px 60px 50px 60px;} .qr-ordering-page .right-image-panel .head{margin-left: 54px;} .qr-ordering-page .right-image-panel .sub-text{margin-left: 54px; font-size:17px;} .qr-ordering-page .right-image-panel ul{margin-left: 54px;} .qr-ordering-page .right-image-panel .image-area svg{width:100%; height:auto;} .qr-ordering-page .right-image-panel .image-area {padding: 40px 50px 50px 160px;} .handheld-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 50px 30px} .handheld-page .page-top-section .section-inner-curve .image-area {padding: 35px 0px 64px 22px;} .handheld-page .management-software{font-size:30px;} .handheld-page .left-image-panel .image-area{padding: 160px 50px 40px 30px;} .handheld-page .left-image-panel .head{font-size: 25px; margin-top: 174px; margin-left:10px;} .handheld-page .left-image-panel .sub-text{font-size: 17px; margin-left:10px;} .handheld-page .left-image-panel a{margin-left:10px;} .handheld-page .right-image-panel .image-area {background-position: 50px top; padding: 100px 20px 90px 60px;} .handheld-page .right-image-panel .head{margin-left:49px; margin-top: 154px; font-size:25px;} .handheld-page .right-image-panel .sub-text{margin-left:49px; font-size:17px;} .handheld-page .right-image-panel a{margin-left:49px;} .handheld-page .key-features .heading{left:0px;} .handheld-page .key-features .features-links{margin:15px 0px 15px 5px} .handheld-page .testimonial .head{margin-left: 0px;} .handheld-page .testimonial .description{margin-left: 0px;} .handheld-page .testimonial .testimonial-box {padding: 15px;} .handheld-page .testimonial .testimonial-box:nth-child(4) {margin-top: 235px;} .handheld-page .testimonial .testimonial-box:nth-child(3) {margin-top: 325px;} .handheld-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .page-top-section .section-inner-curve .image-area{padding:35px 45px 26px 45px} .orderup-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 50px 30px} .orderup-page .page-top-section .section-inner-curve .content-area .text{font-size: 33px;} .orderup-page .management-software{font-size:30px; padding:100px 0px 0px 0px} .orderup-page .left-image-panel .image-area {padding: 190px 10px 25px 30px; background-position: -160px top;} .orderup-page .left-image-panel .head{font-size:25px; margin-top: 220px; margin-left: 35px;} .orderup-page .left-image-panel .sub-text{font-size:15px; margin-left:35px; margin-top:25px;} .orderup-page .left-image-panel a{margin-left:35px;} .orderup-page .right-image-panel .image-area {padding: 170px 40px 0px 60px; background-position: 160px top;} .orderup-page .right-image-panel .head{font-size:25px; margin-left: 85px; margin-top:250px} .orderup-page .right-image-panel .sub-text{margin-top: 25px; margin-left: 85px; font-size: 15px;} .orderup-page .right-image-panel a{margin-left: 85px;} .orderup-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .orderup-page .testimonial .head { margin-left: 40px;} .orderup-page .testimonial .description {margin-left: 40px; font-size: 32px;} .orderup-page .testimonial .testimonial-box{padding:20px;} .orderup-page .testimonial .testimonial-area {height: 600px;} .orderup-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .testimonial .testimonial-box:nth-child(3){margin-top: 370px;} .orderup-page .testimonial .testimonial-box:nth-child(4){margin-top: 300px;} .pos-page .page-top-section .section-inner-curve .image-area{padding:35px 45px 26px 45px} .pos-page .page-top-section .section-inner-curve .content-area{padding:40px 0px 50px 30px} .pos-page .page-top-section .section-inner-curve .content-area .text{font-size: 33px;} .pos-page .management-software{font-size:30px; padding:100px 0px 0px 0px} .pos-page .left-image-panel .image-area {padding: 180px 70px 53px 50px; background-position: -160px top; background-size: contain;} .pos-page .left-image-panel .head{font-size:25px; margin-top: 220px; margin-left: 35px;} .pos-page .left-image-panel .sub-text{font-size:15px; margin-left:35px; margin-top:25px;} .pos-page .left-image-panel a{margin-left:35px;} .pos-page .right-image-panel .image-area {padding: 180px 50px 53px 70px; background-position: 160px top;} .pos-page .right-image-panel .head{font-size:25px; margin-left: 85px; margin-top:220px} .pos-page .right-image-panel .sub-text{margin-top: 25px; margin-left: 85px; font-size: 15px;} .pos-page .right-image-panel a{margin-left: 85px;} .pos-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .pos-page .testimonial .head { margin-left: 40px;} .pos-page .testimonial .description {margin-left: 40px; font-size: 32px;} .pos-page .testimonial .testimonial-box{padding:20px;} .pos-page .testimonial .testimonial-area {height: 600px;} .pos-page .testimonial .testimonial-box .text{margin-bottom:15px;} .pos-page .testimonial .testimonial-box:nth-child(3){margin-top: 370px;} .pos-page .testimonial .testimonial-box:nth-child(4){margin-top: 260px;} .pos-page .key-features {width: 900px;} .pos-page .key-features .key-feaure-tab svg{width:100%; height:auto;} .pos-page .key-features .f-screen {position: absolute; top: 22px; left: 41px; width: 438px; height: 309px; overflow: hidden;} .pos-page .key-features .f-screen svg{width:100%; height:auto;} .pos-page .key-features .features-links a{padding: 7px 0px 7px 25px; font-size: 15px;} .pos-page .key-features .heading{left: 0px; margin-top: 22px;} .program-area{width:900px; margin-top: 200px;} .program-area .col-md-4{padding:20px 10px;} .program-area .col-md-4 .area-box{padding:90px 30px 75px 30px} .program-area .col-md-4 .area-box .art-area{margin-left: -145px; width: 290px; top: -106px;} .program-area .col-md-4 .area-box .heading{font-size: 20px;} .program-area .col-md-4 .area-box .desc{height:126px;} .here-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 30px;} .here-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px; text-align: center;} .here-page .left-image-panel .image-area {padding: 180px 50px 75px 70px;} .here-page .left-image-panel .head{margin-top: 230px; font-size: 25px;} .here-page .left-image-panel .sub-text{font-size:17px; margin-top: 20px;} .here-page .right-image-panel .image-area {padding: 135px 40px 65px 150px;} .here-page .right-image-panel .head{margin-left: 95px; margin-top: 150px; font-size: 25px;} .here-page .right-image-panel .sub-text{margin-left: 95px; font-size:17px;margin-top: 20px;} .here-page .right-image-panel a{margin-left: 95px;} .here-page .testimonial .head {margin-left: 33px;} .here-page .testimonial .description {margin-left: 33px; font-weight: 500;} .here-page .testimonial .testimonial-box:nth-child(4){margin-top:300px;} .welcome-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 30px;} .welcome-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px; text-align: center;} .welcome-page .left-image-panel .image-area {padding: 180px 50px 75px 70px;} .welcome-page .left-image-panel .head{margin-top: 230px; font-size: 25px;} .welcome-page .left-image-panel .sub-text{font-size:17px; margin-top: 20px;} .welcome-page .right-image-panel .image-area {padding: 135px 40px 65px 150px;} .welcome-page .right-image-panel .head{margin-left: 95px; margin-top: 150px; font-size: 25px;} .welcome-page .right-image-panel .sub-text{margin-left: 95px; font-size:17px; margin-top: 20px;} .welcome-page .right-image-panel a{margin-left: 95px;} .welcome-page .testimonial .testimonial-area{height:470px;} .welcome-page .testimonial .head {margin-left: 33px;} .welcome-page .testimonial .description {margin-left: 33px; font-weight: 500;} .welcome-page .testimonial .testimonial-box:nth-child(4){margin-top:220px;} .incoming-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 30px;} .incoming-page .page-top-section .section-inner-curve .content-area .text{font-size: 32px;} .incoming-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px;} .incoming-page .management-software {padding: 90px 0px 0px 0px; font-size: 30px;} .incoming-page .right-image-panel .image-area {padding: 180px 50px 53px 70px; background-position: 160px top;} .incoming-page .right-image-panel .head{margin-left: 58px; margin-top: 160px; font-size: 25px;} .incoming-page .right-image-panel .sub-text{margin-left: 58px; margin-top: 15px; font-size: 17px;} .incoming-page .right-image-panel ul{margin-left: 58px;} .incoming-page .right-image-panel li .d-md-block{display:none!important;} .incoming-page .right-image-panel a{margin-left: 58px;} .incoming-page .left-image-panel .image-area {padding: 180px 70px 53px 50px; background-position: -160px top;} .incoming-page .left-image-panel .head{margin-left:10px; margin-top: 170px; font-size:25px;} .incoming-page .left-image-panel .sub-text{margin-left:10px; font-size: 17px;} .incoming-page .left-image-panel ul{margin-left:10px;} .incoming-page .left-image-panel li .d-md-block{display:none!important;} .incoming-page .left-image-panel a{margin-left:10px;} .incoming-page .key-features{width:950px;} .incoming-page .testimonial .testimonial-area{height:480px;} .incoming-page .testimonial .head{margin-left: 40px;} .incoming-page .testimonial .description {margin-left: 40px; font-size: 33px;} .incoming-page .testimonial .testimonial-box:nth-child(3) {margin-top: 330px;} .incoming-page .testimonial .testimonial-box:nth-child(4){margin-top: 290px;} .onthelist-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 30px;} .onthelist-page .page-top-section .section-inner-curve .content-area .text{font-size: 32px;} .onthelist-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px;} .onthelist-page .testimonial .testimonial-area{height:470px;} .onthelist-page .testimonial .testimonial-box:nth-child(4){margin-top: 290px;} .onthelist-page .testimonial .head {margin-left: 40px;} .onthelist-page .description {margin-left: 40px; font-size: 32px;} .key-features .heading{font-size: 12px; left: -10px; padding: 10px;} .invoice-page .page-top-section .section-inner-curve .image-area{width:350px;} .invoice-page .page-top-section .section-inner-curve .content-area {padding: 50px 0px 50px 118px;} .invoice-page .key-features {width: 900px;} .invoice-page .key-features #key-feature-mobile{width:auto; height:auto;} .invoice-page .key-feaure-tab svg{width:100%; height:auto;} .invoice-page .key-features .f-tab-screen {top: 26px!important; left: 45px!important; width: 505px!important; height: 355px!important;} .invoice-page .key-features .f-screen {top: 14px; left: 308px; width: 239px;} .invoice-page .key-features .features-links a {padding: 7px 0px 7px 25px; font-size: 15px;} .invoice-page .testimonial .header {margin-left: 40px;} .invoice-page .testimonial .description {margin-left: 40px; font-size:32px;} .invoice-page .testimonial .testimonial-box:nth-child(3) {margin-top: 334px;} .invoice-page .testimonial .testimonial-box:nth-child(4) {margin-top: 294px;} /* ---------------------- app Page ------------------------*/ /* ---------------------- industry Page ------------------------*/ .studio-classes-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 55px;} .studio-classes-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .brand-stands-area .head{font-size:32px;} .brand-stands-area{padding: 90px 0px 50px 0px;} .brand-stands-area svg{width:100%; height:Auto;} .brand-stands-area .text{margin-top: 80px;} .branded-app-area{margin-top:100px;} .branded-app-area .text{margin-right:60px;} .branded-app-area a{margin-right: 60px;} .entire-business{padding:100px 30px 100px 30px} .entire-business .head{font-size:27px;} .entire-business .head .d-md-block{display:none!important;} .entire-business .text{font-size: 15px; line-height: 22px;} .turn-drop-ins{max-width: 900px;} .turn-drop-ins-box .box{width:291px; height:291px;} .turn-drop-ins-box .text .d-md-block{display:none!important;} .word-of-mouth{padding: 26px 50px; background-size: contain;} .word-of-mouth .head{font-size: 60px; line-height: 65px;} .optimize-operations-head{margin-top: 100px; max-width: 920px;font-size: 31px;} .optimize-operations .head{margin-top: 35px;} .optimize-operations{padding:0px 0px 0px 16px} .support-team .text-area{padding: 69px 45px;} .studio-classes-industry .testimonial .head {margin-left: 32px;} .studio-classes-industry .testimonial .description {margin-left: 32px; font-size:32px;} .studio-classes-industry .hm-integrable-software{margin-top: 100px;} .studio-classes-industry .optimize-operations svg{margin-left: 25px;} .studio-classes-industry .testimonial .testimonial-box:nth-child(1) {margin-top: 215px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 55px;} .salons-spas-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .think-inside .head{margin-top: 60px; margin-left: 55px; font-size:60px;} .think-inside .text{margin-top: 5px; margin-left: 55px; font-size:16px;} .think-inside a{margin-left: 55px;} .think-inside-2 .head{margin-top: 60px; margin-left: 55px;} .think-inside-2 .text{margin-top: 5px; margin-left: 55px; font-size:16px;} .think-inside-2 a{margin-left: 55px;} .salons-spas-industry .testimonial .head {margin-left: 32px;} .salons-spas-industry .testimonial .description {margin-left: 32px;} .salons-spas-industry .optimize-operations svg{width:100%; height:auto;} .softwares-help .head .d-md-block{display:none!important;} .softwares-help .text .d-md-block{display:none!important;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 55px} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 35px 15px 18px 35px;} .integration-area{padding:110px 40px 95px 40px} .integration-area .head{font-size:23px;} .integration-area .desc{font-size:16px;} .scale-up{padding:0px 35px} .scale-up .section-head{left: 590px;} .scale-up .text .d-md-block{display:none!important;} .scale-up svg{width:100%; height:auto;} .black-head{padding:65px 85px 60px 85px} .art-culture-steps .step-box .text-area{font-size: 15px; padding: 10px;} .manage-dozens{padding:100px 50px 70px 50px; font-size: 32px;} .simple-setup .text-area{margin-left: 0px; padding-left: 42px;} .specialized-hardware{padding:105px 10px 105px 15px} .specialized-hardware .text-1 {color: #fff; margin-top: 80px; font-size: 30px; font-weight: 600; line-height: 40px; margin-left: 15px;} .specialized-hardware .text-2{margin-left:15px;} .art-culture-industry .testimonial .head {margin-left: 32px; font-size: 32px;} .art-culture-industry .testimonial .description {margin-left: 32px;} .different-plans .text{margin-left: 0px;} .different-plans .col-md-5 a{margin-left: 0px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 61px;} .retail-ecom-industry .page-top-section .section-inner-curve .image-area {padding: 15px 85px 34px 65px; text-align: center;} .window-shoppers{padding:100px 30px 100px 30px;} .window-shoppers .head{font-size:25px;} .window-shoppers .head .d-md-block{display:none!important;} .window-shoppers .text .d-md-block{display:none!important;} .digital-era{margin-left:20px;} .digital-era .d-md-block{display:none!important;} .digital-era svg{width:100%; height:auto;} .digital-era-2 svg{width:100%; height:auto;} .digital-era-2 .d-md-block{display:none!important;} .digital-era-2 .text-area {margin-top: 20px; margin-left: 50px;} .retail-ecom-industry .testimonial .head {margin-left: 32px; font-size: 32px;} .retail-ecom-industry .testimonial .description {margin-left: 32px;} .increase-sales .text{margin-left: 50px;} .increase-sales a{margin-left: 50px;} .food-drink-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 91px;} .food-drink-page .page-top-section .section-inner-curve .content-area .text {font-size: 26px; margin-bottom: 25px; line-height: 35px;} .page-top-section .section-inner-curve .content-area .sub-text{line-height:28px;} .food-drink-page .page-top-section .section-inner-curve .image-area{padding:35px 85px 44px 65px} .f-d-page-head .text{left: 44px; font-size: 31px;} .food-drink-page .hm-right-image-panel .section-heading{left:44px; top: 145px;} .food-drink-page .hm-right-image-panel .sub-text{margin-left: 44px; margin-top: 227px;} .food-drink-page .hm-right-image-panel .carousel-item a{margin-left: 44px;} .food-drink-page .hm-right-image-panel .carousel-control-prev{left:44px; top:470px;} .food-drink-page .hm-right-image-panel .carousel-control-next{left:64px; top:470px;} .food-drink-page .hm-right-image-panel .image-area {padding: 145px 10px 70px 181px;} .food-drink-page .hm-left-image-panel .section-heading{left:592px; } .food-drink-page .hm-left-image-panel .sub-text{margin-left: 15px;} .food-drink-page .hm-left-image-panel .carousel-item a{margin-left: 15px;} .food-drink-page .hm-left-image-panel .carousel-control-prev{left:592px; top: 510px;} .food-drink-page .hm-left-image-panel .carousel-control-next{left:612px; top: 510px;} .food-drink-page .second-right .section-heading{top: 115px;} .food-drink-page .hm-left-image-panel .image-area {padding: 145px 181px 70px 10px} .food-drink-page .hm-left-image-panel .carousel-indicators{width:166px; bottom: 35px;} .food-drink-page .specialized-hardware .text-area{padding:85px 35px 75px 35px} .food-drink-page .hm-step-animation{width: 900px;} .food-drink-page .hm-step-animation .step-box-area{width: 300px} .food-drink-page .hm-step-animation .step-box-area .step-box{width:280px} .f-d-manage-inventory .section-heading{margin-left: 60px;} .f-d-manage-inventory .text{margin-left: 60px;} .f-d-manage-inventory .carousel-item a{margin-left: 60px;} .f-d-manage-inventory .carousel-control-prev{left: 60px;} .f-d-manage-inventory .carousel-control-next{left: 80px;} .f-d-employee-management .section-heading{margin-left: 538px;} .f-d-employee-management .text{margin-left: 45px;} .f-d-employee-management .carousel-item a{margin-left: 45px;} .f-d-employee-management .carousel-control-prev{margin-left: 658px;} .f-d-employee-management .carousel-control-next{margin-left: 678px;} .f-d-employee-management .carousel-indicators{left:50px;} .f-d-designed-to-grow .section-heading{left:30px;} .f-d-designed-to-grow .text{margin-left: 30px;} .f-d-designed-to-grow{padding:100px 20px 100px 30px} .f-d-designed-to-grow svg{width:100%; height:auto;} .f-d-designed-to-grow .section-heading{left:60px;} .f-d-designed-to-grow .carousel-control-prev{left:60px;} .f-d-designed-to-grow .carousel-control-next{left:80px;} .increase-sales-head{font-size: 35px; padding:100px 35px 50px 35px} .f-d-increase-sales .section-heading{margin-left:75px;} .f-d-increase-sales .text{margin-left:75px;} .f-d-increase-sales .carousel-item a{margin-left:75px;} .f-d-increase-sales .carousel-control-prev{margin-left: 0px; left: 70px;} .f-d-increase-sales .carousel-control-next{margin-left: 0px; left: 90px;} .f-d-increase-sales .carousel-indicators{right: 75px;} .f-d-loyalty-rewards .section-heading{margin-left: 578px;;} .f-d-loyalty-rewards .carousel-indicators{left:110px;} .f-d-loyalty-rewards .carousel-control-prev{left: 575px; top: 350px;} .f-d-loyalty-rewards .carousel-control-next{left: 595px; top: 350px;} .f-d-review-booster{width:470px;} .f-d-review-booster svg{width:100%; height:auto;} .f-d-review-booster .left-msg .icon svg{width:auto; height:auto;} .f-d-review-booster .left-msg {position: absolute; left: -245px; bottom: 45px; text-align: right; font-weight: 500; font-size: 14px;} .f-d-review-booster .right-msg{right:-175px;} .f-d-gift-card{padding: 95px 45px;} .f-d-gift-card .head{font-size:34px;} .f-d-gift-card .sub-text .d-md-block{display:none!important;} .f-d-gift-card .sub-text-2 .d-md-block{display:none!important;} .food-drink-page .testimonial .head {margin-left: 32px;} .food-drink-page .testimonial .description {margin-left: 32px; font-size:32px;} .food-drink-page .testimonial .testimonial-box:nth-child(3) {margin-top: 403px;} .food-drink-page .testimonial .testimonial-box:nth-child(4) {margin-top: 291px;} /* ---------------------- industry Page ------------------------*/ /* ---------------------- ai Page ------------------------*/ .ai-page .page-top-section .section-inner-curve .content-area{padding: 20px 0px 50px 30px;} .ai-page .page-top-section .section-inner-curve .image-area {padding: 15px 30px 20px 30px;} .ai-page .left-image-panel{margin-top:0px;} .ai-page .left-image-panel .image-area{padding:140px 20px 70px 20px;} .ai-page .right-image-panel .image-area{padding:180px 80px 75px 90px} .ai-page .right-image-panel .head{margin-left:69px;} .ai-page .right-image-panel ul{margin-left:69px; font-size:15px;} .ai-in-action-img{width:100%; display:table; padding:0px 30px;} .ai-in-action-img svg{width:100%; height:auto;} .how-it-work{width:900px;} .ai-animation-area .pos-screen{width:385px;} .ai-animation-area .ai-screen {position: absolute; width: 296px; left: 42px; top: 27px;} .ai-animation-area ul{margin-bottom: 25px; margin-top: 25px;} /* ---------------------- ai Page ------------------------*/ /* ---------------------- Pricing Page ------------------------*/ .pricing-page-top-section .pricing-page-top-section-color{padding: 50px 15px;} .pricing-box .head{font-size:30px;} .pricing-box{padding: 25px;} .pricing-box .pricing-tab{margin-top: 20px;} .pricing-box .duration-tab .inner-tab{font-size:14px;} .pricing-box .price_view_deom{width: 235px; margin-left: 0px; padding: 18px;} .pricing-area .pricing-panel .col-md-3:first-child{max-width: 250px!important;} .pricing-area .pricing-panel .col-md-3{max-width: 232px!important; font-size:15px;} .pricing-area .pricing-panel .col-md-3 .d-md-block{display:none!important;} .pricing-area .pricing-panel .sub-text{font-size:14px;} .pricing-area .pricing-panel .sub-text span{font-size:11px;} .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 490px!important;} .pricing-area .pricing-panel-3 .col-md-4{max-width: 297px!important;} .pricing-area .pricing-panel .head .col-md-3{font-size: 20px; padding:15px 7px} .pricing-area .pricing-panel-2 .col-md-3{font-size: 22px; padding: 20px 10px;} .pricing-area .pricing-panel-2 .col-md-6{padding: 20px 10px;} .pricing-area .pricing-panel-3 .col-md-4:first-child {max-width: 418px!important;} .pricing-area .pricing-panel-3 .col-md-4 {max-width: 256px!important;} .pricing-area .pricing-panel-3 .head .col-md-4:last-child{font-size:20px;} .pricing-area .pricing-panel-3 .head .text-1{font-size:20px;} .pricing-area .pricing-panel-3 .col-md-4{font-size:14px;} .pricing-screen{width:460px; height:auto;} .pricing-location .text-1{font-size: 2rem;} .pricing-location .common-button{margin-left:40px;} .pricing-faq{padding:40px 80px 100px 80px} /* ---------------------- Pricing Page ------------------------*/ /* ---------------------- Integration Page ------------------------*/ .integrations-page .page-top-section{background-position:left -150px;} .integrations-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 30px;} .integrations-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 105px;} .integrations-page .int-partner-heading{width: 293px; margin-left: 10px;} .integrations-page .management-software{font-size: 40px; padding: 87px 40px 20px 40px;} .integrations-page .management-software span{font-size: 19px;} .square-overview{max-width: 900px; margin-top: 70px;} .square-overview svg{width:100%; height:auto;} .square-overview .head{margin-left: 55px;} .square-overview .text{line-height: 28px; margin-left: 55px;} .square-overview a{margin-left: 55px;} .square-overview .text .d-md-block{display:none!important;} .second-overview .head{margin-left:0px; } .second-overview .text{margin-left:0px; margin-right: 15px;} .second-overview .a{margin-left:0px;} .fourth-overview .head{margin-left:0px;} .fourth-overview .text{margin-left:0px; margin-right: 15px;} .fourth-overview a{margin-left:0px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .int-logo {margin-bottom: 15px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 10px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 90px;} .integration-inner-page .page-top-section .section-inner-curve .content-area {padding: 31px 0px 50px 120px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .button{bottom:10px;} .integration-inner-page .management-software{padding:100px 0px 20px 0px} .integration-overview{padding: 70px 58px} .integration-overview .head{margin-left: -10px; font-size: 25px;} .integration-overview .text{margin-left: -10px; font-weight: 400; font-size: 18px;} .integration-inner-page .left-image-panel .head{margin-left: 0px; font-size: 30px; margin-top: 135px;} .integration-inner-page .left-image-panel .sub-text{margin-left: 0px; font-size: 16px; line-height: 29px;} .integration-inner-page .left-image-panel .image-area {padding: 185px 70px 173px 50px;} .gorw-sell-manage-save{margin-top: 120px;} .gorw-sell-manage-save .text{font-size:15px;} .quickbook-page .page-top-section{background-position:left -165px;} .zettle-page .integration-overview .head{margin-left: 20px;} .zettle-page .integration-overview .text{margin-left: 20px; line-height: 37px; font-size: 17px;} .zettle-page .second-overview .text{margin-right: 0px; font-size: 17px;} .square-page-top-panel .integration-logo{margin-top: 75px; margin-left: 60px;} .square-page-top-panel .page-title{margin-left: 60px;} .square-page-top-panel .text{margin-left: 60px; margin-bottom: 75px;} .square-page-top-panel .button{bottom: 25px; right: 38px;} .square-page-top-panel .pricing{top: 55px;} .square-by-here .integration-overview svg{width:100%; height:auto;} .square-by-orderup .page-top-section{background-position:left -103px;} .square-by-here .page-top-section{background-position:left -103px;} .square-by-pos .page-top-section{background-position:left -113px;} /* ---------------------- Integration Page ------------------------*/ /*---------------------- Footer ---------------------------*/ .non-login-footer-2021{padding:30px 30px 20px 30px} /*---------------------- Footer ---------------------------*/ /*---------App Page-----------*/ .apps-page .sort-by-area{padding: 10px 30px;} .apps-page .view{padding: 10px 30px;} .apps-page .page-heading{padding: 0px 30px;} .apps-page .apps-area{padding: 0px 30px;} .apps-page .apps-area .box{width:50%;} .apps-page .apps-area .box .app-screens svg{width:100%;} /*---------App Page-----------*/ .download-whitepaper-page .download-whitepaper-wrapper{padding-top: 50px; padding-bottom: 50px;} .download-whitepaper-page .text-area {padding: 100px 60px;} /*---------zettle new page-----------*/ .zettle-top-panel{background-size: contain; padding-top: 90px; height:540px;} .zettle-top-panel .tab{width: 400px; height:auto;} .zettle-top-panel .device{right:30px; top:3px; width:230px; height:auto;} .zettle-top-panel .head{font-size:43px; margin-left: 50px;} .zettle-top-panel .sub-head{width:400px; margin-left: 50px; font-size: 16px;} .zettle-top-panel .action-area{margin-left: 50px;} .zettle-second-panel .head{font-size:27px;} .zettle-third-panel .text{font-size:27px;} .middle-action .head{font-size:27px;} .zettle-pointers{padding: 0px 20px;} .zettle-pointers .head .text{font-size: 26px;} .zettle-pointers .sub-head{font-size: 16px;} .zettle-pointers .point{font-size: 14px;} .zettle-pointers .img-area{width: 220px; height: 220px; background-size: cover;} .zettle-pointers .img-area .pos-img{width:270px; height:auto; top: 10px; left: -90px;} .zettle-pointers .img-area .pos-img svg{width:100%; height:auto;} .zettle-pointers .col-md-8 {padding-left: 50px!important; padding-right: 60px!important;} .zettle-qr-code .img-area{margin-top: 50px;} .zettle-qr-code .img-area .qr-code-img{width: 230px; height: auto; position: absolute; left: -10px; top: -40px;} .zettle-pointers .img-area .qr-code-img svg{width:100%; height:auto;} .zettle-qr-code .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-self-order .img-area{margin-top: 50px;} .zettle-self-order .img-area .self-order-img{width: 249px; height: auto; position: absolute; left: -60px; top: 20px} .zettle-self-order .img-area .self-order-img svg{width:100%; height:auto;} .zettle-self-order .col-md-8 {padding-left: 50px!important; padding-right: 60px!important;} .zettle-ecom .img-area{margin-top: 50px;} .zettle-ecom .img-area .ecom-img {width: 272px; height: auto; position: absolute; left: 0px; top: 30px;} .zettle-ecom .img-area .ecom-img svg{width:100%; height:auto;} .zettle-ecom .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-digital-menu .img-area{margin-top: 50px;} .zettle-digital-menu .img-area .digital-menu-img {width: 237px; height: auto; position: absolute; left: -50px; top: 10px;} .zettle-digital-menu .img-area .digital-menu-img svg{width:100%; height:auto;} .zettle-digital-menu .col-md-8 {padding-left: 50px!important; padding-right: 60px!important;} .zettle-wnr .img-area{margin-top: 50px;} .zettle-wnr .img-area .wnr-code-img {width: 228px; height: auto; position: absolute; left: 10px; top: 20px;} .zettle-wnr .img-area .wnr-code-img svg{width:100%; height:auto;} .zettle-wnr .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-multi-location .img-area{margin-top: 50px;} .zettle-multi-location .img-area .multi-location-img{width: 293px; height: auto; position: absolute; left: -15px; top: 0px;} .zettle-multi-location .img-area .multi-location-img svg{width:100%; height:auto;} .zettle-multi-location .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-quickbook .img-area{margin-top: 50px;} .zettle-quickbook .img-area .self-quickbook-img {width: 359px; height: auto; position: absolute; left: -70px; top: 27px;} .zettle-quickbook .img-area .self-quickbook-img svg{width:100%; height:auto;} .zettle-quickbook .col-md-8 {padding-left: 50px!important; padding-right: 60px!important;} .zettle-recipe-based .img-area{margin-top: 50px;} .zettle-recipe-based .img-area .recipe-based-img {width: 253px; height: auto; position: absolute; left: -25px; top: 10px;} .zettle-recipe-based .img-area .recipe-based-img svg{width:100%; height:auto;} .zettle-recipe-based .col-md-8 {padding-left: 50px!important; padding-right: 50px!important;} .zettle-boost-revenue{margin-top: 130px; margin-bottom: 100px; padding:0px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .zettle-boost-revenue .img-area .boost-revenue-img{width:100%; height:auto;} .zettle-boost-revenue .img-area .boost-revenue-img svg{width:100%; height:auto;} .zettle-boost-revenue .head{width:100%; margin-top: 55px;} .zettle-boost-revenue .sub-head{width:443px;} .zettle-boost-revenue a{margin-left: 1px;} .zettle-features{padding: 40px 20px;} .zettle-features .text{font-size:27px;} .zettle-features .f-text{font-size:14px;} .zettle-features .f-text span{font-size: 18px; margin-bottom: 3px;} .and-many-more{padding: 40px 20px;} .and-many-more .more-feature-text{font-size:14px; line-height: 20px;} .and-many-more .more-feature-text span{font-size: 18px; margin-bottom: 3px;} .and-many-more .more-feature-text-2{font-size: 14px;} .make-the-switch {padding: 20px;} .make-the-switch .inner-box .inner-content {padding: 40px;} .make-the-switch .inner-box .inner-content .text{font-size:32px;} .make-the-switch .inner-box .inner-content .text-2{font-size:32px;} .make-the-switch .inner-box .inner-content .text-3{width: 370px; font-size: 16px; line-height: 24px;} .make-the-switch .inner-box svg{width:100%; height:auto;} .faq-area {padding: 50px 10px;} /*---------zettle new page-----------*/ .yellow-dog .header-wrapper-2021 .header-2021 svg path {fill: #000!important;} .yellow-dog .zettle-top-panel {height: 425px; padding-top: 20px; background-position: left bottom;} .yellow-dog .zettle-top-panel .head{margin-left:30px; width:400px;} .yellow-dog .zettle-top-panel .sub-head{margin-left:30px; width:470px;} .yellow-dog .zettle-top-panel .action-area{margin-left:30px;} .yellow-dog .zettle-third-panel{padding-top:0px;} .yellow-dog .image-area {width: 100%; height: auto;} .yellow-dog .zettle-boost-revenue{padding-left:30px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue svg{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue .head{width:100%;} .yellow-dog .zettle-boost-revenue .sub-head{width:100%;} .yellow-dog .zettle-boost-revenue ul{margin-left:0px;} .yellow-dog .zettle-boost-revenue li{font-size:14px;} /* ---------------------- New art-cutlure Page ------------------------*/ .art-culture-industry .page-top-section .section-inner-curve .image-area {padding: 75px 85px 160px 65px;} .art-culture-industry .page-top-section .section-inner-curve{padding-top: 22px;} .art-culture-industry .page-top-section .section-inner-curve .image-area {padding: 15px 85px 130px 65px;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 40px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text{font-size: 50px; line-height: 60px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .sub-text{font-size:14px;} .art-culture-industry .trusted-by .trusted-logos .logo{width:17%; text-align:Center;} .art-culture-industry .trusted-by .trusted-logos .logo img{width:auto; height:auto;} .art-culture-industry .zettle-boost-revenue{padding-left:20px;} .art-culture-industry .zettle-boost-revenue .head{width:100%;} .art-culture-industry .zettle-boost-revenue ul{margin-left:0px;} .art-culture-industry .specialized-hardware {padding: 85px 10px 85px 10px;} .art-culture-industry .specialized-hardware .text-2{margin-left: 10px;} .art-culture-industry .testimonial .testimonail-inner-curve{padding-bottom:0px;} .art-culture-industry .built-art-culture{padding:50px 30px;} .art-culture-industry .testimonial .description {margin-left: 32px; font-size: 32px;} .art-culture-industry .testimonial .head{margin-top: 155px;} .art-culture-industry .testimonial .testimonial-box{width: 334px;} /* ---------------------- New art-cutlure Page ------------------------*/ /*------------ Spektrix Page ------------*/ .spektrix-page .page-top-section {background-position:left 0px;} .spektrix-page .page-top-section .section-inner-curve {padding-top: 0px;} .spektrix-page .page-top-section .section-inner-curve .content-area .sub-text {margin-bottom: 40px;} .spektrix-page .page-top-section .section-inner-curve .content-area a{margin-bottom:60px;} .spektrix-page .section-one{margin-top:0px;} .spektrix-page .section-one .text-1{margin-left:40px;} .spektrix-page .section-one .text-2{margin-left:40px;} .spektrix-page .section-one .action a:first-child{margin-left:40px;} .spektrix-page .built-art-culture{padding:40px;} .spektrix-page .built-art-culture li{width:32%;} .spektrix-page .section-overview{padding:40px} .spektrix-page .section-overview .head{font-size:33px;} .spektrix-page .section-overview .text br{display:none!important;} .spektrix-page .section-overview svg{width:100%; height:auto;} .spektrix-page .key-features{padding:40px;} .spektrix-page .built-art-culture li{padding:0px 10px;} /*------------ Spektrix Page ------------*/ /*---Cookise---*/ .cookies-setting-bottom-bar{width: 94%; margin-left: -47%; grid-template-columns:64% 16% 16%; gap: 17px;} .cookies-txt {line-height: 17px; font-size: 13px;} .cookies-setting-bottom-bar a{font-size: 13px;} /*---Cookise---*/ } @media screen and (min-width: 768px) and (max-width: 990px) { /*----------------------- Header 2021 -----------------------*/ .header-wrapper-2021 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-2021 .header-2021{background:#fff;} .header-wrapper-blank-2021 {height: 113px;} .header-wrapper-2021 .header-2021 .navbar-toggler{display:none;} .header-wrapper-2021 .header-2021 .m-nav-area{display: block; right: 0px; position: absolute;} .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-bar-close-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-area{right: 0px; top: 112px; background: #fff; z-index: 100; width: 350px; position:fixed; height:100%; overflow:auto; margin-right:-800px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a{font-family: 'Jost', sans-serif; width: 100%; display: table; padding: 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a:last-child{margin-bottom: 110px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop{font-family: 'Jost', sans-serif; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .header-wrapper-2021 .header-2021 .nav-area .industry-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2{font-family: 'Jost', sans-serif; background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .industry-drop-area{padding: 0px 10px; background: #e8e8e8;} .header-wrapper-2021 .header-2021 .industry-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .industry-drop-area a{font-family: 'Jost', sans-serif; padding: 10px 35px 10px 35px; font-size: 14px; font-weight: 500;} .header-wrapper-2021 .header-2021 .nav-area .products-drop{cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2{background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .products-drop-area{background: #e8e8e8;} .header-wrapper-2021 .header-2021 .products-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m a{padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m span{display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .bg-grey{background:#e8e8e8} .header-wrapper-2021 .header-2021 .navbar{padding:0px 15px 0px 15px} .scroll-off{overflow:hidden; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .hd-bg{z-index:-1; background:rgba(0,0,0,0.3); position:fixed; top:0px; right:0px; bottom:0px; left:0px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .open-nav{margin-right:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} /*----------------------- Header 2021 -----------------------*/ /*----------------------- Footer 2021 -----------------------*/ .footer{padding:80px 10px 20px 10px} .footer .copyright-bottom .copyright{font-size:11px;} .footer .f-quick-link{width: 29%;} .footer .f-quick-link .head{font-size: 18px;} .footer .f-quick-link a{font-size:11px;} .footer .f-help-center{width: 32%;} .footer .f-help-center .head{font-size: 18px;} .footer .f-help-center a{font-size:11px;} .footer .app-links .app-urls a .tooltiptext{position: relative; visibility: visible; display: table; bottom: unset; left: unset; margin-left: unset; background: transparent; width: 100%; padding: 5px 0px; font-size: 9px;} .footer .app-links .app-urls a .tooltiptext:before{display:none;} /*----------------------- Footer 2021 -----------------------*/ /* ---------------------- Home Page ------------------------*/ .home-page .page-top-section .section-inner-curve .content-area .text {font-size: 25px;line-height: 35px; margin-bottom: 10px;} .home-page .page-top-section .section-inner-curve .content-area .sub-text {font-size: 17px; line-height: 28px; font-weight: 400;} .home-page .page-top-section .section-inner-curve .content-area .button {margin-top: 20px; padding: 15px 45px;} .home-page .page-top-section .section-inner-curve .content-area {padding: 0px 0px 30px 18px} .home-page .page-top-section .section-inner-curve{background-position:left 235px; background-size: auto; padding-top: 42px;} .home-page .page-top-section .section-inner-curve .image-area{padding: 5px 50px 90px 50px; } .home-page .management-software {padding: 0px 0px 20px 0px;} .hm-schedule-consultant{margin-top: 60px; font-size:25px;} .hm-software-operate-scale-img{width: 400px; height: auto;} .hm-software-operate-scale-img svg{width:100%; height:auto;} .hm-step-animation{width:700px;} .hm-step-animation .step-box-area{width: 175px;} .hm-step-animation .step-box-area a{width: 175px; font-size:18px;} .hm-step-animation .step-box-area .step-box{width: 165px;} .hm-step-animation .step-box-area .head{font-size:16px;} .hm-step-animation .step-box-area .text{font-size:14px; line-height:25px; height:140px; width:100%;} .hm-step-animation .step-4{width: 100%!important;} .hm-step-animation .step-box-area{display:none!important;} .hm-step-animation .step-crausel{display:block!important} .hm-step-animation .step-crausel .step-box-area{display:block!important;} .hm-step-animation .step-crausel .step-box-area{width: 70%; margin: 0 auto; float: unset;} .hm-step-animation .step-crausel .step-box-area .step-box{width:380px; margin:0 auto; margin-top:35px; margin-bottom:35px;} .hm-step-animation .carousel-control-prev{color:#5255A4; font-size: 55px; opacity: 1;} .hm-step-animation .carousel-control-next{color:#5255A4; font-size: 55px; opacity: 1;} .hm-step-animation .step-box-area a{width: 100%; font-size:18px;} .hm-left-image-panel{background-position:-238px top; padding-bottom: 65px; background-size: contain;} .hm-left-image-panel .section-heading{left:456px; font-size:20px;} .hm-left-image-panel .carousel-indicators{left:-45px; bottom:-34px;} .hm-left-image-panel .head{margin-left: 15px;margin-right:15px; font-size: 22px; line-height: 30px;} .hm-left-image-panel .sub-text{margin-left: 15px; font-size: 16px;margin-right:15px; line-height:20px;} .hm-left-image-panel .sub-text .d-md-block{display:none!important;} .hm-left-image-panel .sub-text-2{margin-left: 15px; font-size: 15px; margin-right:15px;} .hm-left-image-panel .sub-text-2 .d-md-block{display:none!important;} .hm-left-image-panel .carousel-item a{margin-left: 15px;} .hm-left-image-panel .carousel-control-prev{left: 450px; top: 570px;} .hm-left-image-panel .carousel-control-next{left: 470px; top: 570px} .hm-left-image-panel .image-area{height: 565px; padding:125px 20px 70px 20px} .hm-left-image-panel .is-welcome {padding: 95px 20px 70px 20px} .hm-left-image-panel .is-here {padding: 95px 20px 70px 20px} .hm-left-image-panel .is-branded{padding:125px 90px 79px 50px} .hm-left-image-panel .is-branded svg{width:100%; height:auto;} .hm-left-image-panel .is-review{padding:125px 90px 79px 50px} .hm-left-image-panel .is-review svg{width:100%; height:auto;} .hm-left-image-panel .is-food{padding:125px 90px 79px 90px} .hm-left-image-panel .is-food svg{width:100%; height:auto;} .hm-left-image-panel .is-cpos {padding: 95px 20px 70px 20px} .hm-left-image-panel .is-orderup{padding: 95px 20px 70px 20px} .hm-left-image-panel .is-qrcode {padding:125px 80px 70px 70px} .hm-left-image-panel .is-qrcode svg{width:100%; height:auto;} .hm-left-image-panel .is-fine-dinning {padding:125px 60px 79px 30px} .hm-left-image-panel .is-fine-dinning svg{width:100%; height:auto;} .hm-left-image-panel .is-quote-invoice{padding:125px 80px 70px 70px} .hm-left-image-panel .is-quote-invoice svg{width:100%; height:auto;} .hm-left-image-panel .is-waitlist{padding: 95px 20px 70px 20px} .hm-left-image-panel .is-incoming{padding 95px 20px 70px 20px} .hm-left-image-panel .is-real-time{padding:125px 20px 79px 20px} .hm-left-image-panel .is-sms-marketing{padding:125px 20px 79px 20px} .hm-left-image-panel .is-recurring{padding:125px 20px 79px 20px} .hm-left-image-panel .is-upsell {padding: 95px 20px 70px 20px} .hm-left-image-panel svg{width:100%; height:auto;} .hm-right-image-panel{background-position:355px top; padding-bottom: 75px; margin-top: 150px; background-size: contain;} .hm-right-image-panel svg{width:100%; height:auto; } .hm-right-image-panel .section-heading{left:32px; font-size: 20px;} .hm-right-image-panel .head{margin-left: 30px; font-size: 22px; line-height: 30px;} .hm-right-image-panel .sub-text{margin-left: 30px; font-size: 16px; line-height:20px;} .hm-right-image-panel .sub-text .d-md-block{display:none!important;} .hm-right-image-panel .sub-text-2{margin-left: 30px; font-size: 15px;} .hm-right-image-panel .sub-text-2 .d-md-block{display:none!important;} .hm-right-image-panel .carousel-item a{margin-left: 30px;} .hm-right-image-panel .carousel-control-prev{left: 30px; top: 540px;} .hm-right-image-panel .carousel-control-next{left:50px; top: 540px;} .hm-right-image-panel .carousel-indicators{right: -50px; bottom: 13px;} .hm-right-image-panel .image-area{padding: 125px 20px 79px 20px; height:570px;} .hm-right-image-panel .is-welcome {padding: 125px 20px 70px 70px; } .hm-right-image-panel .is-here {padding: 125px 20px 70px 70px;} .hm-right-image-panel .is-upsell {padding: 125px 20px 70px 70px;} .hm-right-image-panel .is-qrcode{padding:125px 10px 70px 120px} .hm-right-image-panel .is-qrcode svg{width:100%; height:auto;} .hm-right-image-panel .is-fine-dinning {padding:125px 0px 70px 60px} .hm-right-image-panel .is-fine-dinning svg{width:100%; height:auto;} .hm-right-image-panel .is-quote-invoice{padding:125px 10px 70px 120px} .hm-right-image-panel .is-quote-invoice svg{width:100%; height:auto;} .hm-right-image-panel .is-branded{padding:125px 40px 70px 140px} .hm-right-image-panel .is-branded svg{width:100%; height:auto;} .hm-right-image-panel .is-review{padding:125px 70px 70px 110px} .hm-right-image-panel .is-review svg{width:100%; height:auto;} .hm-right-image-panel .is-food{padding:125px 70px 70px 110px} .hm-right-image-panel .is-food svg{width:100%; height:auto;} .hm-right-image-panel .hm-carousel-item-1 .sub-text{margin-top:0px; margin-bottom: 52px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text-2{margin-top:0px;margin-bottom: 85px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text-2{margin-top:0px; margin-bottom:158px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text{margin-top:0px; margin-bottom: 45px;} .hm-right-image-panel .hm-carousel-item-5 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-6 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-6 a{margin-top:6px;} .hm-right-image-panel .hm-carousel-item-7 .sub-text{margin-top:0px; margin-bottom: 146px;} .hm-right-image-panel .hm-carousel-item-8 .sub-text{margin-top:0px; margin-bottom:76px;} .hm-right-image-panel .hm-carousel-item-9 .sub-text{margin-top:0px; margin-bottom:106px;} .hm-right-image-panel .hm-carousel-item-10 .sub-text{margin-top:0px; margin-bottom:105px;} .hm-right-image-panel .hm-carousel-item-11 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-12 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-13 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-14 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-15 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-16 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-17 .sub-text{margin-top:0px;} .hm-right-image-panel .hm-carousel-item-18 .sub-text{margin-top:0px;} .hm-left-image-panel .hm-carousel-item-11 .sub-text{margin-top:0px; margin-bottom:166px;} .hm-left-image-panel .hm-carousel-item-12 .sub-text{margin-top:0px; margin-bottom:165px;} .hm-left-image-panel .hm-carousel-item-13 .sub-text{margin-top:0px; margin-bottom:166px;} .hm-left-image-panel .hm-carousel-item-14 .sub-text{margin-top:0px; margin-bottom:76px;} .hm-left-image-panel .hm-carousel-item-15 .sub-text{margin-top:0px; margin-bottom:0px;} .hm-left-image-panel .hm-carousel-item-16 .sub-text{margin-top:0px; margin-bottom:116px;} .hm-left-image-panel .hm-carousel-item-17 .sub-text{margin-top:0px; margin-bottom:76px;} .hm-left-image-panel .hm-carousel-item-18 .sub-text{margin-top:0px; margin-bottom:116px;} .second-right .carousel-indicators{bottom: 15px;} .hm-software-operate-scale{padding: 50px 20px; margin-top: 80px;} .hm-software-operate-scale-content{margin-left: 5px; margin-top:0px;} .hm-software-operate-scale-content .pointers{margin-top: 15px; font-size: 18px;} .hm-software-operate-scale-content .pointers .d-md-block{display:none!important;} .hm-software-operate-scale-content .heading{font-size: 23px; line-height: 30px;} .hm-integrable-software-boxes{padding: 50px 00px;} .hm-integrable-software-boxes .col-md-4 {padding: 10px!important;} .hm-integrable-software-boxes .box{padding:55px 10px} .hm-integrable-software-boxes .box .text .d-md-block{display:none!important;} .hm-support-center .img {margin-top: 25px; padding: 10px 19px;} .hm-support-center .heading{margin-left:75px;} .hm-support-center .sub-text{margin-left:75px;} .home-page .testimonial .testimonial-box {padding: 40px 30px;} .home-page .testimonial .head {margin-left: 12px;} .home-page .testimonial .description {margin-left: 12px; font-size: 25px;} .home-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .home-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} .home-page .testimonial .testimonial-area {height: 560px;} .hm-support-center .head{font-size: 30px; left: -10px;} /* ---------------------- Home Page ------------------------*/ /* ---------------------- New Home Page 2024 ------------------------*/ .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar{padding:0px 25px 0px 25px} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-bar-custom {font-size: 22px; padding: 5px 25px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-blank-2021.header-wrapper-blank-2024 {height: 66px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-area{top: 66px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-bar-custom {font-size: 30px !important; padding: 5px 25px !important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .navbar {padding: 0px 10px 0px 10px;} .hm-revenue-center .header-wrapper-blank-2021 {height: 66px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 30px!important; padding: 5px 25px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-area{top: 67px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .m-nav-area{right: 15px;} .hm-revenue-center .header-wrapper-2021 .header-2021 .navbar{padding: 0px 40px 0px 40px;} .hm-revenue-center .header-wrapper-2021 .header-2021 .navbar {padding: 0px 25px 0px 25px;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-bar-close-custom{padding:5px 35px} .hm-revenue-center .top-section .content-area {margin-top: 34px;} .hm-revenue-center .top-section .content-area .sub-text{font-size: 18px; margin-top: 17px;} .hm-revenue-center .top-section .content-area .cta{margin-top: 10px;} .hm-revenue-center .top-section{padding:0px 5px 30px 20px;} .hm-revenue-center .top-section .content-area .text{font-size: 30px; line-height: 35px;} .hm-revenue-center .top-section .image-area{margin-top:40px;} .hm-revenue-center .top-section .image-area svg{width:100%; height:auto;} .hm-revenue-center .section-two{padding:20px 10px;} .hm-revenue-center .section-two .col-md-4{padding: 0px 5px;} .hm-revenue-center .section-two .box{padding: 11px;} .hm-revenue-center .section-two .box .head{font-size: 20px; margin-bottom: 20px; line-height: 25px;} .hm-revenue-center .section-two .box .head img{display: inline-block; width: 50px;} .hm-revenue-center .section-two .box .text{font-size: 17px; line-height: 23px;} .hm-revenue-center .section-three{padding:20px 10px;} .hm-revenue-center .section-three .col-md-4{padding: 5px;} .hm-revenue-center .section-three .head{font-size: 27px;} .hm-revenue-center .section-three .sub-head{font-size: 20px;} .hm-revenue-center .section-three .item{padding: 10px;} .hm-revenue-center .section-three .box .title{position: relative; background: rgba(0, 0, 0, 0.7); border-radius: 0px; color: #fff; border-bottom: solid 1px #fff; padding:10px; font-size:15px;} .hm-revenue-center .section-three .box img{border-radius: 15px 15px 0px 0px;} .hm-revenue-center .section-three .box:hover .hover-div{ margin-top: 100px!important;} .hm-revenue-center .section-three .box .hover-div{position: relative; margin-top: 0px!important; border-radius: 0px 0px 15px 15px; height:325px; } .hm-revenue-center .section-three .box .hover-div .h-title{display:none;} .hm-revenue-center .section-three .box .hover-div ul{height: 100%; overflow: visible; margin: 0px;} .hm-revenue-center .section-three .box .hover-div li{width: 100%;} .hm-revenue-center .section-four{padding:20px 10px;} .hm-revenue-center .section-four .head{font-size: 27px;} .hm-revenue-center .section-four .container{padding: 0px;} .hm-revenue-center .section-four .nav-item {margin-bottom: 5px;} .hm-revenue-center .section-four .nav{margin-top:0px;} .hm-revenue-center .section-four img{width:100%; height:auto;} .hm-revenue-center .section-four .nav-item .nav-link{padding: 10px;} .hm-revenue-center .section-four .text{font-size: 15px;} .hm-revenue-center .section-five{padding:20px 10px;} .hm-revenue-center .section-five .head{font-size: 27px;} .hm-revenue-center .section-five .box{display: grid;} .hm-revenue-center .section-five .col-md-4:first-child .box:first-child .text {margin-bottom: 25px;} .hm-revenue-center .section-five .col-md-4{padding:5px;} .hm-revenue-center .section-five .text br{display:none!important;} .hm-revenue-center .section-five .col-md-4:last-child .box {padding: 30px 10px;} .hm-revenue-center .section-five .col-md-4 .box .text{font-size: 17px; line-height: 23px;} .hm-revenue-center .section-five .col-md-4:nth-child(2) .box:last-child {padding: 31px 10px;} .hm-revenue-center .section-five .col-md-4:first-child .box {padding: 30px 10px;} .hm-revenue-center .section-six{padding: 20px 10px;} .hm-revenue-center .section-six .head{font-size: 29px; padding-bottom: 35px; margin-bottom: 35px;} .hm-revenue-center .section-six .head br{display:none!important;} .hm-revenue-center .section-six .sub-head{font-size: 21px; font-weight:600;margin-top: 10px; margin-bottom: 20px; padding: 0px 50px;} .hm-revenue-center .section-six .sub-head span{font-size: 19px; font-weight: 400;} .hm-revenue-center .section-six .sub-head br{display:none!important;} .hm-revenue-center .section-six .logo-head{font-size: 29px;margin-bottom: 10px;} .hm-revenue-center .section-six .owl-carousel .img{margin:0 auto; width: auto;} .hm-revenue-center .section-seven{padding: 20px 10px;} .hm-revenue-center .section-seven .head{font-size: 29px; } .hm-revenue-center .section-seven .content .col-md-4{padding: 5px;} .hm-revenue-center .section-seven .content .box span{font-size: 60px; left: 14px; top: 0px;} .hm-revenue-center .section-seven .box{padding: 15px 15px 15px 60px; font-size: 17px; height: 198px;} .hm-revenue-center .section-seven .testimonal-area{margin: 80px auto; margin-bottom: 10px;} .hm-revenue-center .section-seven .testimonal-area .owl-carousel .item{padding: 10px;} .hm-revenue-center .section-seven .testimonal-area .box{padding: 15px;} .hm-revenue-center .section-seven .testimonal-area:before{width: 120px; height: 98px; top: -40px; left:0px; background-size: cover;} .hm-revenue-center .section-seven .testimonal-area:after{width: 120px; height: 98px; background-size: cover; bottom: 26px; right: 0px;} .hm-revenue-center .section-seven .testimonal-area .owl-theme .owl-dots{margin-top: 35px;} .hm-revenue-center .section-seven .testimonal-area .detail .name{width: calc(100% - 85px); font-size: 17px;} .hm-revenue-center .section-seven .testimonal-area .text{height:240px; font-size: 17px;} .hm-revenue-center .section-seven .cta{margin: 30px auto; margin-top: 30px;} .hm-revenue-center .section-eight .form-area .col-md-8{padding: 10px;} .hm-revenue-center .section-eight .form-area .head{width: 100%; font-size: 29px; line-height: 40px; margin-top: 0px;} .hm-revenue-center .section-eight .form-area .sub-head{width: 100%; font-size: 20px; line-height: 25px;} .hm-revenue-center .section-eight .form-area .form{width: 100%;} .hm-revenue-center .section-eight .form-area{padding:10px;} .hm-revenue-center .section-eight{padding: 20px;} .hm-revenue-center .non-login-footer-2021 .copyright .col-md-6:first-child{border:0px!important;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} .non-login-footer-2021 .copyright .col-md-6:first-child{border:0px!important;} .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} .hm-revenue-center .section-nine{padding: 20px 10px;} .hm-revenue-center .section-nine .head{font-size: 29px; padding-bottom: 35px; margin-bottom: 35px;} .hm-revenue-center .section-nine .head br{display:none!important;} .hm-revenue-center .section-nine .sub-head{font-size: 19px; font-weight: 400; padding: 0px 60px; margin-bottom: 20px;} .hm-revenue-center .section-nine .sub-head br{display:none!important;} .hm-revenue-center .section-nine .logo-head{font-size: 29px;margin-bottom: 10px;} .hm-revenue-center .section-nine .owl-carousel .img{margin:0 auto; width: auto;} .hm-revenue-center .section-eight .form-area .form input{width: calc(100% - 225px);} /* ---------------------- New Home Page 2024 ------------------------*/ /* ---------------------- app Page ------------------------*/ .page-top-section .section-inner-curve{padding-top: 0px;} .page-top-section .section-inner-curve .content-area{padding: 50px 0px 30px 18px;} .page-top-section .section-inner-curve .content-area .text{font-size: 27px; margin-bottom: 10px;} .page-top-section .section-inner-curve .content-area .sub-text{font-size: 17px;} .page-top-section .section-inner-curve .content-area .button{padding: 15px 86px;} .page-top-section .section-inner-curve .image-area{padding: 35px 5px 38px 15px} .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .management-software{font-size: 25px;} .action-button a{width:270px;} .features{padding: 25px;} .features .head{font-size: 17px; margin-top: 18px;} .features .text{font-size: 13px;} .left-image-panel .image-area svg{width:100%; height:auto; background-size: contain;} .left-image-panel .image-area{padding: 140px 60px 71px 10px; background-position: -125px top; background-size: cover;} .left-image-panel .head{font-size: 19px; margin-left: 0px; line-height: 25px; margin-top: 180px;} .left-image-panel ul{font-size: 13px; margin-left: 0px; margin-top: 20px;} .left-image-panel ul .d-md-block{display:none!important;} .left-image-panel a{margin-left: 0px;} .right-image-panel .image-area{background-position:90px top; padding:100px 30px 53px 30px; background-size: contain;} .right-image-panel .head{margin-left:69px;font-size: 19px; line-height: 25px; margin-top: 100px;} .right-image-panel ul{margin-left: 69px; font-size: 13px; margin-top: 20px;} .right-image-panel ul .d-md-block{display:none!important;} .right-image-panel a{margin-left: 47px;} .other-salesvu-apps{margin-top: 30px;} .salesvu-app-section{width:700px; margin-top: 65px;margin-bottom: 50px;} .salesvu-app-section .app-column{width:220px; margin-right:20px;} .testimonial .head{margin-left: 12px; margin-top: 215px;} .testimonial .description{margin-left: 12px;font-size: 29px; line-height: 35px;} .testimonial a{margin-left: 12px;} .testimonial .testimonail-inner-curve{padding-bottom: 70px; background-size: initial;} .testimonial .testimonial-box .testimonial-details .c-name{font-size:14px;} .testimonial .testimonial-area{width:100%; height:auto; margin-left:0px} .testimonial .testimonial-box{width: 100%; padding: 10px; position:relative; margin-bottom:15px;} .testimonial .testimonial-box .text{margin-bottom: 15px;} .testimonial .testimonial-box:nth-child(1){margin-top: unset;} .testimonial .testimonial-box:nth-child(2){margin-top: unset; margin-left: unset;} .testimonial .testimonial-box:nth-child(3){margin-top: unset; margin-left: unset; width: 100%;} .testimonial .testimonial-box:nth-child(4){margin-top: unset; margin-left: unset; width: 100%;} .testimonial .logo-box{padding: 50px 10px;} .employee-schedulling-page .page-top-section .section-inner-curve .content-area{padding: 50px 0px 30px 18px;} .employee-schedulling-page .page-top-section .section-inner-curve .image-area{padding: 55px 15px 82px 45px;} .employee-schedulling-page .left-image-panel .image-area {padding: 140px 60px 71px 10px; background-size: cover; background-position: -115px top;} .employee-schedulling-page .left-image-panel .head{font-size: 19px; margin-left: 0px;} .employee-schedulling-page .left-image-panel .sub-text{font-size: 16px; margin-left: 0px; line-height: 22px;} .employee-schedulling-page .left-image-panel .sub-text .d-md-block{display:none!important;} .employee-schedulling-page .left-image-panel ul{margin-left: 0px;} .employee-schedulling-page .right-image-panel .image-area {padding: 130px 9px 133px 109px; background-size: cover; background-position: 55px top;} .employee-schedulling-page .right-image-panel .head{font-size: 19px; margin-left: 47px;} .employee-schedulling-page .right-image-panel .sub-text{font-size: 16px; margin-left: 47px; line-height: 28px;} .employee-schedulling-page .right-image-panel .sub-text .d-md-block{display:none!important;} .employee-schedulling-page .right-image-panel ul{margin-left: 44px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 18px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .text{font-size: 26px; line-height: 36px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .sub-text{font-size: 17px; line-height: 33px;} .fine-dinning-page .page-top-section .section-inner-curve .image-area{padding:5px 15px 18px 35px} .fine-dinning-page .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .fine-dinning-page .right-image-panel .image-area {padding: 80px 53px 90px 113px;} .fine-dinning-page .right-image-panel .head{margin-left: 30px; font-size: 23px; margin-top: 70px;} .fine-dinning-page .right-image-panel .sub-text{margin-left: 30px; font-size: 13px; margin-top:20px;} .fine-dinning-page .right-image-panel .sub-text span{font-size:15px;} .fine-dinning-page .right-image-panel .sub-text .d-md-block{display:none!important;} .fine-dinning-page .right-image-panel a {margin-left: 30px;} .fine-dinning-page .left-image-panel .image-area {padding: 140px 60px 71px 10px; background-size: cover; background-position: -175px top;} .fine-dinning-page .left-image-panel .head{margin-left:0px; font-size: 23px; margin-top: 160px;} .fine-dinning-page .left-image-panel .sub-text{margin-left:0px; font-size: 13px; margin-top:20px;} .fine-dinning-page .left-image-panel .sub-text span{font-size:15px;} .fine-dinning-page .left-image-panel .sub-text .d-md-block{display:none!important;} .fine-dinning-page .left-image-panel a{margin-left:0px;} .tiered-loyalty-page .page-top-section .section-inner-curve .image-area{padding:55px 15px 82px 45px} .tiered-loyalty-page .left-image-panel .image-area{padding: 140px 60px 71px 10px; background-size: cover; background-position: -115px top;} .tiered-loyalty-page .left-image-panel .sub-text{font-size: 16px; line-height:25px; margin-left:0px;} .tiered-loyalty-page .left-image-panel .sub-text .d-md-block{display:none!important;} .tiered-loyalty-page .left-image-panel .head{margin-top: 50px; margin-left:0px; font-size:23px;} .tiered-loyalty-page .left-image-panel ul{margin-left:0px;} .tiered-loyalty-page .left-image-panel a{margin-left:0px;} .tiered-loyalty-page .right-image-panel .image-area {padding: 150px 10px 85px 53px;} .tiered-loyalty-page .right-image-panel .head{margin-top: 40px; margin-left: 45px; font-size:23px;} .tiered-loyalty-page .right-image-panel .sub-text{font-size: 16px; line-height:25px;margin-left: 45px;} .tiered-loyalty-page .right-image-panel .sub-text .d-md-block{display:none!important;} .tiered-loyalty-page .right-image-panel ul{margin-left: 45px; margin-top: 20px;} .tiered-loyalty-page .right-image-panel a{margin-left: 45px;} .customer-words{padding:130px 0px 30px 0px; font-size: 24px;} .customer-words span{font-size: 19px; padding:10px 30px 40px 30px} .tiered-loyalty-page .testimonial .head{margin-left:12px;} .tiered-loyalty-page .testimonial .description{margin-left:12px;} .tiered-loyalty-page .testimonial .testimonial-box:nth-child(1){margin-left:unset;} .review-booster-page .page-top-section .section-inner-curve .image-area {padding: 0px 67px 0px 67px;} .review-booster-page .left-image-panel .image-area {padding: 140px 60px 71px 10px; background-size: cover; background-position: -115px top;} .review-booster-page .left-image-panel .head{margin-left: 0px;font-size:23px; margin-top: 135px;} .review-booster-page .left-image-panel ul{margin-left: 0px; font-size:13px;} .review-booster-page .left-image-panel a{margin-left: 0px;} .review-booster-page .right-image-panel .image-area {padding: 100px 30px 53px 30px;} .review-booster-page .right-image-panel .head{margin-left: 69px; font-size:23px; margin-top: 100px;} .review-booster-page .right-image-panel ul {margin-left: 69px; font-size:13px;} .review-booster-page .right-image-panel a{margin-left: 69px;} .review-booster-page .testimonial .testimonial-box{padding: 15px;} .review-booster-page .testimonial .text-head{margin-right: 45px; margin-top: 300px;} .review-booster-page .testimonial .testimonial-box .text{font-size: 13.5px; margin-bottom: 7px;} .review-booster-page .testimonial .testimonial-box .testimonial-details .c-name{padding: 15px 0px 0px 0px; font-size: 15px;} .review-booster-page .testimonial .testimonail-inner-curve {padding-bottom: 0px;} .real-time-page .page-top-section .section-inner-curve .content-area {padding: 30px 0px 50px 18px;} .real-time-page .page-top-section .section-inner-curve .content-area .text {line-height: 33px; margin-bottom: 20px; font-size: 27px;} .real-time-page .page-top-section .section-inner-curve .content-area .text .d-md-block{display:none!important;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text{line-height: 25px;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .real-time-page .page-top-section .section-inner-curve .image-area {padding: 55px 15px 82px 45px} .real-time-page .page-top-section .section-inner-curve .content-area .button {margin-top: 40px;} .real-time-page .left-image-panel .image-area {padding: 120px 130px 71px 30px; background-size: cover; background-position: -145px top;} .real-time-page .left-image-panel .head{font-size: 23px; margin-top: 140px; margin-left: 0px;} .real-time-page .left-image-panel ul {margin-left: 0px; margin-top: 25px;} .real-time-page .left-image-panel a{margin-left: 0px; margin-top: 50px;} .real-time-page .right-image-panel .image-area {padding: 115px 10px 125px 120px;} .real-time-page .right-image-panel .head{margin-top: 80px; } .real-time-page .right-image-panel a{margin-left: 69px;} .digital-physical-page .page-top-section .section-inner-curve .image-area{padding: 45px 55px 62px 55px;} .digital-physical-page .page-top-section .section-inner-curve .content-area{padding: 40px 0px 50px 18px;} .digital-physical-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 26px;} .digital-physical-page .left-image-panel .image-area{padding:110px 50px 70px 40px} .digital-physical-page .left-image-panel .head{font-size:23px;} .digital-physical-page .left-image-panel .sub-text{font-size: 13px;} .digital-physical-page .left-image-panel .sub-text .d-md-block{display:none!important;} .digital-physical-page .left-image-panel .sub-text span{font-size: 15px;} .digital-physical-page .left-image-panel a{margin-left:0px;} .digital-physical-page .right-image-panel .image-area{padding:110px 50px 70px 40px} .digital-physical-page .right-image-panel .image-area svg{width:100%; height:auto;} .digital-physical-page .right-image-panel .head{margin-left: 53px; font-size:23px;} .digital-physical-page .right-image-panel .sub-text{margin-left: 53px; font-size: 13px;} .digital-physical-page .right-image-panel .sub-text .d-md-block{display:none!important;} .digital-physical-page .right-image-panel .sub-text span{font-size: 15px;} .digital-physical-page .right-image-panel a{margin-left: 53px;} .digital-physical-page .testimonial .testimonail-inner-curve {padding-bottom: 35px;} .digital-physical-page .testimonial .testimonial-box:nth-child(2){margin-top: 0px;} .digital-physical-page .testimonial .testimonial-box:nth-child(3){margin-top: 0px;} .digital-physical-page .testimonial .testimonial-box:nth-child(4){margin-top: 0px;} .digital-physical-page .testimonial .head{margin-left: 12px; margin-top: 115px;} .digital-physical-page .testimonial .description {margin-left: 12px; font-size: 29px;} .digital-physical-page .testimonial .description .d-md-block{display:none!important;} .digital-physical-page .testimonial a{margin-left: 12px;} .recurring-biling-page .page-top-section .section-inner-curve .image-area{padding: 55px 15px 82px 45px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area{padding: 40px 0px 50px 18px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 26px;} .recurring-biling-page .left-image-panel .image-area{padding:110px 50px 70px 40px} .recurring-biling-page .left-image-panel .head{font-size:23px;} .recurring-biling-page .left-image-panel .sub-text{font-size: 13px;} .recurring-biling-page .left-image-panel .sub-text .d-md-block{display:none!important;} .recurring-biling-page .left-image-panel .sub-text span{font-size: 15px;} .recurring-biling-page .left-image-panel a{margin-left:0px;} .recurring-biling-page .right-image-panel .image-area{padding:70px 50px 70px 80px} .recurring-biling-page .right-image-panel .image-area svg{width:100%; height:auto;} .recurring-biling-page .right-image-panel .head{margin-left: 53px; font-size:23px;} .recurring-biling-page .right-image-panel .sub-text{margin-left: 53px; font-size: 13px;} .recurring-biling-page .right-image-panel .sub-text .d-md-block{display:none!important;} .recurring-biling-page .right-image-panel .sub-text span{font-size: 15px;} .recurring-biling-page .right-image-panel a{margin-left: 53px;} .recurring-biling-page .testimonial .testimonail-inner-curve {padding-bottom: 35px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(2){margin-top: 0px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(3){margin-top: 0px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(4){margin-top: 0px;} .recurring-biling-page .testimonial .head{margin-left: 12px; margin-top: 215px;} .recurring-biling-page .testimonial .description {margin-left: 12px; font-size: 29px;} .recurring-biling-page .testimonial .description .d-md-block{display:none!important;} .recurring-biling-page .testimonial a{margin-left: 12px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(1){margin-left:0px;} .qr-ordering-page .page-top-section .section-inner-curve .content-area{padding:50px 0px 30px 18px} .qr-ordering-page .page-top-section .section-inner-curve .image-area{padding:25px 65px 0px 65px} .qr-image-area{margin-top: 80px;} .qr-image-area svg{width:100%; height:auto;} .qr-image-area-2{margin-bottom: 100px;} .qr-image-area-2 svg{width:100%; height:auto; padding:0px 20px;} .qr-ordering-page .left-image-panel .head{margin-left:20px;} .qr-ordering-page .left-image-panel .sub-text{font-size:15px; margin-left:20px;} .qr-ordering-page .left-image-panel .sub-text .d-md-block{display:none!important;} .qr-ordering-page .left-image-panel ul{margin-left:20px;} .qr-ordering-page .left-image-panel .image-area {padding:40px 70px 60px 60px;} .qr-ordering-page .right-image-panel .head{margin-left: 54px; margin-top: 100px;} .qr-ordering-page .right-image-panel .sub-text{margin-left: 54px; font-size:17px;} .qr-ordering-page .right-image-panel .sub-text .d-md-block{display:none!important;} .qr-ordering-page .right-image-panel ul{margin-left: 54px;} .qr-ordering-page .right-image-panel .image-area svg{width:100%; height:auto;} .qr-ordering-page .right-image-panel .image-area {padding: 40px 50px 50px 160px;} .handheld-page .page-top-section .section-inner-curve .content-area{padding:30px 0px 30px 18px} .handheld-page .page-top-section .section-inner-curve .image-area {padding: 35px 0px 64px 22px;} .handheld-page .management-software{font-size:30px; padding:90px 0px 20px 0px} .handheld-page .management-software .d-md-block{display:none!important;} .handheld-page .left-image-panel .image-area{padding: 160px 50px 100px 30px;} .handheld-page .left-image-panel .head{font-size: 19px; margin-top: 134px; margin-left:10px;} .handheld-page .left-image-panel .sub-text{font-size: 15px; margin-left:10px; margin-top: 15px;} .handheld-page .left-image-panel .sub-text .d-md-block{display:none!important;} .handheld-page .left-image-panel a{margin-left:10px;} .handheld-page .right-image-panel .image-area {background-position: 50px top; padding: 160px 30px 100px 50px;} .handheld-page .right-image-panel .head{margin-left:49px; margin-top: 154px; font-size: 19px;} .handheld-page .right-image-panel .sub-text{margin-left:49px; font-size:15px; margin-top: 15px;} .handheld-page .right-image-panel .sub-text .d-md-block{display:none!important;} .handheld-page .right-image-panel a{margin-left:49px;} .key-features{width:700px!important;} .key-feaure-tab svg{width:100%; height:auto;} .key-features .f-screen {position: absolute; top: 19px; left: 38px; width: 388px; height: 273px; overflow: hidden;} .key-features .heading{left:0px; margin-top: 18px; padding: 10px; font-size: 10px;} .key-features .features-links{margin:15px 0px 15px 0px} .key-features .features-links a {width: 100%; display: table; padding: 5px 0px 5px 10px; color: #000; font-weight: 600; font-size: 13px; position: relative;} .handheld-page .testimonial .head{margin-left: 0px;} .handheld-page .testimonial .description{margin-left: 0px;} .handheld-page .testimonial .testimonial-box {padding: 15px;} .handheld-page .testimonial .testimonial-box:nth-child(4) {margin-top: 5px;} .handheld-page .testimonial .testimonial-box:nth-child(3) {margin-top: 5px;} .handheld-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .page-top-section .section-inner-curve .image-area{padding:35px 45px 26px 45px} .orderup-page .page-top-section .section-inner-curve .content-area{padding:50px 0px 30px 18px} .orderup-page .page-top-section .section-inner-curve .content-area .text{font-size: 25px;} .orderup-page .page-top-section .section-inner-curve .content-area .button {margin-top: 25px; padding: 15px 45px;} .orderup-page .management-software{font-size:23px; padding:100px 0px 0px 0px} .orderup-page .left-image-panel {margin-top: 100px;} .orderup-page .left-image-panel .image-area {padding: 190px 10px 25px 30px; background-position: -160px top;} .orderup-page .left-image-panel .head{font-size:25px; margin-top: 190px; margin-left: 15px;} .orderup-page .left-image-panel .sub-text{font-size:15px; margin-left:15px; margin-top:25px;} .orderup-page .left-image-panel .sub-text .d-md-block{display:none!important;} .orderup-page .left-image-panel a{margin-left:15px;} .orderup-page .right-image-panel .image-area {padding: 170px 40px 0px 60px; background-position: 160px top;} .orderup-page .right-image-panel .head{font-size:25px; margin-left: 45px; margin-top:150px} .orderup-page .right-image-panel .sub-text{margin-top: 25px; margin-left: 45px; font-size: 15px;} .orderup-page .right-image-panel .sub-text .d-md-block{display:none!important;} .orderup-page .right-image-panel a{margin-left: 45px;} .orderup-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .orderup-page .testimonial .head { margin-left: 12px;} .orderup-page .testimonial .description {margin-left: 12px; font-size: 32px;} .orderup-page .testimonial .description .d-md-block{display:none!important;} .orderup-page .testimonial .testimonial-box{padding:20px;} .orderup-page .testimonial .testimonial-area {height: 600px;} .orderup-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .testimonial .testimonial-box:nth-child(3){margin-top: unset; margin-left:unset;} .orderup-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .pos-page .page-top-section .section-inner-curve .image-area{padding:35px 45px 26px 45px} .pos-page .page-top-section .section-inner-curve .content-area{padding:50px 0px 30px 18px} .pos-page .page-top-section .section-inner-curve .content-area .text{font-size: 25px;} .pos-page .page-top-section .section-inner-curve .content-area .button {margin-top: 25px;} .pos-page .management-software{font-size:23px; padding:100px 0px 0px 0px} .pos-page .left-image-panel {margin-top: 100px;} .pos-page .left-image-panel .image-area {padding: 140px 60px 71px 10px; background-position: -125px top;} .pos-page .left-image-panel .head{font-size:25px; margin-top: 170px; margin-left: 0px;} .pos-page .left-image-panel .sub-text{font-size:15px; margin-left:0px; margin-top:25px; margin-right:15px;} .pos-page .left-image-panel .sub-text .d-md-block{display:none!important;} .pos-page .left-image-panel a{margin-left:0px;} .pos-page .right-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: 90px top;} .pos-page .right-image-panel .head{font-size:25px; margin-left: 25px; margin-top:120px} .pos-page .right-image-panel .sub-text{margin-top: 25px; margin-left: 25px; font-size: 15px;} .pos-page .right-image-panel .sub-text .d-md-block{display:none!important;} .pos-page .right-image-panel a{margin-left: 25px;} .pos-page .testimonial .testimonail-inner-curve{padding-bottom:70px; background-position:left -55px;} .pos-page .testimonial .testimonial-box:nth-child(1) {margin-top: 250px; margin-left: 5px;} .pos-page .testimonial .head { margin-left: 12px;} .pos-page .testimonial .description {margin-left: 12px; font-size: 32px;} .pos-page .testimonial .description .d-md-block{display:none!important;} .pos-page .testimonial .testimonial-box{padding:20px;} .pos-page .testimonial .testimonial-area {height: 600px;} .pos-page .testimonial .testimonial-box .text{margin-bottom:15px;} .pos-page .testimonial .testimonial-box:nth-child(3){margin-top: unset;} .pos-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .pos-page .key-features .f-screen {position: absolute; top: 17px; left: 35px; width: 335px; height: 236px; overflow: hidden;} .pos-page .key-features .f-screen svg{width:100%; height:auto;} .pos-page .key-features .features-links a{padding: 5px 0px 5px 20px; font-size: 13px;} .pos-page .key-features .heading{left: 0px; margin-top: 22px;} .program-area{width:700px; margin-top: 140px; margin-bottom: 50px;} .program-area .col-md-4{padding:20px 10px;} .program-area .col-md-4 .area-box{padding: 90px 10px 41px 12px;} .program-area .col-md-4 .area-box .art-area{margin-left: -105px; width: 210px; top: -56px;} .program-area .col-md-4 .area-box .heading{font-size: 17px;} .program-area .col-md-4 .area-box .desc{height:118px; font-size:12px;} .here-page .page-top-section .section-inner-curve .content-area {padding: 50px 0px 30px 18px;} .here-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px; text-align: center;} .here-page .management-software{font-size: 25px; margin-bottom: 60px;} .here-page .management-software span{font-size:17px;} .here-page .left-image-panel .image-area {padding: 140px 60px 71px 10px;} .here-page .left-image-panel .head{margin-top: 140px; font-size: 25px;} .here-page .left-image-panel .sub-text{font-size:17px; margin-top: 15px;} .here-page .right-image-panel .image-area {padding: 100px 30px 53px 30px} .here-page .right-image-panel .head{margin-left: 45px; margin-top: 110px; font-size: 25px;} .here-page .right-image-panel .sub-text{margin-left: 45px; font-size:17px; margin-top:15px;} .here-page .right-image-panel a{margin-left: 45px;} .here-page .testimonial .head {margin-left: 33px;} .here-page .testimonial .description {margin-left: 33px; font-weight: 500;} .here-page .testimonial .testimonial-box:nth-child(4){margin-top:unset;} .here-page .testimonial .description .d-md-block {display: none!important;} .welcome-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 30px 18px;} .welcome-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px; text-align: center;} .welcome-page .management-software{font-size: 25px; margin-bottom: 60px; padding-top:80px;} .welcome-page .management-software span{font-size:17px;} .welcome-page .left-image-panel .image-area {padding: 140px 60px 71px 10px;} .welcome-page .left-image-panel .head{margin-top: 140px; font-size: 25px;} .welcome-page .left-image-panel .sub-text{font-size:16px; margin-top: 15px;} .welcome-page .right-image-panel .image-area {padding: 100px 30px 53px 30px} .welcome-page .right-image-panel .head{margin-left: 45px; margin-top: 110px; font-size: 25px;} .welcome-page .right-image-panel .sub-text{margin-left: 45px; font-size:16px; margin-top:15px;} .welcome-page .right-image-panel a{margin-left: 45px;} .welcome-page .testimonial .head {margin-left: 33px;} .welcome-page .testimonial .description {margin-left: 33px; font-weight: 500;} .welcome-page .testimonial .testimonial-box:nth-child(4){margin-top:unset;} .welcome-page .testimonial .description .d-md-block {display: none!important;} .welcome-page .second-left {margin-top: 80px;} .incoming-page .page-top-section .section-inner-curve .content-area {padding: 50px 0px 30px 18px;} .incoming-page .page-top-section .section-inner-curve .content-area .text{font-size: 25px;} .incoming-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px;} .incoming-page .management-software {padding: 90px 0px 0px 0px; font-size: 30px;} .incoming-page .right-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: 90px top;} .incoming-page .right-image-panel .head{margin-left: 58px; margin-top: 0px; font-size: 25px;} .incoming-page .right-image-panel .sub-text{margin-left: 58px; margin-top: 15px; font-size: 17px; line-height: 27px;} .incoming-page .right-image-panel .sub-text .d-md-block{display:none!important;} .incoming-page .right-image-panel ul{margin-left: 58px;} .incoming-page .right-image-panel li .d-md-block{display:none!important;} .incoming-page .right-image-panel a{margin-left: 58px;} .incoming-page .left-image-panel .image-area {padding: 180px 70px 53px 20px; background-position: -90px top;} .incoming-page .left-image-panel .head{margin-left:10px; margin-top: 100px; font-size:25px;} .incoming-page .left-image-panel .sub-text{margin-left:10px; font-size: 17px; line-height: 27px; margin-top: 15px;} .incoming-page .left-image-panel .sub-text .d-md-block{display:none!important;} .incoming-page .left-image-panel ul{margin-left:10px; margin-right: 15px;} .incoming-page .left-image-panel li .d-md-block{display:none!important;} .incoming-page .left-image-panel a{margin-left:10px;} .incoming-page .key-features{width:950px;} .incoming-page .testimonial .testimonial-area{height:auto;} .incoming-page .testimonial .head{margin-left: 12px;} .incoming-page .testimonial .description {margin-left: 12px; font-size:27px;} .incoming-page .testimonial .description .d-md-block{display:none!important;} .incoming-page .testimonial .testimonial-box:nth-child(1) {margin-top: 245px; margin-left: 0px;} .onthelist-page .page-top-section .section-inner-curve .content-area {padding: 40px 0px 50px 30px;} .onthelist-page .page-top-section .section-inner-curve .content-area .text{font-size: 29px;} .onthelist-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 26px 45px;} .onthelist-page .management-software {font-size: 23px; padding: 100px 0px 0px 0px;} .onthelist-page .testimonial .testimonial-area{height:470px;} .onthelist-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .onthelist-page .testimonial .head {margin-left: 12px;} .onthelist-page .description {margin-left: 12px; font-size: 29px;} .onthelist-page .description .d-md-block{display:none!important;} .invoice-page .page-top-section .section-inner-curve .image-area{width:290px;} .invoice-page .page-top-section .section-inner-curve .content-area {padding: 50px 0px 50px 18px;} .invoice-page .page-top-section .section-inner-curve .content-area .text{font-size: 25px;} .invoice-page .page-top-section .section-inner-curve .content-area .sub-text{font-size:17px; line-height:24px} .invoice-page .key-features {width: 900px;} .invoice-page .key-features #key-feature-mobile{width:auto; height:auto;} .invoice-page .key-feaure-tab svg{width:100%; height:auto;} .invoice-page .key-features .f-tab-screen {top: 19px!important; left: 37px!important; width: 388px!important; height: 273px!important;} .invoice-page .key-features .f-screen {top: 14px; left: 174px; width: 239px; height: 450px;} .invoice-page .key-features .features-links a {padding: 7px 0px 7px 25px; font-size: 13px;} .invoice-page .testimonial .header {margin-left: 12px;} .invoice-page .testimonial .description {margin-left: 12px; font-size:32px;} .invoice-page .testimonial .description .d-md-block{display:none!important;} .invoice-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .invoice-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} .marketing-page .testimonial .testimonial-box:nth-child(1){margin-left:0px;} .marketing-page .testimonial .testimonial-area {height: auto;} /* ---------------------- app Page ------------------------*/ /* ---------------------- industry Page ------------------------*/ .studio-classes-industry .page-top-section .section-inner-curve .content-area {padding: 10px 0px 50px 25px;} .studio-classes-industry .page-top-section .section-inner-curve .content-area .sub-text{line-height: 27px;} .studio-classes-industry .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .studio-classes-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .brand-stands-area .head{font-size: 26px; margin-left: 50px;} .brand-stands-area{padding: 90px 0px 50px 0px;} .brand-stands-area svg{width:100%; height:Auto;} .brand-stands-area .text{margin-top: 30px; margin-left: 0px} .brand-stands-area a{margin-left:0px;} .branded-app-area{margin-top:100px;} .branded-app-area svg{width:100%; height:auto;} .branded-app-area .text{margin-right: 20px; font-size: 22px; margin-top: 50px;} .branded-app-area a{margin-right: 20px;} .marketing-emails svg{width:100%; height:auto;} .marketing-emails .text{font-size: 22px; margin-left: 0px; margin-top:50px;} .marketing-emails a{margin-left:0px; padding-left:0px;} .online-reputation .text{margin-right:20px;} .online-reputation .text .d-md-block{display:none!important;} .online-reputation svg{width:100%; height:auto;} .automated-sms .text{font-size: 22px; margin-left:0px;} .automated-sms .text .d-md-block{display:none!important;} .automated-sms a{margin-left:0px;} .entire-business{padding:100px 30px 100px 30px} .entire-business .head{font-size:27px;} .entire-business .head .d-md-block{display:none!important;} .entire-business .text .d-md-block{display:none!important;} .entire-business .text{font-size: 15px; line-height: 22px;} .turn-drop-ins{max-width: 700px;} .turn-drop-ins-box .box{width:219px; height:219px;} .turn-drop-ins-box .text .d-md-block{display:none!important;} .word-of-mouth{padding: 26px 50px; background-size: contain;} .word-of-mouth .head{font-size: 40px; line-height: 65px;} .word-of-mouth .head .d-md-block{display:none!important;} .optimize-operations-head{font-size: 35px; line-height: 42px; width: 700px; margin-top: 50px; margin-bottom: 50px;} .word-of-mouth .text{margin-top:13px;} .word-of-mouth a{margin-top:22px;} .optimize-operations svg{width:100%; height:auto; margin-top:0px;} .optimize-operations .carousel-item .d-md-block{display:none!important;} .optimize-operations{padding:0px 16px} .optimize-operations .head{margin-top: 15px;} .optimize-operations .slider{margin-top:15px;} .optimize-operations .slider .carousel-control-prev {top: 170px;} .optimize-operations .slider .carousel-control-next {top: 170px;} .support-team .text-area{padding: 69px 35px;} .studio-classes-industry .testimonial .head {margin-left: 12px; } .studio-classes-industry .testimonial .description {margin-left: 12px; font-size:25px;} .studio-classes-industry .hm-integrable-software{margin-top: 100px;} .studio-classes-industry .optimize-operations svg{margin-left: 25px;} .studio-classes-industry .testimonial .testimonial-box:nth-child(1) {margin-top: 215px; margin-left:0px;} .hm-integrable-software .head{font-size:30px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area {padding: 10px 0px 50px 25px;} .salons-spas-industry .optimize-operations .carousel-item .d-md-block{display:none!important;} .salons-spas-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .salons-spas-industry .page-top-section .section-inner-curve .sub-text .d-md-block{display:none!important;} .think-inside .head{margin-top: 20px; margin-left: 35px; font-size: 40px; line-height: 51px;} .think-inside .text{margin-top: 5px; margin-left: 35px; font-size:16px; margin-right: 15px; line-height: 22px;} .think-inside .text .d-md-block{display:none!important;} .think-inside a{margin-left: 35px;} .think-inside-2 .head{margin-top: 20px; margin-left: 35px; font-size: 30px; line-height: 44px;} .think-inside-2 .head .d-md-block{display:none!important;} .think-inside-2 .text{margin-top: 5px; margin-left: 35px; font-size:16px; margin-right:15px;} .think-inside-2 .text .d-md-block{display:none!important;} .think-inside-2 a{margin-left: 35px;} .salons-spas-industry .testimonial .head {margin-left: 32px;} .salons-spas-industry .testimonial .description {margin-left: 32px;} .salons-spas-industry .optimize-operations svg{width:100%; height:auto;} .softwares-help .head .d-md-block{display:none!important;} .softwares-help .text .d-md-block{display:none!important;} .softwares-help svg{width:100%; height:auto;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 10px 0px 50px 25px} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 5px 15px 18px 35px;} .integration-area{padding:110px 20px 95px 20px} .integration-area .head{font-size:20px;} .integration-area .desc{font-size:15px;} .integration-area .desc .d-md-block{display:none!important;} .scale-up{padding:0px 20px} .scale-up .section-head{left: 450px; font-size: 20px; top:0px;} .scale-up .text{margin-left: 18px; font-weight: 500; font-size: 15px; line-height: 25px; height:294px; padding-top: 74px;} .scale-up .carousel-control-prev{left: 520px; top: 370px;} .scale-up .carousel-control-next{left: 550px; top: 370px;} .scale-up .col-md-5 a{margin-top:15px;} .scale-up .text .d-md-block{display:none!important;} .scale-up svg{width:100%; height:auto;} .scale-up .carousel-indicators {width: 208px; bottom: -34px;} .black-head{padding:65px 85px 60px 85px} .art-culture-steps .step-box{height:400px;} .art-culture-steps .step-box .text-area{font-size: 13px; padding: 10px;} .manage-dozens{padding:100px 50px 70px 50px; font-size: 30px;} .simple-setup svg{width:100%; height:auto;} .simple-setup .text-area .head{font-size:23px;} .simple-setup .text-area .text .d-md-block{display:none!important;} .simple-setup .text-area{margin-left: 0px; padding-left: 42px;} .specialized-hardware{padding:105px 10px 105px 15px} .specialized-hardware .text-1 {color: #fff; margin-top: 0px; font-size: 23px; font-weight: 600; line-height: 40px; margin-left: 15px;} .specialized-hardware .text-2{margin-left:15px;} .specialized-hardware .text-2 .d-md-block{display:none!important;} .art-culture-industry .testimonial .head {margin-left: 12px;} .art-culture-industry .testimonial .description {margin-left: 12px; font-size: 25px;} .art-culture-industry .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .different-plans {width:700px;} .different-plans svg{width:100%; height:auto;} .different-plans .text{margin-left: 15px;} .different-plans .col-md-5 a{margin-left: 15px; margin-top:10px;} .different-plans .carousel-control-prev{left:510px;} .different-plans .carousel-control-next{left:530px;} .art-culture-industry .testimonial .testimonial-area {height: 350px; padding-bottom: 0px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area {padding: 10px 0px 50px 25px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area .d-md-block{display:none!important;} .retail-ecom-industry .page-top-section .section-inner-curve .image-area {padding: 5px 15px 18px 35px; text-align: center;} .retail-ecom-industry .page-top-section .section-inner-curve .sub-text .d-md-block{display:none!important;} .window-shoppers{padding:100px 30px 100px 30px;} .window-shoppers .head{font-size:25px;} .window-shoppers .head .d-md-block{display:none!important;} .window-shoppers .text .d-md-block{display:none!important;} .digital-era{margin-left:20px;} .digital-era-head{font-size:36px;} .digital-era .d-md-block{display:none!important;} .digital-era svg{width:100%; height:auto;} .digital-era-2 svg{width:100%; height:auto;} .digital-era-2 .d-md-block{display:none!important;} .digital-era-2 .text-area {margin-top: 20px; margin-left: 50px;} .retail-ecom-industry .testimonial .head {margin-left: 12px;} .retail-ecom-industry .testimonial .description {margin-left: 12px; font-size:25px;} .retail-ecom-industry .testimonial .testimonial-box:nth-child(1){margin-left: unset; margin-top: 195px;} .retail-ecom-industry .testimonial .testimonial-area {height: 300px;} .increase-sales .text{margin-left: 20px; margin-top:0px;} .increase-sales a{margin-left: 20px;} .increase-sales .head{font-size:36px;} .increase-sales svg{width:100%; height:auto;} .food-drink-page .page-top-section .section-inner-curve .content-area {padding: 10px 0px 50px 25px;} .food-drink-page .page-top-section .section-inner-curve .content-area .text {font-size: 24px; margin-bottom: 25px; line-height: 35px;} .page-top-section .section-inner-curve .content-area .sub-text{line-height:28px;} .food-drink-page .page-top-section .section-inner-curve .image-area{padding:5px 15px 18px 35px} .f-d-page-head .text{left: 24px; font-size: 31px; top: unset; margin-top: 35px;} .food-drink-page .hm-right-image-panel .section-heading{left:24px; top: 145px; font-size: 18px;} .food-drink-page .hm-right-image-panel .sub-text{margin-left: 24px; margin-top: 227px;} .food-drink-page .hm-right-image-panel .carousel-item a{margin-left: 24px;} .food-drink-page .hm-right-image-panel .carousel-control-prev{left:60px; top:470px;} .food-drink-page .hm-right-image-panel .carousel-control-next{left:90px; top:470px;} .food-drink-page .hm-right-image-panel .image-area {padding: 205px 10px 70px 81px;} .food-drink-page .hm-left-image-panel .section-heading{left: 462px; line-height: 26px; top: 185px;} .food-drink-page .hm-left-image-panel .section-heading .d-md-block{display:none!important;} .food-drink-page .hm-left-image-panel .sub-text{margin-left: 15px; margin-top: 307px;} .food-drink-page .hm-left-image-panel .carousel-item a{margin-left: 15px;} .food-drink-page .hm-left-image-panel .carousel-control-prev{left:457px; top: 510px;} .food-drink-page .hm-left-image-panel .carousel-control-next{left:477px; top: 510px;} .food-drink-page .second-right .section-heading{top: 115px;} .food-drink-page .hm-left-image-panel .image-area {padding: 175px 41px 80px 10px} .food-drink-page .hm-left-image-panel .carousel-indicators{width:166px; bottom: 35px;} .food-drink-page .specialized-hardware .text-area{padding:45px 35px} .food-drink-page .specialized-hardware .text-area .head{font-size:33px;} .food-drink-page .specialized-hardware .text-area .text .d-md-block{display:none!important;} .food-drink-page .management-software{font-size:30px;} .food-drink-page .management-software span{font-size:17px;} .food-drink-page .hm-step-animation{width: 700px;} .food-drink-page .hm-step-animation .step-box-area{width: 220px} .food-drink-page .hm-step-animation .step-box-area .step-box{width:215px} .food-drink-page .hm-step-animation .step-box-area .text .d-md-block{display:none!important;} .food-drink-page .specialized-hardware{padding: 0px 15px 0px 15px;} .f-d-manage-inventory svg{width:100%; height:auto;} .f-d-manage-inventory .section-heading{margin-left: 20px;} .f-d-manage-inventory .text{margin-left: 20px;} .f-d-manage-inventory .carousel-item a{margin-left: 20px;} .f-d-manage-inventory .carousel-control-prev{left: 40px;} .f-d-manage-inventory .carousel-control-next{left: 60px;} .f-d-manage-inventory .carousel-indicators{right: -25px;} .f-d-employee-management svg{width:100%; height:auto;} .f-d-employee-management .section-heading{margin-left: 408px;} .f-d-employee-management .text{margin-left: 25px;} .f-d-employee-management .carousel-item a{margin-left: 25px;} .f-d-employee-management .carousel-control-prev{margin-left: 408px;} .f-d-employee-management .carousel-control-next{margin-left: 428px;} .f-d-employee-management .carousel-indicators{left:50px;} .f-d-designed-to-grow .section-heading{left:30px;} .f-d-designed-to-grow .text{margin-left: 10px; margin-top: 130px; margin-right: 15px;} .f-d-designed-to-grow .text .d-md-block{display:none!important;} .f-d-designed-to-grow{padding:100px 20px 100px 30px} .f-d-designed-to-grow svg{width:100%; height:auto;} .f-d-designed-to-grow .section-heading{left:40px; font-size: 25px; line-height: normal;} .f-d-designed-to-grow .carousel-control-prev{left:10px; top: 270px;} .f-d-designed-to-grow .carousel-control-next{left:40px; top: 270px;} .increase-sales-head{font-size: 35px; padding:100px 35px 50px 35px} .f-d-increase-sales .section-heading{margin-left: 29px; font-size: 23px;} .f-d-increase-sales .text{margin-left:25px;} .f-d-increase-sales .text .d-md-block{display:none!important;} .f-d-increase-sales .carousel-item a{margin-left:25px;} .f-d-increase-sales .carousel-control-prev{margin-left: 0px; left: 28px;} .f-d-increase-sales .carousel-control-next{margin-left: 0px; left: 48px;} .f-d-increase-sales .carousel-indicators{right: 75px;} .f-d-loyalty-rewards svg{width:100%; height:auto;} .f-d-loyalty-rewards .image-area{width:100%;} .f-d-loyalty-rewards .text{margin-left:10px; line-height:normal;} .f-d-loyalty-rewards .text .d-md-block{display:none!important;} .f-d-loyalty-rewards .carousel-item a{margin-left:10px;} .f-d-loyalty-rewards .section-heading{margin-left: 458px; font-size: 23px; line-height: 24px;} .f-d-loyalty-rewards .section-heading .d-md-block{display:none!important;} .f-d-loyalty-rewards .carousel-indicators{left:110px;} .f-d-loyalty-rewards .carousel-control-prev{left: 465px; top: 350px;} .f-d-loyalty-rewards .carousel-control-next{left: 485px; top: 350px;} .f-d-increase-sales svg{width:100%; height:auto;} .f-d-review-booster{width:360px;} .f-d-review-booster svg{width:100%; height:auto;} .f-d-review-booster .left-msg .icon svg{width:auto; height:auto;} .f-d-review-booster .left-msg {position: absolute; left: -187px; bottom: 25px; text-align: right; font-weight: 500; font-size: 14px; width: 173px;} .f-d-review-booster .left-msg .d-md-block{display:none!important;} .f-d-review-booster .right-msg{right: -142px; width: 173px;} .f-d-review-booster .right-msg .d-md-block{display:none!important;} .f-d-gift-card{padding: 95px 25px;} .f-d-gift-card .head{font-size:28px;} .f-d-gift-card .head .d-md-block{display:none!important;} .f-d-gift-card .sub-text .d-md-block{display:none!important;} .f-d-gift-card .sub-text-2 .d-md-block{display:none!important;} .food-drink-page .testimonial .head {margin-left: 12px;} .food-drink-page .testimonial .description {margin-left: 12px; font-size:25px;} .food-drink-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .food-drink-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} /* ---------------------- industry Page ------------------------*/ /* ---------------------- ai Page ------------------------*/ .ai-page .page-top-section .section-inner-curve .content-area{padding: 20px 0px 50px 18px;} .ai-page .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .ai-page .page-top-section .section-inner-curve .image-area {padding: 35px 5px 38px 15px;} .ai-page .left-image-panel{margin-top:0px;} .ai-page .left-image-panel .image-area{padding:140px 20px 70px 20px;} .ai-page .left-image-panel .head{margin-top: 150px;} .ai-page .left-image-panel li .d-md-block{display:none!important;} .ai-page .right-image-panel .image-area{padding:180px 80px 75px 90px} .ai-page .right-image-panel .head{margin-left:69px; margin-top: 75px;} .ai-page .right-image-panel ul{margin-left:69px; font-size:15px; white-space: normal;} .ai-page .right-image-panel li .d-md-block{display:none!important;} .ai-in-action-img{width:100%; display:table; padding:0px 30px;} .ai-in-action-img svg{width:100%; height:auto;} .how-it-work{width:700px;} .ai-animation-area{width:700px;} .ai-animation-area .pos-screen{width:315px;} .ai-animation-area .ai-screen {position: absolute; width: 236px; left: 40px; top: 24px;} .ai-animation-area ul{margin-bottom: 25px; margin-top: 25px;} .ai-animation-area .ai-text{font-size: 13px;} /* ---------------------- ai Page ------------------------*/ /* ---------------------- Pricing Page ------------------------*/ .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area{font-size: 40px; line-height: 50px;} .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area-2{font-size:21px;} .pricing-page-top-section .pricing-page-top-section-color{padding: 50px 0px;} .pricing-box .head{font-size:25px;} .pricing-box li{font-size:14px;} .pricing-box .sub-text{font-size:11px;} .pricing-box{padding: 25px 15px;} .pricing-box .pricing-tab{margin-top: 20px;} .pricing-box .duration-tab{width:100%;} .pricing-box .duration-tab .inner-tab{font-size:11px;} .pricing-box .duration-tab .active:before{left: 5px; top: 15px;} .pricing-box .duration-tab .active{padding-left: 20px;} .pricing-box .price_view_deom{width: 100%; margin-left: 0px; padding: 18px;} /*.pricing-area .pricing-panel .col-md-3:first-child{max-width: 240px!important;} .pricing-area .pricing-panel .col-md-3{max-width: 155px!important; font-size:15px;}*/ .pricing-area .pricing-panel .col-md-3{font-size:15px; max-width: 33%!important; flex: 33%!important; border:0px;} .pricing-area .pricing-panel .col-md-3 .d-md-block{display:none!important;} .pricing-area .pricing-panel .col-md-3:first-child{max-width: 100%!important; flex: 100%!important; border:0px;} .pricing-area .pricing-panel .sub-text{font-size:14px;} .pricing-area .pricing-panel .sub-text span{font-size:11px;} .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 490px!important;} .pricing-area .pricing-panel-3 .col-md-4{max-width: 297px!important;} .pricing-area .pricing-panel .head .col-md-3{font-size: 18px; padding:15px 7px; border:0px;} .pricing-area .pricing-panel-2 .col-md-3{font-size: 22px; padding: 20px 10px;} .pricing-area .pricing-panel-2 .col-md-6{padding: 20px 10px;} .pricing-area .pricing-panel-2 .button{font-size: 12px;} .pricing-area .pricing-panel-3 .col-md-4:first-child {max-width: 325px!important;} .pricing-area .pricing-panel-3 .col-md-4 {max-width: 191px!important;} .pricing-area .pricing-panel-3 .head .col-md-4:last-child{font-size:20px;} .pricing-area .pricing-panel-3 .head .text-1{font-size:20px;} .pricing-area .pricing-panel-3 .col-md-4{font-size:14px;} .pricing-box ul{width:100%;} .pricing-screen{width:370px; height:auto;} .pricing-location .text-1{font-size: 1.5rem;} .pricing-location .common-button{margin-left:10px;} .pricing-faq{padding:40px 40px 100px 40px} .pricing-location {padding: 70px 10px;} .app-faqs-wrapper .card .card-header button{white-space:normal; padding:8px 20px 20px 8px} /* ---------------------- Pricing Page ------------------------*/ /* ---------------------- Integration Page ------------------------*/ .integrations-page .page-top-section{background-position:left -150px;} .integrations-page .page-top-section .section-inner-curve .content-area{padding:21px 0px 50px 68px} .integrations-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 15px; line-height: normal;} .integrations-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 47px;} .integrations-page .page-top-section .section-inner-curve .content-area .button{bottom: -15px;} .integrations-page .int-partner-heading{width: 96%; margin-left: 10px;} .integrations-page .management-software{font-size: 40px; padding: 87px 30px 20px 30px;} .integrations-page .management-software span{font-size: 19px;} .integrations-page .management-software span .d-md-block{display:none!important;} .integration-square-top-panel{padding: 70px 20px 70px 20px;} .square-overview{max-width: 700px; margin-top: 70px;} .square-overview svg{width:100%; height:auto;} .square-overview .head{margin-left: 15px;} .square-overview .text{line-height: 28px; margin-left: 15px;} .square-overview a{margin-left: 15px;} .square-overview .text .d-md-block{display:none!important;} .second-overview .head{margin-left:0px; } .second-overview .text{margin-left:0px; margin-right: 15px;} .second-overview .a{margin-left:0px;} .fourth-overview .head{margin-left:0px;} .fourth-overview .text{margin-left:0px; margin-right: 15px;} .fourth-overview a{margin-left:0px;} .integration-inner-page .page-top-section{background-position:left -80px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .int-logo {margin-bottom: 15px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 10px; } .integration-inner-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 90px;} .integration-inner-page .page-top-section .section-inner-curve .content-area {padding: 31px 0px 0px 60px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .button{bottom: -10px; right: 25px;} .integration-inner-page .management-software{padding: 70px 0px 20px 0px; font-size: 25px; line-height: normal;} .integration-inner-page .left-image-panel{margin-top:0px;} .integration-overview{padding: 50px 30px} .integration-overview .head{margin-left: 0px; font-size: 25px;} .integration-overview .text{margin-left: 0px; font-weight: 400; font-size: 18px; margin-right: 10px; line-height: normal; margin-top:15px;} .integration-overview .text .d-md-block{display:none!important;} .integration-inner-page .left-image-panel .head{margin-left: 0px; font-size: 25px; margin-top: 105px;} .integration-inner-page .left-image-panel .sub-text{margin-left: 0px; font-size: 16px; line-height: 29px; font-weight: 400; line-height: normal; margin-right: 15px;} .integration-inner-page .left-image-panel .sub-text .d-md-block{display:none!important;} .integration-inner-page .left-image-panel .image-area {padding: 140px 60px 71px 10px} .gorw-sell-manage-save{margin-top: 120px;} .gorw-sell-manage-save .text{font-size:15px;} .gorw-sell-manage-save .text .d-md-block{display:none!important;} .hm-integrable-software{margin-top: 90px;} .quickbook-page .left-image-panel .head{margin-top:55px;} .zettle-page .integration-overview .head{margin-left: 0px;} .zettle-page .integration-overview .text{margin-left: 0px; line-height: 33px; font-size: 17px;} .zettle-page .second-overview svg{width:100%; height:auto;} .zettle-page .second-overview .text{margin-right: 0px; font-size: 17px;} .zettle-page .modernize-pos{font-size:25px;} .integration-inner-page .int-pricing-area{width: 375px; top: 40px; padding: 15px 10px; font-size: 13px;} .square-page-top-panel .integration-logo{margin-top: 30px; margin-left: 30px;} .square-page-top-panel .page-title{margin-left: 30px; font-size: 33px; margin-top:15px;} .square-page-top-panel .text{margin-left: 30px; margin-top: 15px; margin-bottom: 90px; margin-right: 15px; line-height:normal;} .square-page-top-panel .text .d-md-block{display:none!important;} .square-page-top-panel .button{bottom: 25px; right: 38px;} .square-page-top-panel .pricing{top: 55px;} .square-by-pos .integration-overview {padding: 50px 30px;} .square-by-here .integration-overview svg{width:100%; height:auto;} .square-by-orderup .integration-overview{padding: 50px 30px;} .square-by-welcome .left-image-panel .head{margin-top:0px;} .square-by-orderup .page-top-section{background-position:left -103px;} .square-by-orderup .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 120px;} .square-by-here .page-top-section{background-position:left -103px;} .square-by-here .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 120px;} .square-by-pos .page-top-section{background-position:left -113px;} .square-by-pos .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 120px;} .square-by-welcome .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 120px;} /* ---------------------- Integration Page ------------------------*/ /*---------------------- Footer ---------------------------*/ .non-login-footer-2021{padding:30px 15px 20px 15px} .non-login-footer-2021 .footer-first-section .link-box:first-child .f-heading{margin-left:15px;} .non-login-footer-2021 .footer-first-section .link-box:first-child a{margin-left:15px;} .non-login-footer-2021 .footer-first-section .link-box a{width:100%!important; display:table;} .non-login-footer-2021 .footer-first-section a{width:30%; display:inline-block} .non-login-footer-2021 .footer-first-section a:nth-child(2){width:34%;} .non-login-footer-2021 .button-connect {display: table; padding: 20px 15px;} /*---------------------- Footer ---------------------------*/ /*---------App Page-----------*/ .apps-page .sort-by-area{padding: 10px 30px;} .apps-page .view{padding: 10px 30px;} .apps-page .page-heading{padding: 0px 30px;} .apps-page .apps-area{padding: 0px 30px;} .apps-page .apps-area .box{width:50%;} .apps-page .apps-area .box .app-screens{width:130px;} .apps-page .apps-area .box .app-screens svg{width:100%;} .apps-page .apps-area .box .app-description-area{width: 209px;} /*---------App Page-----------*/ .download-whitepaper-page .download-whitepaper-wrapper{padding-top: 50px; padding-bottom: 50px;} .download-whitepaper-page .text-area {padding: 110px 30px;} .download-whitepaper-page .text-area .text-1{font-size:20px;} .download-whitepaper-page .text-area .text-2{font-size:30px;} .download-whitepaper-page .text-area .text-3{font-size:20px;} /*---------zettle new page-----------*/ .zettle-top-panel{background-size: contain; padding-top: 90px; height:500px;} .zettle-top-panel .tab{width: 330px; height:auto;} .zettle-top-panel .device{right: 10px; top: 10px; width: 180px; height: auto;} .zettle-top-panel .head{font-size: 35px; margin-left: 30px; width: 360px; line-height: 50px;} .zettle-top-panel .sub-head{width: 320px; margin-left: 30px; font-size: 16px;} .zettle-top-panel .action-area{margin-left: 20px;} .zettle-top-panel .action-area a{padding: 10px 25px;} .zettle-second-panel .head{font-size:27px;} .zettle-third-panel .text{font-size:22px;} .yellow-dog .zettle-third-panel .text-2{font-size:16px;} .middle-action .head{font-size:27px;} .zettle-pointers{padding: 0px 20px;} .zettle-pointers .head{margin-top: 20px;} .zettle-pointers .head .icon{width:38px; height:38px;} .zettle-pointers .head .icon svg{width:100%; height:auto;} .zettle-pointers .head .text{font-size: 22px;} .zettle-pointers .sub-head{font-size: 15px; line-height: 25px;} .zettle-pointers .point{font-size: 14px;} .zettle-pointers .img-area{width: 160px; height: 160px; background-size: cover; margin-top:50px;} .zettle-pointers .img-area .pos-img{width:195px; height:auto; top: 4px; left: -63px;} .zettle-pointers .img-area .pos-img svg{width:100%; height:auto;} .zettle-pointers .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-qr-code .img-area{margin-top: 35px;} .zettle-qr-code .img-area .qr-code-img{width: 160px; height: auto; position: absolute; left: -10px; top: -20px;} .zettle-pointers .img-area .qr-code-img svg{width:100%; height:auto;} .zettle-qr-code .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-self-order .img-area{margin-top: 50px;} .zettle-self-order .img-area .self-order-img{width: 195px; height: auto; position: absolute; left: -60px; top: 3px;} .zettle-self-order .img-area .self-order-img svg{width:100%; height:auto;} .zettle-self-order .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-ecom .img-area{margin-top: 50px;} .zettle-ecom .img-area .ecom-img {width: 192px; height: auto; position: absolute; left: 0px; top: 20px;} .zettle-ecom .img-area .ecom-img svg{width:100%; height:auto;} .zettle-ecom .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-digital-menu .img-area{margin-top: 50px;} .zettle-digital-menu .img-area .digital-menu-img {width: 177px; height: auto; position: absolute; left: -30px; top: 10px;} .zettle-digital-menu .img-area .digital-menu-img svg{width:100%; height:auto;} .zettle-digital-menu .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-wnr .img-area{margin-top: 50px;} .zettle-wnr .img-area .wnr-code-img {width: 168px; height: auto; position: absolute; left: 10px; top: 12px;} .zettle-wnr .img-area .wnr-code-img svg{width:100%; height:auto;} .zettle-wnr .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-multi-location .img-area{margin-top: 50px;} .zettle-multi-location .img-area .multi-location-img{width: 203px; height: auto; position: absolute; left: -15px; top: 0px;} .zettle-multi-location .img-area .multi-location-img svg{width:100%; height:auto;} .zettle-multi-location .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-quickbook .img-area{margin-top: 50px;} .zettle-quickbook .img-area .self-quickbook-img {width: 279px; height: auto; position: absolute; left: -50px; top: 17px;} .zettle-quickbook .img-area .self-quickbook-img svg{width:100%; height:auto;} .zettle-quickbook .col-md-8 {padding-left: 50px!important; padding-right: 60px!important;} .zettle-recipe-based .img-area{margin-top: 50px;} .zettle-recipe-based .img-area .recipe-based-img {width: 193px; height: auto; position: absolute; left: -15px; top: 0px;} .zettle-recipe-based .img-area .recipe-based-img svg{width:100%; height:auto;} .zettle-recipe-based .col-md-8 {padding-left: 20px!important; padding-right: 20px!important;} .zettle-boost-revenue{margin-top: 50px; margin-bottom: 100px; padding:0px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .zettle-boost-revenue .img-area .boost-revenue-img{width:100%; height:auto;} .zettle-boost-revenue .img-area .boost-revenue-img svg{width:100%; height:auto;} .zettle-boost-revenue .head{width:100%; margin-top: 55px;} .zettle-boost-revenue .sub-head{width:100%;} .zettle-boost-revenue a{margin-left: 1px;} .zettle-features{padding: 40px 20px;} .zettle-features .text{font-size:27px;} .zettle-features .f-text{font-size:13px; line-height:20px;} .zettle-features .f-text span{font-size: 15px; margin-bottom: 3px;} .and-many-more{padding: 40px 20px;} .and-many-more .more-feature-text{font-size:13px; line-height: 20px;} .and-many-more .more-feature-text span{font-size: 15px; margin-bottom: 3px; line-height: 22px;} .and-many-more .more-feature-text-2{font-size: 11px; padding-left: 23px;} .make-the-switch {padding: 20px;} .make-the-switch .inner-box .inner-content {padding: 20px;} .make-the-switch .inner-box .inner-content .text{font-size:26px;} .make-the-switch .inner-box .inner-content .text-2{font-size:26px;} .make-the-switch .inner-box .inner-content .text-3{ width: 100%; font-size: 15px; line-height: 20px; margin-top: 5px;} .make-the-switch .inner-box svg{width:100%; height:auto;} .faq-area .head{font-size: 22px;} .faq-area .sub-head{font-size: 15px; line-height: 22px;} .faq-area {padding: 50px 10px;} .faq-area .question{font-size: 14px; line-height: 21px;} .faq-area .answer{font-size: 14px; line-height: 21px;} /*---------zettle new page-----------*/ .yellow-dog .header-wrapper-2021 .header-2021 svg path {fill: #000!important;} .yellow-dog .zettle-top-panel {height: 375px; padding-top: 20px; background-position: left bottom;} .yellow-dog .zettle-top-panel .head{margin-left:30px; width:310px;} .yellow-dog .zettle-top-panel .sub-head{margin-left:30px; width:316px;} .yellow-dog .zettle-top-panel .action-area{margin-left:30px;} .yellow-dog .zettle-top-panel .about-yellow-btn {margin-left: 48px !important;} .yellow-dog .zettle-third-panel{padding-top:0px;} .yellow-dog .image-area {width: 100%; height: auto;} .yellow-dog .zettle-boost-revenue{padding-left:30px;} .yellow-dog .oneway-sync{padding-right:30px; padding-left:0px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue svg{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue .head{width:100%;} .yellow-dog .zettle-boost-revenue .sub-head{width:100%;} .yellow-dog .zettle-boost-revenue ul{margin-left:0px;} .yellow-dog .zettle-boost-revenue li{font-size:14px;} /* ---------------------- New art-cutlure Page ------------------------*/ .art-culture-industry .page-top-section .section-inner-curve{padding-top: 22px;} .art-culture-industry .page-top-section .section-inner-curve .image-area {padding: 15px 10px 150px 10px;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 30px 0px 40px 20px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text{font-size: 44px; line-height: 50px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .sub-text{font-size: 14px; line-height: 20px;} .art-culture-industry .trusted-by .head{font-size:25px;} .art-culture-industry .trusted-by .sub-head{font-size:16px;} .art-culture-industry .trusted-by .trusted-logos .logo{width:16%; text-align:Center; margin:10px;} .art-culture-industry .trusted-by .trusted-logos .logo img{width:auto; height:auto;} .art-culture-industry .trusted-by{padding: 0px 10px 40px 10px;} .art-culture-industry .built-art-culture{padding: 40px 10px;} .art-culture-industry .built-art-culture li{width:50%;} .art-culture-industry .built-art-culture li .text{margin-bottom: 50px; line-height: 21px;} .art-culture-industry .ac-manage-dozens{padding: 40px 10px;} .art-culture-industry .ac-manage-dozens .head{font-size:25px;} .art-culture-industry .ac-manage-dozens .sub-head{font-size:16px;} .art-culture-industry .zettle-third-panel .text{font-size:25px;} .art-culture-industry .zettle-third-panel .text-2{font-size:16px;} .art-culture-industry .built-art-culture .head{font-size: 25px;} .art-culture-industry .built-art-culture .sub-head{font-size:16px;} .art-culture-industry .zettle-boost-revenue{padding-left:20px;} .art-culture-industry .zettle-boost-revenue .head{width:100%;} .art-culture-industry .zettle-boost-revenue ul{margin-left:0px;} .art-culture-industry .specialized-hardware {padding: 40px 10px 40px 10px;} .art-culture-industry .specialized-hardware .text-2{margin-left: 10px; font-size: 14px; line-height: 25px;} .art-culture-industry .testimonial .testimonail-inner-curve{padding-bottom:0px;} .art-culture-industry .testimonial .testimonial-box:nth-child(1){margin-top: 135px; margin-left: 0px;} .art-culture-industry .testimonial .testimonial-box:nth-child(2) {margin-top: 5px;} .art-culture-industry .testimonial .head{margin-top: 125px;} /* ---------------------- New art-cutlure Page ------------------------*/ /*------------ Spektrix Page ------------*/ .spektrix-page .header-wrapper-blank-2021 {height: 131px;} .spektrix-page .page-top-section {background-position: left 0px;} .spektrix-page .page-top-section .section-inner-curve .content-area {padding: 31px 0px 80px 60px;} .spektrix-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 20px;} .spektrix-page .section-one{margin-top:0px;} .spektrix-page .section-one .text-1{margin-left:0px; padding-left:30px; width:100%; font-size: 35px; line-height: 40px; margin-top: 40px;} .spektrix-page .section-one .text-2{margin-left:0px; padding-left:30px; width:100%; font-size: 17px;} .spektrix-page .section-one .action {margin-top: 30px;} .spektrix-page .section-one .action a{width:150px;} .spektrix-page .section-one .action a:first-child{margin-left:30px;} .spektrix-page .built-art-culture{padding:20px;} .spektrix-page .built-art-culture .head{font-size:22px;} .spektrix-page .built-art-culture .sub-head{font-size:16px;} .spektrix-page .built-art-culture li{width:49%;} .spektrix-page .section-overview{padding:20px} .spektrix-page .section-overview .head{font-size:22px; margin-bottom: 12px;} .spektrix-page .section-overview .text{font-size:16px;} .spektrix-page .section-overview .text br{display:none!important;} .spektrix-page .section-overview svg{width:100%; height:auto;} .spektrix-page .key-features{padding:20px; width:100%!important; display:table;} .spektrix-page .key-features .logo-icon{margin-top:30px;} .spektrix-page .key-features .head{font-size:22px;} .spektrix-page .key-features .sub-head{font-size:16px;} .spektrix-page .key-features .pointer .text{font-size:15px; line-height: 21px;} .spektrix-page .key-features .pointer .text span{font-size:17px;} .spektrix-page .built-art-culture .head{font-size:22px;} .spektrix-page .built-art-culture .sub-head{font-size:22px;} .spektrix-page .built-art-culture li{padding:0px 10px;} .spektrix-page .spektrix-diff-way li .text-1{font-size:15px;} /*------------ Spektrix Page ------------*/ /*---Cookise---*/ .cookies-setting-bottom-bar{width: 96%; margin-left: -48%; grid-template-columns:61% 18% 18%; gap: 10px;} .cookies-txt {line-height: 17px; font-size: 12px;} .cookies-setting-bottom-bar a{font-size: 12px; padding:5px} /*---Cookise---*/ } @media screen and (min-width: 540px) and (max-width: 767px) { /*----------------------- Header 2021 -----------------------*/ .header-wrapper-2021 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-blank-2021 {height: 130px;} .header-wrapper-2021{background:#fff;} .header-wrapper-2021 .top-band{padding: 0.88rem 5rem;} .header-wrapper-2021 .header-2021 .navbar-toggler{display:none;} .header-wrapper-2021 .header-2021 .m-nav-area{display: block; right: 0px; position: absolute;} .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-bar-close-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-area{right: 0px; top: 130px; background: #fff; z-index: 100; width: 350px; position:fixed; height:100%; overflow:auto; margin-right:-800px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a{font-family: 'Jost', sans-serif; width: 100%; display: table; padding: 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a:last-child{margin-bottom: 110px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop{font-family: 'Jost', sans-serif; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .header-wrapper-2021 .header-2021 .nav-area .industry-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2{font-family: 'Jost', sans-serif; background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .industry-drop-area{padding: 0px 10px; background: #e8e8e8;} .header-wrapper-2021 .header-2021 .industry-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .industry-drop-area a{font-family: 'Jost', sans-serif; padding: 10px 35px 10px 35px; font-size: 14px; font-weight: 500;} .header-wrapper-2021 .header-2021 .nav-area .products-drop{cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2{background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .products-drop-area{background: #e8e8e8;} .header-wrapper-2021 .header-2021 .products-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m a{padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m span{display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .bg-grey{background:#e8e8e8} .header-wrapper-2021 .header-2021 .navbar{padding:0px 15px 0px 15px} .scroll-off{overflow:hidden; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .hd-bg{z-index:-1; background:rgba(0,0,0,0.3); position:fixed; top:0px; right:0px; bottom:0px; left:0px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .open-nav{margin-right:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} /*---------------- Header 2021 -----------------------*/ /*----------------------- Footer 2021 -----------------------*/ .footer{padding: 40px 0px 50px 0px;} .footer .phone{margin-top:20px;} .footer .connect a{font-size:15px;} .footer .f-quick-link{width:100%; float:unset; margin-top:40px;} .footer .f-quick-link .head{margin-bottom:20px;} .footer .f-help-center{width:100%; float:unset; margin-top:40px;} .footer .f-help-center .head{margin-bottom:20px;} .footer .app-links{width:100%; float:unset; margin-top:40px;} .footer .app-links .head{margin-bottom:20px;} .footer .copyright-bottom .copyright{text-align:center!important;} .footer .app-links .app-urls a{width: 46%; margin-right: 13px;} .footer .app-links .app-urls a .tooltiptext{position: relative; visibility: visible; display: table; bottom: unset; left: unset; margin-left: unset; background: transparent; width: 100%; padding: 5px 0px; font-size: 9px;} .footer .app-links .app-urls a .tooltiptext:before{display:none;} /*----------------------- Footer 2021 -----------------------*/ /* ---------------------- Home Page ------------------------*/ .home-page .page-top-section .section-inner-curve .content-area {padding: 0px 30px 30px 30px;} .home-page .page-top-section .section-inner-curve{background-position:left 257px; background-size: auto; padding-top:32px;} .home-page .page-top-section .section-inner-curve .image-area{padding:15px 15px 18px 15px} .home-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 10px; line-height:50px; font-size: 38px;} .home-page .page-top-section .section-inner-curve .content-area .button{margin-top: 20px; padding:15px 30px} .hm-step-animation .step-box-area a{font-size:18px;} .hm-step-animation .step-box-area:first-child .step-top:after{width:25px;} .hm-step-animation .step-4 .step-top:after{width:25px;} .home-page .management-software{padding:40px 75px 20px 75px} .hm-step-animation{width:100%; margin:0 auto;} .hm-step-animation .step-box-area{width:186px;} .hm-step-animation .step-4 {width: 170px!important;} .hm-step-animation .step-box-area .head{font-size: 16px;} .hm-step-animation .step-box-area .text{font-size: 16px; font-weight: 400; line-height:25px; height:125px;} .hm-step-animation .step-box-area .step-box{width: 165px;} .hm-step-animation .step-4{width: 300pximportant; } .hm-step-animation .step-crausel .step-box-area{width: 80%; margin: 0 auto; float: unset;} .hm-step-animation .step-crausel .step-box-area .step-box{width: 300px; margin: 35px auto;} .hm-step-animation .carousel-control-prev{color:#5255A4; font-size: 40px; opacity: 1; width: 30px;} .hm-step-animation .carousel-control-next{color:#5255A4; font-size: 40px; opacity: 1; width: 30px;} .hm-step-animation .step-box-area:first-child .step-top:after{display:none;} .hm-step-animation .step-4 .step-top:after{display:none;} .hm-schedule-consultant{margin-top: 70px; font-size: 25px; padding: 10px;} .hm-left-image-panel{background-position: -10px 60px; padding-bottom: 25px; background-size: contain; margin-top: 100px; } .hm-left-image-panel .image-area{padding: 87px 20px 40px 20px; height: 527px;} .hm-left-image-panel .image-area svg{width:100%; height:auto;} .hm-left-image-panel .section-heading{left: 0px; font-size: 25px; top: 0px; position: relative; margin-bottom: 25px; padding-left:30px;} .hm-left-image-panel .carousel-indicators{width: 100%; bottom: -64px; left:unset; right:50px;} .hm-left-image-panel .head{margin-left: 0px; margin-top: 0px; padding: 0px 30px; font-size:22px; line-height: 30px;} .hm-left-image-panel .sub-text{margin-left: 0px; padding: 0px 30px; font-size:18px;} .hm-left-image-panel .sub-text-2{margin-left: 0px; padding: 0px 30px;} .hm-left-image-panel .sub-text .d-md-block{display:none!important} .hm-left-image-panel .carousel-control-prev{left: 430px; top: 550px; display:none} .hm-left-image-panel .carousel-control-next{left: 450px; top: 550px; display:none} .hm-left-image-panel .carousel-item a{margin-left: 30px; margin-top: 20px;} .hm-left-image-panel .carousel-indicators li{background:#e1e1e1;} .hm-left-image-panel .is-qrcode{padding:57px 40px 40px 60px;} .hm-left-image-panel .is-branded{padding:57px 40px 40px 60px;} .hm-left-image-panel .is-review{padding:57px 40px 40px 60px;} .hm-left-image-panel .is-food{padding:57px 40px 40px 60px;} .hm-left-image-panel .col-md-5{height:510px;} .hm-left-image-panel .is-sms-marketing{padding:157px 20px 40px 20px} .hm-left-image-panel .is-recurring{padding:157px 20px 40px 20px} .hm-left-image-panel .is-quote-invoice{padding:77px 60px 40px 70px} .hm-left-image-panel .is-quote-invoice{padding:77px 60px 40px 70px} .second-left .col-md-5 {height: 390px;} .hm-right-image-panel{background-position: 10px 40px; padding-bottom: 25px; background-size: contain; margin-top: 100px;} .hm-right-image-panel .image-area {padding: 87px 20px 40px 20px; height: 527px;} .hm-right-image-panel .image-area svg{width:100%; height:auto;} .hm-right-image-panel .col-md-5{height:400px;} .hm-right-image-panel .section-heading{left: 0px; font-size: 25px; top: 0px; position: relative; margin-bottom: 25px; padding-left:30px} .hm-right-image-panel .head{margin-left: 0px; margin-top: 0px; padding: 0px 30px; font-size:22px; line-height: 30px;} .hm-right-image-panel .sub-text-2{margin-left: 0px; margin-top: 0px; padding: 0px 30px; } .hm-right-image-panel .sub-text{margin-left: 0px; padding: 0px 30px; font-size:18px;} .hm-right-image-panel .sub-text .d-md-block{display:none!important} .hm-right-image-panel .carousel-item a{margin-left: 30px; margin-top:20px;} .hm-right-image-panel .carousel-control-prev{margin-left:-84px;display:none} .hm-right-image-panel .carousel-control-next{margin-left:-75px;display:none} .hm-right-image-panel .carousel-indicators{width: 100%; bottom: -64px; right:30px;} .hm-right-image-panel .carousel-indicators li{background:#e1e1e1;} .hm-right-image-panel .is-branded{padding:57px 40px 40px 60px;} .hm-right-image-panel .is-review{padding:57px 40px 40px 60px;} .hm-right-image-panel .is-food{padding:57px 70px 40px 60px;} .hm-right-image-panel .is-qrcode{padding:77px 60px 40px 70px} .hm-right-image-panel .is-quote-invoice{padding:77px 60px 40px 70px} .hm-right-image-panel .hm-carousel-item-1 .sub-text{margin-top: 0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text{margin-top: 0px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text-2{margin-bottom: 90px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top: 0px; margin-bottom:0px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text-2{margin-top: 0px; margin-bottom:145px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text{margin-bottom:0px} .hm-right-image-panel .hm-carousel-item-4 svg{width:auto; height:auto;} .hm-right-image-panel .hm-carousel-item-4 .sub-text-2{margin-bottom:124px;} .hm-right-image-panel .hm-carousel-item-5 .sub-text{margin-top: 0px; margin-bottom:100px} .hm-right-image-panel .hm-carousel-item-5 svg{width:auto; height:auto;} .hm-right-image-panel .hm-carousel-item-6 .sub-text {margin-top: 0px; margin-bottom:50px} .hm-right-image-panel .hm-carousel-item-6 svg{width:auto; height:auto;} .hm-right-image-panel .hm-carousel-item-7 .sub-text {margin-top: 0px; margin-bottom: 155px;} .hm-right-image-panel .hm-carousel-item-8 .sub-text {margin-top: 0px; margin-bottom: 60px;} .hm-right-image-panel .hm-carousel-item-9 .sub-text {margin-top: 0px; margin-bottom: 130px;} .hm-right-image-panel .hm-carousel-item-10 .sub-text {margin-top: 0px; margin-bottom: 100px;} .hm-right-image-panel .hm-carousel-item-11 .sub-text {margin-top: 0px; margin-bottom: 120px;} .hm-right-image-panel .hm-carousel-item-12 .sub-text {margin-top: 0px; margin-bottom: 90px;} .hm-right-image-panel .hm-carousel-item-13 .sub-text {margin-top: 0px; margin-bottom: 120px;} .hm-right-image-panel .hm-carousel-item-14 .sub-text {margin-top: 0px; margin-bottom: 0px;} .hm-right-image-panel .hm-carousel-item-14 svg{width:auto; height:auto;} .hm-right-image-panel .hm-carousel-item-15 .sub-text {margin-top: 0px; margin-bottom: 80px;} .hm-right-image-panel .hm-carousel-item-16 .sub-text {margin-top: 0px; margin-bottom: 75px;} .hm-right-image-panel .hm-carousel-item-17 .sub-text {margin-top: 0px; margin-bottom: 60px;} .hm-right-image-panel .hm-carousel-item-17 svg{width:auto; height:auto;} .hm-right-image-panel .hm-carousel-item-18 .sub-text {margin-top: 0px; margin-bottom: 70px;} .hm-left-image-panel .hm-carousel-item-11 .sub-text {margin-top: 0px; margin-bottom: 120px;} .hm-left-image-panel .hm-carousel-item-12 .sub-text {margin-top: 0px; margin-bottom: 90px;} .hm-left-image-panel .hm-carousel-item-13 .sub-text {margin-top: 0px; margin-bottom: 120px;} .hm-left-image-panel .hm-carousel-item-14 .sub-text {margin-top: 0px; margin-bottom: 0px;} .hm-left-image-panel .hm-carousel-item-14 svg{width:auto; height:auto;} .hm-left-image-panel .hm-carousel-item-15 .sub-text {margin-top: 0px; margin-bottom: 38px;} .hm-left-image-panel .hm-carousel-item-16 .sub-text {margin-top: 0px; margin-bottom: 90px;} .hm-left-image-panel .hm-carousel-item-17 .sub-text {margin-top: 0px; margin-bottom: 66px;} .hm-left-image-panel .hm-carousel-item-17 svg{width:auto; height:auto;} .hm-left-image-panel .hm-carousel-item-18 .sub-text {margin-top: 0px; margin-bottom: 78px;} .hm-left-image-panel .hm-carousel-item-18 .sub-text-2 {margin-top: 0px; margin-bottom: 78px;} .second-right .carousel-indicators {right: 60px;} .hm-integrable-software{margin-top: 80px;} .hm-integrable-software .head{font-size: 24px;} .hm-integrable-software .text {font-size: 17px; font-weight: 400; margin-top: 9px;} .hm-software-operate-scale{padding: 50px 20px 20px 20px; margin-top: 0px;} .hm-software-operate-scale-img{width:100%; height:auto; margin-top:30px;} .hm-software-operate-scale-img svg{width:100%; height:auto;} .hm-software-operate-scale-content{margin-left: 0px; margin-top:0px;} .hm-software-operate-scale-content .heading{font-size:23px;} .hm-software-operate-scale-content .pointers{margin-top: 10px; } .hm-software-operate-scale-content .pointers span{font-size:20px;} .hm-integrable-software-boxes{padding: 10px;} .hm-integrable-software-boxes .box{padding: 25px 15px;} .hm-integrable-software-boxes .box .text{height:auto; margin-bottom: 15px; font-size: 18px;} .hm-integrable-software-boxes .box .text .d-md-block{display:none!important} .hm-integrable-software-boxes .col-md-4 {padding: 10px!important;} .hm-support-center .img {margin-top: 25px; padding: 10px 19px;} .hm-support-center .heading{margin-left:45px;} .hm-support-center .sub-text{margin-left:45px;} .home-page .testimonial .head {margin-left: 0px;} .home-page .testimonial .description {margin-left: 0px; font-size:27px;} .home-page .testimonial .description .d-md-block{display:none!important} .home-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .home-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} .home-page .testimonial .testimonial-area {height: 478px;} .hm-support-center .head{font-size: 30px; left: 30px;} .home-page .action-button{margin-top:25px;} /* ---------------------- Home Page ------------------------*/ /* ---------------------- New Home Page 2024 ------------------------*/ .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar{padding:0px 25px 0px 25px} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-bar-custom {font-size: 22px; padding: 5px 25px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-blank-2021.header-wrapper-blank-2024 {height: 66px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-area{top: 66px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-bar-custom {font-size: 30px !important; padding: 5px 25px !important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .navbar {padding: 0px 10px 0px 10px;} .hm-revenue-center .header-wrapper-blank-2021 {height: 66px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 30px!important; padding: 5px 10px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-area{top: 67px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .m-nav-area{right: 15px;} .hm-revenue-center .header-wrapper-2021 .header-2021 .navbar{padding: 0px 20px 0px 20px;} .hm-revenue-center .top-section .content-area {margin-top: 20px;} .hm-revenue-center .top-section .content-area .sub-text{margin-top: 17px;} .hm-revenue-center .top-section{padding:20px;} .hm-revenue-center .top-section .content-area .text{font-size: 35px; line-height: 40px;} .hm-revenue-center .top-section .image-area{margin-top:40px;} .hm-revenue-center .top-section .image-area svg{width:100%; height:auto;} .hm-revenue-center .section-two{padding:20px;} .hm-revenue-center .section-two .item{padding: 10px;} .hm-revenue-center .section-two .box{padding: 15px;} .hm-revenue-center .section-two .box .head{font-size: 25px; margin-bottom: 20px; } .hm-revenue-center .section-two .box .head img{display: inline-block; width: auto;} .hm-revenue-center .section-three{padding:20px;} .hm-revenue-center .section-three .head{font-size: 29px; line-height: 35px;} .hm-revenue-center .section-three .sub-head{font-size: 20px;} .hm-revenue-center .section-three .item{padding: 10px;} .hm-revenue-center .section-three .box .title{position: relative; background: rgba(0, 0, 0, 0.7); border-radius: 0px; color: #fff; border-bottom: solid 1px #fff;} .hm-revenue-center .section-three .box img{border-radius: 15px 15px 0px 0px;} .hm-revenue-center .section-three .box .hover-div{position: relative; margin: 0px; border-radius: 0px 0px 15px 15px; height:185px; padding:5px;} .hm-revenue-center .section-three .box .hover-div .h-title{display:none;} .hm-revenue-center .section-three .box .hover-div ul{height: 100%; overflow: visible; margin: 0px;} .hm-revenue-center .section-three .box .hover-div li{font-size: 15px;} .hm-revenue-center .section-three .box:hover .hover-div{margin-top:100px!important;} .hm-revenue-center .section-four{padding:20px;} .hm-revenue-center .section-four .head{font-size: 29px; line-height: 35px;} .hm-revenue-center .section-four .container{padding: 0px;} .hm-revenue-center .section-four .nav{margin-top:0px;} .hm-revenue-center .section-four img{width:100%; height:auto;} .hm-revenue-center .section-four .text{text-align:center;} .hm-revenue-center .section-five{padding:20px;} .hm-revenue-center .section-five .head{font-size: 29px; line-height: 35px;} .hm-revenue-center .section-five .head br{display:none;} .hm-revenue-center .section-five .box{display: grid;} .hm-revenue-center .section-five .img{order:1} .hm-revenue-center .section-five .text{order:2; text-align:center; margin-top:15px;} .hm-revenue-center .section-six{padding: 20px;} .hm-revenue-center .section-six .head{font-size: 29px; padding-bottom: 35px; margin-bottom: 35px;} .hm-revenue-center .section-six .sub-head{font-size: 19px; font-weight:600; margin-top: 25px; margin-bottom: 25px;} .hm-revenue-center .section-six .sub-head span{font-weight: 400; font-size: 16px; line-height: 20px;} .hm-revenue-center .section-six .logo-head{font-size: 29px;margin-bottom: 10px;} .hm-revenue-center .section-six .owl-carousel .img{margin:0 auto;} .hm-revenue-center .section-seven{padding: 20px 40px;} .hm-revenue-center .section-seven .head{font-size: 29px; } .hm-revenue-center .section-seven .content .item{padding: 10px;} .hm-revenue-center .section-seven .content .box span{font-size: 60px; left: 18px;} .hm-revenue-center .section-seven .box{padding: 25px 25px 25px 70px;} .hm-revenue-center .section-seven .testimonal-area{margin: 80px auto; margin-bottom: 10px;} .hm-revenue-center .section-seven .testimonal-area .owl-carousel .item{padding: 10px;} .hm-revenue-center .section-seven .testimonal-area .box{padding: 20px;} .hm-revenue-center .section-seven .testimonal-area .text{height: 250px; font-size: 17px; line-height: 25px;} .hm-revenue-center .section-seven .testimonal-area:before{width: 120px; height: 98px; top: -40px; left:0px; background-size: cover;} .hm-revenue-center .section-seven .testimonal-area:after{width: 120px; height: 98px; background-size: cover; bottom: 26px; right: 0px;} .hm-revenue-center .section-seven .testimonal-area .owl-theme .owl-dots{margin-top: 35px;} .hm-revenue-center .section-seven .testimonal-area .detail .name{width: calc(100% - 85px); font-size: 14px; line-height: 20px; margin-top: 8px;} .hm-revenue-center .section-seven .cta{margin: 30px auto; margin-top: 30px;} .hm-revenue-center .section-eight .form-area .col-md-8{padding: 10px;} .hm-revenue-center .section-eight .form-area .head{width: 100%; font-size: 29px; line-height: 40px;} .hm-revenue-center .section-eight .form-area .sub-head{width: 100%; font-size: 20px; line-height: 25px;} .hm-revenue-center .section-eight .form-area .form{width: 100%;} .hm-revenue-center .section-eight .form-area .form input{width:100%;} .hm-revenue-center .section-eight .form-area .form button{width:100%; margin-top:15px;} .hm-revenue-center .section-eight .form-area{padding:10px;} .hm-revenue-center .section-eight{padding: 20px 40px;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024 .copyright .col-md-6:first-child{border:0px!important;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} .non-login-footer-2021.non-login-footer-2024 .copyright .col-md-6:first-child{border:0px!important;} .non-login-footer-2021.non-login-footer-2024 {padding: 20px;} .hm-revenue-center .section-nine{padding: 20px;} .hm-revenue-center .section-nine .head{font-size: 29px; padding-bottom: 35px; margin-bottom: 35px;} .hm-revenue-center .section-nine .sub-head{font-size: 16px; font-weight:400; margin-top: 5px; margin-bottom: 25px;} .hm-revenue-center .section-nine .logo-head{font-size: 29px;margin-bottom: 10px; padding: 0px 50px; line-height: 35px;} .hm-revenue-center .section-nine .owl-carousel .img{margin:0 auto;} /* ---------------------- New Home Page 2024 ------------------------*/ /* ---------------------- app Page ------------------------*/ .page-top-section .section-inner-curve{padding-top: 42px;} .page-top-section .section-inner-curve .content-area{padding: 0px 90px 30px 100px;} .page-top-section .section-inner-curve .content-area .text{font-size: 27px; margin-bottom: 10px;} .page-top-section .section-inner-curve .content-area .sub-text{font-size: 17px;} .page-top-section .section-inner-curve .content-area .button{padding: 15px 86px;} .page-top-section .section-inner-curve .image-area{padding: 35px 15px 68px 35px} .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .management-software{font-size: 24px; padding:70px 20px 20px 20px} .action-button a{width:230px;} .action-button a:last-child{margin-left: 25px;} .features{padding: 15px;} .features .icon{margin-top: 50px;} .features .head{margin-top: 18px;} .left-image-panel .image-area svg{width:100%; height:auto; background-size: contain;} .left-image-panel .image-area{padding: 100px 30px 53px 30px; background-position:-90px top; background-size: contain;} .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 65px;} .left-image-panel ul .d-md-block{display:none!important;} .left-image-panel a{margin-left: 40px;} .right-image-panel .image-area{background-position:90px top; padding:100px 30px 53px 30px; background-size: contain;} .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .right-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 65px;} .right-image-panel ul .d-md-block{display:none!important; } .right-image-panel a{margin-left: 40px;} .other-salesvu-apps{margin-top: 90px;} .salesvu-app-section{width:500px; margin-top: 65px;} .salesvu-app-section .app-column{width: 300px; margin:0 auto!important; margin-right:0px; margin-bottom: 25px!important; height:300px; float:unset; padding:20px 0px;} .testimonial{margin-top:38px; background-size: cover;} .testimonial .head{margin-left: 12px; margin-top: 190px;} .testimonial .description{margin-left: 12px;font-size: 30px; line-height: 35px; margin-bottom: 25px;} .testimonial a{margin-left: 12px; margin-bottom:25px;} .testimonial .testimonail-inner-curve{padding-bottom: 10px; background-size: initial;} .testimonial .testimonial-box .testimonial-details .c-name{font-size:14px;} .testimonial .testimonial-area{width:100%; height:auto; margin-left:0px} .testimonial .testimonial-box{width: 100%; padding: 10px; position:relative; margin-bottom:15px;} .testimonial .testimonial-box .text{margin-bottom: 15px; font-size: 18px;} .testimonial .testimonial-box:nth-child(1){margin-top: unset;} .testimonial .testimonial-box:nth-child(2){margin-top: unset; margin-left: unset;} .testimonial .testimonial-box:nth-child(3){margin-top: unset; margin-left: unset; width: 100%;} .testimonial .testimonial-box:nth-child(4){margin-top: unset; margin-left: unset; width: 100%;} .testimonial .logo-box{padding: 50px 10px;} .employee-schedulling-page .page-top-section .section-inner-curve .content-area{padding: 0px 90px 30px 100px;} .employee-schedulling-page .page-top-section .section-inner-curve .image-area{padding:35px 15px 68px 35px} .employee-schedulling-page .left-image-panel .image-area {padding: 150px 90px 133px 29px; background-size: cover; background-position: -115px top;} .employee-schedulling-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 40px;} .employee-schedulling-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .employee-schedulling-page .left-image-panel .sub-text .d-md-block{display:none!important;} .employee-schedulling-page .left-image-panel ul{margin-left: 40px;} .employee-schedulling-page .right-image-panel .image-area {padding: 130px 9px 133px 109px; background-size: cover; background-position: 55px top;} .employee-schedulling-page .right-image-panel .head{font-size: 28px; margin-left: 40px;} .employee-schedulling-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .employee-schedulling-page .right-image-panel .sub-text .d-md-block{display:none!important;} .employee-schedulling-page .right-image-panel ul{margin-left: 40px;} .employee-schedulling-page .testimonial .testimonial-box:nth-child(1) { margin-top: unset; margin-left: 0px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area {padding: 0px 70px 10px 70px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .text{font-size: 26px; line-height: 36px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .sub-text{font-size: 17px; line-height: 33px;} .fine-dinning-page .page-top-section .section-inner-curve .image-area{padding:35px 15px 18px 35px} .fine-dinning-page .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .fine-dinning-page .right-image-panel .image-area {padding: 80px 53px 30px 153px;} .fine-dinning-page .right-image-panel .head{margin-left: 40px; font-size: 28px;} .fine-dinning-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .fine-dinning-page .right-image-panel .sub-text span{font-size:21px;} .fine-dinning-page .right-image-panel .sub-text .d-md-block{display:none!important;} .fine-dinning-page .right-image-panel a {margin-left: 40px;} .fine-dinning-page .left-image-panel .image-area {padding: 98px 75px 40px 25px; margin-top:50px;} .fine-dinning-page .left-image-panel .head{margin-left: 40px; font-size: 28px;} .fine-dinning-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .fine-dinning-page .left-image-panel .sub-text span{font-size:21px;} .fine-dinning-page .left-image-panel .sub-text .d-md-block{display:none!important;} .fine-dinning-page .left-image-panel a{margin-left:40px;} .tiered-loyalty-page .page-top-section .section-inner-curve .image-area{padding:35px 15px 68px 35px} .tiered-loyalty-page .left-image-panel .image-area{padding: 140px 60px 71px 10px;} .tiered-loyalty-page .left-image-panel .sub-text{font-size: 16px; line-height:25px; margin-left:40px;} .tiered-loyalty-page .left-image-panel .sub-text .d-md-block{display:none!important;} .tiered-loyalty-page .left-image-panel .head{margin-top: 40px; margin-left:40px; font-size:28px;} .tiered-loyalty-page .left-image-panel ul{margin-left:40px;} .tiered-loyalty-page .left-image-panel a{margin-left:40px;} .tiered-loyalty-page .right-image-panel .image-area {padding: 150px 10px 85px 53px;} .tiered-loyalty-page .right-image-panel .head{margin-top: 40px; margin-left: 45px; font-size:23px;} .tiered-loyalty-page .right-image-panel .sub-text{font-size: 16px; line-height:25px;margin-left: 45px;} .tiered-loyalty-page .right-image-panel .sub-text .d-md-block{display:none!important;} .tiered-loyalty-page .right-image-panel ul{margin-left: 45px; margin-top: 20px;} .tiered-loyalty-page .right-image-panel a{margin-left: 45px;} .customer-words{padding:110px 20px 30px 20px; font-size: 24px;} .customer-words span{font-size: 19px; padding:10px 30px 40px 30px} .tiered-loyalty-page .testimonial{margin-top:28px;} .tiered-loyalty-page .testimonial .head {margin-left: 12px;} .tiered-loyalty-page .testimonial .description {margin-left: 12px;} .tiered-loyalty-page .testimonial .testimonial-box:nth-child(1){margin-top:unset; margin-left:unset;} .review-booster-page .page-top-section .section-inner-curve .image-area {padding: 0px 137px 0px 137px} .review-booster-page .management-software span{font-size: 21px;} .review-booster-page .left-image-panel .image-area {background-position: -90px top; padding: 100px 30px 53px 30px;} .review-booster-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .review-booster-page .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 65px;} .review-booster-page .left-image-panel a{margin-left: 30px;} .review-booster-page .right-image-panel .image-area {padding: 100px 30px 53px 30px;} .review-booster-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .review-booster-page .right-image-panel ul {font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 65px;} .review-booster-page .right-image-panel a{margin-left: 40px;} .review-booster-page .testimonial .testimonial-box{padding: 15px;} .review-booster-page .testimonial .text-head{margin-right: unset; margin-top: 190px; font-size: 50px; text-align: left; margin-bottom: 50px;} .review-booster-page .testimonial .testimonial-box .testimonial-details .c-name{padding: 15px 0px 0px 0px; font-size: 15px;} .review-booster-page .testimonial .testimonail-inner-curve {padding-bottom: 0px;} .real-time-page .page-top-section .section-inner-curve .content-area {padding: 0px 70px 10px 70px;} .real-time-page .page-top-section .section-inner-curve .content-area .text {line-height: 33px; margin-bottom: 20px; font-size: 27px;} .real-time-page .page-top-section .section-inner-curve .content-area .text .d-md-block{display:none!important;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text{line-height: 25px;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .real-time-page .page-top-section .section-inner-curve .image-area {padding: 35px 15px 68px 35px} .real-time-page .page-top-section .section-inner-curve .content-area .button {margin-top: 40px;} .real-time-page .left-image-panel .image-area {padding: 120px 130px 71px 30px; background-size: cover; background-position: -145px top;} .real-time-page .left-image-panel .head{font-size: 28px; margin-top: 40px; margin-left: 40px;} .real-time-page .left-image-panel ul {margin-left: 40px; margin-top: 25px;} .real-time-page .left-image-panel a{margin-left: 40px; margin-top: 40px;} .real-time-page .right-image-panel .image-area {padding: 115px 10px 125px 120px;} .real-time-page .right-image-panel .head{margin-top: 40px; } .real-time-page .right-image-panel a{margin-left: 40px; margin-top: 40px;} .digital-physical-page .page-top-section .section-inner-curve .image-area{padding: 45px 55px 0px 55px;} .digital-physical-page .page-top-section .section-inner-curve .content-area{padding: 0px 70px 10px 70px;} .digital-physical-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 26px;} .digital-physical-page .left-image-panel .image-area{padding:50px 50px 0px 40px} .digital-physical-page .left-image-panel .head{font-size: 28px; margin-left: 40px;} .digital-physical-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .digital-physical-page .left-image-panel .sub-text .d-md-block{display:none!important;} .digital-physical-page .left-image-panel .sub-text span{font-size: 19px;} .digital-physical-page .left-image-panel a{margin-left:40px;} .digital-physical-page .right-image-panel .image-area{padding:90px 50px 0px 40px} .digital-physical-page .right-image-panel .image-area svg{width:100%; height:auto;} .digital-physical-page .right-image-panel .head{font-size: 28px; margin-left: 40px;} .digital-physical-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .digital-physical-page .right-image-panel .sub-text .d-md-block{display:none!important;} .digital-physical-page .right-image-panel .sub-text span{font-size: 19px;} .digital-physical-page .right-image-panel a{margin-left: 40px;} .digital-physical-page .testimonial .testimonail-inner-curve {padding-bottom: 35px;} .digital-physical-page .testimonial .testimonial-box:nth-child(2){margin-top: 0px;} .digital-physical-page .testimonial .testimonial-box:nth-child(3){margin-top: 0px;} .digital-physical-page .testimonial .testimonial-box:nth-child(4){margin-top: 0px;} .digital-physical-page .testimonial .head{margin-left: 12px; margin-top: 150px;} .digital-physical-page .testimonial .description {margin-left: 12px; font-size: 30px;} .digital-physical-page .testimonial .description .d-md-block{display:none!important;} .digital-physical-page .testimonial a{margin-left: 12px;} .recurring-biling-page .page-top-section .section-inner-curve .image-area{padding: 35px 15px 68px 35px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area{padding: 0px 70px 10px 70px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 26px;} .recurring-biling-page .left-image-panel .image-area{padding:50px 50px 0px 40px} .recurring-biling-page .left-image-panel .head{font-size: 28px; margin-left: 40px;} .recurring-biling-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .recurring-biling-page .left-image-panel .sub-text .d-md-block{display:none!important;} .recurring-biling-page .left-image-panel .sub-text span{font-size: 19px;} .recurring-biling-page .left-image-panel a{margin-left:40px;} .recurring-biling-page .right-image-panel .image-area{padding:90px 50px 0px 40px} .recurring-biling-page .right-image-panel .image-area svg{width:auto; height:auto;} .recurring-biling-page .right-image-panel .head{font-size: 28px; margin-left: 40px;} .recurring-biling-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .recurring-biling-page .right-image-panel .sub-text .d-md-block{display:none!important;} .recurring-biling-page .right-image-panel .sub-text span{font-size: 19px;} .recurring-biling-page .right-image-panel a{margin-left: 40px;} .recurring-biling-page .testimonial{display:none} .recurring-biling-page .testimonial .testimonail-inner-curve {padding-bottom: 35px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(1){margin-top:0px; margin-left:0px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(2){margin-top: 0px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(3){margin-top: 0px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(4){margin-top: 0px;} .recurring-biling-page .testimonial .head{margin-left: 12px; margin-top: 150px;} .recurring-biling-page .testimonial .description {margin-left: 12px; font-size: 30px; margin-right:20px;} .recurring-biling-page .testimonial .description .d-md-block{display:none!important;} .recurring-biling-page .testimonial a{margin-left: 12px;} .qr-ordering-page .page-top-section .section-inner-curve .content-area{padding:0px 90px 30px 100px} .qr-ordering-page .page-top-section .section-inner-curve .image-area{padding:25px 85px 0px 85px} .qr-image-area{margin-top: 80px;} .qr-image-area svg{width:100%; height:auto;} .qr-image-area-2{margin-bottom: 60px; margin-top: 60px;} .qr-image-area-2 svg{width:100%; height:auto; padding:0px 20px;} .qr-ordering-page .action-button {margin-bottom: 70px;} .qr-ordering-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .qr-ordering-page .left-image-panel .sub-text{font-size:17px; margin-left:40px;} .qr-ordering-page .left-image-panel .sub-text .d-md-block{display:none!important;} .qr-ordering-page .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 65px;} .qr-ordering-page .left-image-panel .image-area {padding:40px 70px 60px 60px;} .qr-ordering-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .qr-ordering-page .right-image-panel .sub-text{font-size:17px; margin-left:40px;} .qr-ordering-page .right-image-panel .sub-text .d-md-block{display:none!important;} .qr-ordering-page .right-image-panel ul{margin-left: 54px;} .qr-ordering-page .right-image-panel .image-area svg{width:100%; height:auto;} .qr-ordering-page .right-image-panel .image-area {padding: 40px 50px 0px 160px;} .handheld-page .page-top-section .section-inner-curve .content-area{padding:0px 90px 30px 100px} .handheld-page .page-top-section .section-inner-curve .image-area {padding: 35px 0px 0px 22px;} .handheld-page .management-software{padding:90px 10px 20px 10px} .handheld-page .management-software .d-md-block{display:none!important;} .handheld-page .left-image-panel .image-area{padding: 160px 50px 40px 30px;} .handheld-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .handheld-page .left-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 15px; margin-right:15px;} .handheld-page .left-image-panel .sub-text .d-md-block{display:none!important;} .handheld-page .left-image-panel a{margin-left:40px;} .handheld-page .right-image-panel .image-area {background-position: 50px top; padding: 160px 30px 0px 50px;} .handheld-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .handheld-page .right-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 15px; margin-right:15px;} .handheld-page .right-image-panel .sub-text .d-md-block{display:none!important;} .handheld-page .right-image-panel a{margin-left:40px;} .key-features{width:700px; display:none} .key-feautres-mobile{display:block;} .handheld-page .testimonial .head{margin-left: 0px;} .handheld-page .testimonial .description{margin-left: 0px;} .handheld-page .testimonial .testimonial-box {padding: 15px;} .handheld-page .testimonial .testimonial-box:nth-child(1) {margin-top: 0px;} .handheld-page .testimonial .testimonial-box:nth-child(4) {margin-top: 5px;} .handheld-page .testimonial .testimonial-box:nth-child(3) {margin-top: 5px;} .handheld-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .page-top-section .section-inner-curve .image-area{padding:35px 45px 0px 45px} .orderup-page .page-top-section .section-inner-curve .content-area{padding:0px 90px 30px 100px} .orderup-page .page-top-section .section-inner-curve .content-area .text{font-size: 27px;} .orderup-page .page-top-section .section-inner-curve .content-area .button {margin-top: 25px; padding: 15px 45px;} .orderup-page .management-software{font-size:23px; padding:100px 0px 0px 0px} .orderup-page .left-image-panel {margin-top: 100px;} .orderup-page .left-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: -90px top;} .orderup-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .orderup-page .left-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .orderup-page .left-image-panel .sub-text .d-md-block{display:none!important;} .orderup-page .left-image-panel a{margin-left:40px;} .orderup-page .right-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: 90px top;} .orderup-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .orderup-page .right-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .orderup-page .right-image-panel .sub-text .d-md-block{display:none!important;} .orderup-page .right-image-panel a{margin-left: 40px;} .orderup-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .orderup-page .testimonial .head { margin-left: 12px;} .orderup-page .testimonial .description {margin-left: 12px; font-size: 32px;} .orderup-page .testimonial .description .d-md-block{display:none!important;} .orderup-page .testimonial .testimonial-box{padding:20px;} .orderup-page .testimonial .testimonial-area {height: 600px;} .orderup-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .testimonial .testimonial-box:nth-child(1) {margin-top: unset;} .orderup-page .testimonial .testimonial-box:nth-child(3){margin-top: unset; margin-left:unset;} .orderup-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .pos-page .page-top-section .section-inner-curve .image-area{padding:35px 45px 0px 45px} .pos-page .page-top-section .section-inner-curve .content-area{padding:0px 90px 30px 100px} .pos-page .page-top-section .section-inner-curve .content-area .text{font-size: 27px;} .pos-page .page-top-section .section-inner-curve .content-area .button {margin-top: 25px; padding: 15px 45px;} .pos-page .management-software{padding:100px 20px 0px 20px} .pos-page .left-image-panel {margin-top: 100px;} .pos-page .left-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: -90px top;} .pos-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .pos-page .left-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .pos-page .left-image-panel .sub-text .d-md-block{display:none!important;} .pos-page .left-image-panel a{margin-left:40px;} .pos-page .right-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: 90px top;} .pos-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .pos-page .right-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .pos-page .right-image-panel .sub-text .d-md-block{display:none!important;} .pos-page .right-image-panel a{margin-left: 40px;} .pos-page .testimonial .testimonail-inner-curve{padding-bottom:70px;} .pos-page .testimonial .head { margin-left: 12px;} .pos-page .testimonial .description {margin-left: 12px; font-size: 32px;} .pos-page .testimonial .description .d-md-block{display:none!important;} .pos-page .testimonial .testimonial-box{padding:20px;} .pos-page .testimonial .testimonial-area {height: 600px;} .pos-page .testimonial .testimonial-box .text{margin-bottom:15px;} .pos-page .testimonial .testimonial-box:nth-child(1) {margin-top: unset;} .pos-page .testimonial .testimonial-box:nth-child(3){margin-top: unset;} .pos-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .program-area{width:500px; margin-top: 90px; margin-bottom: 30px;} .program-area .col-md-4{padding:20px 10px;} .program-area .col-md-4 .area-box{padding: 140px 20px 71px 20px; background-position: -125px top; margin:0 auto; margin-top:100px; width:300px; position:relative;} .program-area .col-md-4:first-child .area-box{margin-top:0px;} .program-area .col-md-4 .area-box .art-area{margin-left: -150px; width: 300px; top: -86px;} .program-area .col-md-4 .area-box .heading{font-size: 17px;} .program-area .col-md-4 .area-box .desc{height:auto;} .here-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .here-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 0px 45px; text-align: center;} .here-page .management-software{font-size: 25px; margin-bottom: 60px; padding:100px 20px 0px 20px} .here-page .management-software span{font-size:17px;} .here-page .left-image-panel .image-area {padding: 100px 30px 53px 30px;} .here-page .left-image-panel .head{margin-top: 50px; font-size: 25px;} .here-page .left-image-panel .sub-text{font-size:17px; margin-top: 15px;} .here-page .right-image-panel .image-area {padding: 100px 30px 0px 30px} .here-page .right-image-panel .head{margin-left: 45px; margin-top: 50px; font-size: 25px;} .here-page .right-image-panel .sub-text{margin-left: 45px; font-size:17px; margin-top:15px;} .here-page .right-image-panel a{margin-left: 45px;} .here-page .testimonial .head {margin-left: 12px;} .here-page .testimonial .description {margin-left: 12px; font-weight: 500; font-size: 32px;} .here-page .testimonial .testimonial-box:nth-child(4){margin-top:unset;} .here-page .testimonial .description .d-md-block {display: none!important;} .here-page .second-left{margin-top:80px;} .here-page .hm-integrable-software{margin-top:100px;} .welcome-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .welcome-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 0px 45px; text-align: center;} .welcome-page .management-software{font-size: 25px; margin-bottom: 60px;} .welcome-page .management-software span{font-size:17px;} .welcome-page .left-image-panel .image-area {padding: 100px 30px 53px 30px;} .welcome-page .left-image-panel .head{margin-top: 50px; font-size: 25px;} .welcome-page .left-image-panel .sub-text{font-size:17px; margin-top: 15px;} .welcome-page .right-image-panel .image-area {padding: 100px 30px 0px 30px} .welcome-page .right-image-panel .head{margin-left: 45px; margin-top: 50px; font-size: 25px;} .welcome-page .right-image-panel .sub-text{margin-left: 45px; font-size:17px; margin-top:15px;} .welcome-page .right-image-panel a{margin-left: 45px;} .welcome-page .testimonial .head {margin-left: 12px;} .welcome-page .testimonial .description {margin-left: 12px; font-weight: 500; font-size: 32px;} .welcome-page .testimonial .testimonial-box:nth-child(4){margin-top:unset;} .welcome-page .testimonial .description .d-md-block {display: none!important;} .welcome-page .second-left{margin-top:80px;} .welcome-page .hm-integrable-software{margin-top:100px;} .incoming-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .incoming-page .page-top-section .section-inner-curve .content-area .text{font-size: 26px;} .incoming-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 0px 45px;} .incoming-page .management-software {padding: 90px 0px 0px 0px; font-size: 30px;} .incoming-page .right-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: 90px top;} .incoming-page .right-image-panel .head{margin-left: 40px; margin-top: 0px; font-size: 25px;} .incoming-page .right-image-panel .sub-text{margin-left: 40px; margin-top: 15px; font-size: 17px; line-height: 27px; margin-right:40px;} .incoming-page .right-image-panel .sub-text .d-md-block{display:none!important;} .incoming-page .right-image-panel ul{margin-left: 40px;} .incoming-page .right-image-panel li .d-md-block{display:none!important;} .incoming-page .right-image-panel a{margin-left: 40px;} .incoming-page .left-image-panel {margin-top:80px;} .incoming-page .left-image-panel .image-area {padding: 100px 30px 53px 30px; background-position: -90px top;} .incoming-page .left-image-panel .head{margin-left:40px; margin-top: 50px; font-size:25px; margin-right:40px;} .incoming-page .left-image-panel .sub-text{margin-left:40px; font-size: 17px; line-height: 27px; margin-top: 15px;} .incoming-page .left-image-panel .sub-text .d-md-block{display:none!important;} .incoming-page .left-image-panel ul{margin-left:40px; margin-right: 15px;} .incoming-page .left-image-panel li .d-md-block{display:none!important;} .incoming-page .left-image-panel a{margin-left:40px;} .incoming-page .key-features{width:950px;} .incoming-page .testimonial .head{margin-left: 12px;} .incoming-page .testimonial .description {margin-left: 12px; font-size: 32px;} .incoming-page .testimonial .description .d-md-block{display:none!important;} .incoming-page .testimonial .testimonial-box:nth-child(1) {margin-top: unset; margin-left:unset;} .onthelist-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .onthelist-page .page-top-section .section-inner-curve .content-area .text{font-size: 29px;} .onthelist-page .page-top-section .section-inner-curve .image-area{padding: 35px 45px 0px 45px;} .onthelist-page .management-software {font-size: 23px; padding: 100px 0px 0px 0px;} .onthelist-page .testimonial .testimonial-area{height:470px;} .onthelist-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .onthelist-page .testimonial .head {margin-left: 12px;} .onthelist-page .description {margin-left: 12px; font-size: 29px;} .onthelist-page .description .d-md-block{display:none!important;} .invoice-page .page-top-section .section-inner-curve .image-area{width:290px;} .invoice-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .invoice-page .page-top-section .section-inner-curve .content-area .text{font-size: 25px;} .invoice-page .page-top-section .section-inner-curve .content-area .sub-text{font-size:17px; line-height:24px} .invoice-page .key-features {width: 900px;} .invoice-page .key-features #key-feature-mobile{width:auto; height:auto;} .invoice-page .key-feaure-tab svg{width:100%; height:auto;} .invoice-page .key-features .f-tab-screen {top: 19px!important; left: 37px!important; width: 388px!important; height: 273px!important;} .invoice-page .key-features .f-screen {top: 14px; left: 174px; width: 239px; height: 450px;} .invoice-page .key-features .features-links a {padding: 7px 0px 7px 25px; font-size: 13px;} .invoice-page .testimonial .header {margin-left: 12px;} .invoice-page .testimonial .description {margin-left: 12px; font-size:32px;} .invoice-page .testimonial .description .d-md-block{display:none!important;} .invoice-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .invoice-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} .invoice-page .management-software{font-size:24px;} .invoice-page .key-feautres-mobile .card-body .mobile-screen svg{width:auto; height:auto; margin:0 auto; display:block} .invoice-page .key-feautres-mobile .card-body #headingSeven svg{width:100%; height:auto;} /* ---------------------- app Page ------------------------*/ /* ---------------------- ai Page ------------------------*/ .ai-page .page-top-section .section-inner-curve .content-area{padding: 0px 90px 30px 100px;} .ai-page .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .ai-page .page-top-section .section-inner-curve .image-area {padding: 0px 70px 0px 70px;} .ai-page .management-software{padding: 80px 20px 65px 20px;} .ai-page .left-image-panel{margin-top:0px;} .ai-page .left-image-panel .image-area{padding:120px 10px 70px 10px;} .ai-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .ai-page .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 65px;} .ai-page .left-image-panel li .d-md-block{display:none!important;} .ai-page .right-image-panel .image-area{padding:120px 50px 70px 50px} .ai-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .ai-page .right-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 65px;} .ai-page .right-image-panel li .d-md-block{display:none!important;} .ai-in-action-img{width:100%; display:table; padding:0px 30px;} .ai-in-action-img svg{width:100%; height:auto;} .how-it-work{width:500px; padding:80px 50px 0px 50px} .ai-animation-area{width:500px;} .ai-animation-area .pos-screen{width: 400px; margin: 0 auto; margin-top:40px;} .ai-animation-area .ai-screen {position: absolute; width: 301px; left: 51px; top: 29px;} .ai-animation-area ul{margin-bottom: 25px; margin-top: 25px;} .ai-animation-area .ai-text{font-size: 13px;} .ai-page .action-button a {margin-top: 55px;} /* ---------------------- ai Page ------------------------*/ /* ---------------------- Pricing Page ------------------------*/ .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area{font-size: 40px; line-height: 50px; padding: 0px 55px;} .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area-2{font-size:19px;} .pricing-page-top-section .pricing-page-top-section-color{padding: 50px 0px;} .pricing-box {margin-bottom:25px;} .pricing-box .sub-text{font-size:11px;} .pricing-box .pricing-tab{margin-top: 20px;} .pricing-box .price_view_deom{width: 100%; margin-left: 0px; padding: 18px;} .pricing-area .pricing-panel .col-md-3:first-child{max-width: 100%!important; flex:100%!important; border:0px; border-bottom:solid 0px #D8D8D8; } .pricing-area .pricing-panel .col-md-3{max-width: 33%!important; flex: 33%!important; border:0px;} .pricing-area .pricing-panel .col-md-3 .d-md-block{display:none!important;} .pricing-area .pricing-panel .sub-text{font-size:14px;} .pricing-area .pricing-panel .sub-text span{font-size:11px;} .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 490px!important;} .pricing-area .pricing-panel-3 .col-md-4{max-width: 297px!important;} .pricing-area .pricing-panel .head .col-md-3{font-size: 20px; padding:15px 7px} .pricing-area .pricing-panel-2 .col-md-3{border-right:0px;} .pricing-area .pricing-panel-2 .col-md-3:first-child{padding-bottom:0px;} .pricing-area .pricing-panel-2 .col-md-6{border-right:0px;} .pricing-area .pricing-panel-2 .button{font-size: 12px;} .pricing-area .pricing-panel-3 .col-md-4:first-child {max-width: 100%!important; border-right:0px; border-bottom:solid 2px #D8D8D8} .pricing-area .pricing-panel-3 .col-md-4 {max-width: 239px!important;} .pricing-area .pricing-panel-3 .head .col-md-4:last-child{font-size:19px;} .pricing-area .pricing-panel-3 .head .text-1{font-size:20px;} .pricing-screen{width:370px; height:auto;} .pricing-location .text-1{font-size: 1.5rem; margin:30px 0px 30px 0px;} .pricing-location .common-button{margin:0 auto;} .pricing-faq{padding:20px 20px 80px 20px} .pricing-faq .heading{font-size:40px;} .pricing-location {padding: 70px 10px;} .app-faqs-wrapper .card .card-header button{white-space:normal;} .pricing-box-n .head{font-size:23px;} .pricing-box-n li{font-size: 17px; line-height: normal;} .pricing-box-n .sub-text{line-height:normal;} .pricing-box-n .price_view_deom{width:90%; font-size:12px;} .pricing-area{padding:10px;} .pricing-area .pricing-panel{background:transparent; box-shadow: unset; padding:0px;} .pricing-m-heading{background: #fff; padding: 15px; font-size: 18px; font-weight: 600; text-align: center; margin-bottom:15px;} .pricing-box-n{background:#fff; margin-bottom:15px; border-radius: 5px; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); padding-bottom: 0px;} .pricing-box-n .head{padding: 15px 0px;} .pricing-box-n .price_view_deom{padding:20px;} .pricing-box-n .see-features{padding: 20px 14px; width: 150px; margin: 0 auto; text-align: left; color: #2ca1ff; font-size: 17px; font-weight: 500; position:relative; cursor:pointer} .pricing-box-n .see-features:before{content:'\f107'; font-family:FontAwesome; position:absolute; right: 10px;} .pricing-box-n .hide-features{padding: 20px 14px; width: 150px; margin: 0 auto; text-align: left; color: #2ca1ff; font-size: 17px; font-weight: 500; position:relative; cursor:pointer} .pricing-box-n .hide-features:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 10px;} .pricing-box-n .features{text-align:center;} .pricing-box-n .features .row{border:0px; margin-bottom: 5px!important; border-radius: 5px; background:#efefef} .pricing-box-n .features .col-12{padding:8px!important;} .pricing-box-n .features .col-12:first-child{font-weight:600; padding-bottom:4px!important;} .pricing-box-n .features .col-12:last-child{padding-top:4px!important;} .pricing-box-n .features{padding-bottom:5px;} /* ---------------------- Pricing Page ------------------------*/ /* ---------------------- industry Page ------------------------*/ .studio-classes-industry .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .studio-classes-industry .page-top-section .section-inner-curve .content-area .sub-text{line-height: 27px;} .studio-classes-industry .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .studio-classes-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .brand-stands-area .head{font-size: 26px; margin-left: 50px; margin-right: 20px;} .brand-stands-area{padding: 90px 0px 50px 0px;} .brand-stands-area svg{width:100%; height:Auto;} .brand-stands-area .text{margin-top: 20px; margin-left: 0px} .brand-stands-area a{margin-left:0px; margin-top:15px;} .branded-app-area{margin-top:0px;} .branded-app-area svg{width:auto; height:auto;} .branded-app-area .text{margin-right: 0px; font-size: 22px; margin-top: 20px; text-align:left; margin-left:0px;} .branded-app-area a{margin-right: 0px; margin-left:0px; text-align:left;} .marketing-emails {margin-top:90px;} .marketing-emails svg{width:100%; height:auto;} .marketing-emails .text{font-size: 22px; margin-left: 0px; margin-top:20px; padding-left:0px;} .marketing-emails a{margin-left:0px; padding-left:0px;} .online-reputation{margin-top:70px;} .online-reputation .text{margin-right:0px; margin-top:20px; text-align:left;} .online-reputation .text .d-md-block{display:none!important;} .online-reputation a{text-align:left; } .online-reputation svg{width:100%; height:auto;} .automated-sms{margin-top: 90px;} .automated-sms svg{margin:0 auto; display:block} .automated-sms .text{font-size: 22px; margin-left:0px; margin-top:20px;} .automated-sms .text .d-md-block{display:none!important;} .automated-sms a{margin-left:0px; padding-left:0px;} .entire-business{padding:30px} .entire-business .head{font-size:27px;} .entire-business .head .d-md-block{display:none!important;} .entire-business .text .d-md-block{display:none!important;} .entire-business .text{font-size: 15px; line-height: 22px;} .entire-business a{margin-bottom:20px; display:table;} .turn-drop-ins{max-width: 500px; margin-top: 65px; font-size: 35px;} .turn-drop-ins-box .box{margin:0 auto;} .turn-drop-ins-box .text {margin-top:20px; margin-bottom:20px;} .turn-drop-ins-box .text .d-md-block{display:none!important;} .word-of-mouth{padding: 25px; background-size: cover;} .word-of-mouth .head{font-size: 40px; line-height: 65px;} .word-of-mouth .head .d-md-block{display:none!important;} .optimize-operations-head{font-size: 35px; line-height: 42px; width: 100%; margin: 0px; padding:20px} .optimize-operations .slider {margin-top: 25px; font-weight: 500; margin-bottom: 50px; height: 72px;} .word-of-mouth .text{margin-top:13px;} .word-of-mouth a{margin-top:22px;} .optimize-operations svg{width:100%; height:auto; margin-top:0px;} .optimize-operations .carousel-item .d-md-block{display:none!important;} .optimize-operations{padding:0px 16px} .optimize-operations .head{margin-top: 15px;} .optimize-operations .slider .carousel-control-prev {top: 90px;} .optimize-operations .slider .carousel-control-next {top: 90px;} .support-team .text-area{padding: 69px 35px; width: 100%;} .studio-classes-industry .testimonial .head {margin-left: 12px; } .studio-classes-industry .testimonial .description {margin-left: 12px; font-size:25px;} .studio-classes-industry .testimonial .testimonial-box:nth-child(1) {margin-top: unset; margin-left: 0px; width: 100%;} .studio-classes-industry .testimonial .testimonial-area {height: 150px;} .studio-classes-industry .hm-integrable-software{margin:0 auto; display:block; margin-top: 100px;} .optimize-operations svg{margin-left: 25px;} .hm-integrable-software .head{font-size:30px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .salons-spas-industry .optimize-operations .carousel-item .d-md-block{display:none!important;} .salons-spas-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .think-inside .head{margin-top: 20px; margin-left: 35px; font-size: 40px; line-height: 51px;} .think-inside .text{margin-top: 5px; margin-left: 35px; font-size:16px; margin-right: 15px; line-height: 22px;} .think-inside .text .d-md-block{display:none!important;} .think-inside a{margin-left: 35px; margin-bottom:20px;} .think-inside-2 .head{margin-top: 20px; margin-left: 35px; font-size: 30px; line-height: 44px;} .think-inside-2 .head .d-md-block{display:none!important;} .think-inside-2 .text{margin-top: 5px; margin-left: 35px; font-size:16px; margin-right:15px;} .think-inside-2 .text .d-md-block{display:none!important;} .think-inside-2 a{margin-left: 35px; margin-bottom:20px;} .salons-spas-industry .testimonial .head {margin-left: 32px;} .salons-spas-industry .testimonial .description {margin-left: 32px;} .salons-spas-industry .optimize-operations svg{width:100%; height:auto;} .softwares-help .head .d-md-block{display:none!important;} .softwares-help .text .d-md-block{display:none!important;} .salons-spas-industry .testimonial .head {margin-left: 12px; } .salons-spas-industry .testimonial .description {margin-left: 12px; font-size:25px;} .salons-spas-industry .testimonial .testimonial-box:nth-child(1) {margin-top: unset; margin-left: 0px; width: 100%;} .salons-spas-industry .testimonial .testimonial-area {height: 150px;} .softwares-help svg{width:auto; height:auto; margin:0 auto; display:block; margin-bottom:20px;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 35px 15px 18px 35px;} .integration-area{padding:110px 20px 95px 20px} .integration-area .icon{width:140px; height:140px; margin-bottom:20px;} .integration-area .icon svg{width:100%; height:100%} .integration-area .head{font-size:20px;} .integration-area .desc{font-size:15px; margin-bottom:20px;} .integration-area .desc .d-md-block{display:none!important;} .scale-up{padding:0px 20px} .scale-up .section-head{left: 20px; font-size: 20px; top: 0px; position: relative; margin-bottom: 25px;} .scale-up .text{margin-left: 18px; font-weight: 500; font-size: 15px; line-height: 25px; height:154px; padding-top: 20px;} .scale-up .carousel-control-prev{left: 520px; top: 370px;} .scale-up .carousel-control-next{left: 550px; top: 370px;} .scale-up .col-md-5 a{margin-top:15px;} .scale-up .text .d-md-block{display:none!important;} .scale-up svg{width:100%; height:auto;} .scale-up .carousel-indicators {width: 308px; bottom: -74px;} .black-head{padding:35px 45px 30px 45px} .black-head .text-1{font-size:36px;} .art-culture-steps .step-box{height: 400px; width: 100%; margin: 0 auto; float: unset;} .art-culture-steps .step-box .text-area {padding: 30px 80px;} .art-culture-steps .carousel-control-prev{font-size: 45px; opacity: 1;} .art-culture-steps .carousel-control-next{font-size: 45px; opacity: 1;} .manage-dozens{padding: 100px 30px 70px 30px; font-size: 26px;} .simple-setup svg{width:100%; height:auto;} .simple-setup .text-area .head{font-size:23px;} .simple-setup .text-area .text .d-md-block{display:none!important;} .simple-setup .text-area{margin-left: 0px; padding-left: 42px;} .specialized-hardware{padding:105px 10px 105px 15px} .specialized-hardware .text-1 {color: #fff; margin-top: 0px; font-size: 23px; font-weight: 600; line-height: 40px; margin-left: 15px;} .specialized-hardware .text-2{margin-left:15px;} .specialized-hardware .text-2 .d-md-block{display:none!important;} .art-culture-industry .testimonial .head {margin-left: 12px;} .art-culture-industry .testimonial .description {margin-left: 12px; font-size: 25px;} .different-plans {width:500px;} .different-plans svg{width:100%; height:auto;} .different-plans .text{margin-left: 15px;} .different-plans .col-md-5 a{margin-left: 15px; margin-top:10px;} .different-plans .carousel-control-prev{left:510px;} .different-plans .carousel-control-next{left:530px;} .art-culture-industry .testimonial .testimonial-area {height: 350px; padding-bottom: 0px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area .d-md-block{display:none!important;} .retail-ecom-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px; text-align: center;} .retail-ecom-industry .page-top-section .section-inner-curve .sub-text .d-md-block{display:none!important;} .window-shoppers{padding:100px 30px 100px 30px;} .window-shoppers .head{font-size:25px;} .window-shoppers .head .d-md-block{display:none!important;} .window-shoppers .text .d-md-block{display:none!important;} .digital-era{margin-left:20px; margin-top:0px;} .digital-era-head{font-size: 31px; padding: 30px;} .digital-era .d-md-block{display:none!important;} .digital-era svg{width:100%; height:auto;} .digital-era-2 svg{width:100%; height:auto;} .digital-era-2 .d-md-block{display:none!important;} .digital-era-2 .text-area {margin-top: 20px; margin-left: 20px; margin-right:20px;} .retail-ecom-industry .testimonial .head {margin-left: 12px;} .retail-ecom-industry .testimonial .description {margin-left: 12px; font-size:25px;} .retail-ecom-industry .testimonial .testimonial-box:nth-child(1){margin-left: unset; margin-top: unset;} .retail-ecom-industry .testimonial .testimonial-area {height: auto;} .increase-sales .text{margin-left: 20px; margin-top:0px;} .increase-sales a{margin-left: 20px;} .increase-sales .head{font-size:31px;} .increase-sales svg{width:100%; height:auto; margin-bottom:20px;} .increase-sales .carousel-item{height:150px;} .window-shoppers a{margin-bototm:20px; display:table;} .food-drink-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 30px 100px;} .food-drink-page .page-top-section .section-inner-curve .content-area .text {font-size: 22px; margin-bottom: 22px; line-height: 30px;} .page-top-section .section-inner-curve .content-area .sub-text{line-height:28px;} .food-drink-page .page-top-section .section-inner-curve .image-area{padding:35px 15px 18px 35px} .f-d-page-head .text{left: 24px; font-size: 31px; top: unset; margin-top: 35px;} .food-drink-page .hm-right-image-panel .section-heading{left: 24px; top: 75px; font-size: 18px;} .food-drink-page .hm-right-image-panel .sub-text{margin-left: 24px; margin-top: 20px; padding: 0px 20px 0px 0px; height: 100px} .food-drink-page .second-right .sub-text{height:50px} .food-drink-page .hm-right-image-panel .carousel-item a{margin-left: 24px; padding: 20px 20px 0px 0px;} .food-drink-page .hm-right-image-panel .carousel-indicators {bottom: -129px;} .food-drink-page .hm-right-image-panel .carousel-indicators li{background:#e1e1e1;} .food-drink-page .hm-right-image-panel .carousel-indicators .active{background:#000;} .food-drink-page .hm-right-image-panel .carousel-control-prev{left:60px; top:470px;} .food-drink-page .hm-right-image-panel .carousel-control-next{left:90px; top:470px;} .food-drink-page .hm-right-image-panel .image-area {padding: 205px 10px 70px 81px;} .food-drink-page .hm-left-image-panel .section-heading{left: 24px; line-height: 26px; top: 25px; position: relative; padding-right: 20px;} .food-drink-page .hm-left-image-panel .section-heading .d-md-block{display:none!important;} .food-drink-page .hm-left-image-panel .sub-text{margin-left: 24px; margin-top: 10px; padding: 0px 20px 0px 0px; height:110px;} .food-drink-page .hm-left-image-panel .carousel-item a{margin-left: 24px;} .food-drink-page .hm-left-image-panel .carousel-control-prev{left:457px; top: 510px;} .food-drink-page .hm-left-image-panel .carousel-control-next{left:477px; top: 510px;} .food-drink-page .second-right .section-heading{top: 115px;} .food-drink-page .second-right {padding-bottom: 75px;} .food-drink-page .second-right .carousel-indicators {bottom: -69px;} .food-drink-page .hm-left-image-panel .image-area {padding: 205px 80px 70px 10px} .food-drink-page .hm-left-image-panel .carousel-indicators{width: 436px; bottom: -75px;} .food-drink-page .specialized-hardware .text-area{padding:45px 15px} .food-drink-page .specialized-hardware .text-area .head{font-size:28px; margin-bottom:10px;} .food-drink-page .specialized-hardware .text-area .text .d-md-block{display:none!important;} .food-drink-page .management-software{font-size:28px; padding: 20px 0px 20px 0px;} .food-drink-page .management-software span{font-size:17px;} .food-drink-page .hm-step-animation{width: 500px;} .food-drink-page .hm-step-animation .step-box-area{width: 220px} .food-drink-page .hm-step-animation .step-box-area .step-box{width:215px} .food-drink-page .hm-step-animation .step-box-area .text .d-md-block{display:none!important;} .food-drink-page .specialized-hardware{padding: 0px 15px 0px 15px;} .f-d-manage-inventory svg{width:100%; height:auto;} .f-d-manage-inventory .section-heading{margin: 0px; padding:20px; position: relative;} .f-d-manage-inventory .text{margin-left: 20px; margin-top:20px;} .f-d-manage-inventory .carousel-item a{margin-left: 20px;} .f-d-manage-inventory .carousel-control-prev{left: 40px; display:none} .f-d-manage-inventory .carousel-control-next{left: 60px; display:none} .f-d-manage-inventory .carousel-indicators{right: 95px; bottom: -90px;} .f-d-employee-management{margin-top:20px;} .f-d-employee-management svg{width:100%; height:auto;} .f-d-employee-management .section-heading{position: relative; margin:0px; padding:20px;} .f-d-employee-management .text{margin: 0px; padding:20px;} .f-d-employee-management .carousel-item a{margin-left: 25px;} .f-d-employee-management .carousel-control-prev{margin-left: 408px; display:none} .f-d-employee-management .carousel-control-next{margin-left: 428px; display:none} .f-d-employee-management .carousel-indicators{left:140px; bottom: -70px;} .f-d-designed-to-grow .section-heading{left:30px;} .f-d-designed-to-grow .text{margin: 20px 0px; height:75px;} .f-d-designed-to-grow .text .d-md-block{display:none!important;} .f-d-designed-to-grow{padding:30px; padding-bottom: 100px;} .f-d-designed-to-grow svg{width:100%; height:auto;} .f-d-designed-to-grow .section-heading{left:unset; font-size: 25px; line-height: normal; position:relative;} .f-d-designed-to-grow .carousel-control-prev{left:10px; top: 270px; display:none;} .f-d-designed-to-grow .carousel-control-next{left:40px; top: 270px; display:none;} .f-d-designed-to-grow .carousel-indicators{right: 105px;bottom: -84px;} .increase-sales-head{margin: 0px; font-size: 23px; padding:20px; padding-bottom:0px; position: relative;} .f-d-increase-sales{margin-top: 0px; padding: 20px; padding-bottom:100px;} .f-d-increase-sales .section-heading{margin: 0; padding: 20px; position:relative;} .f-d-increase-sales .text{margin:0px; padding:20px;} .f-d-increase-sales .text .d-md-block{display:none!important;} .f-d-increase-sales .carousel-item a{margin-left:25px;} .f-d-increase-sales .carousel-control-prev{margin-left: 0px; left: 28px; display:none} .f-d-increase-sales .carousel-control-next{margin-left: 0px; left: 48px; display:none} .f-d-increase-sales .carousel-indicators{right: 145px; bottom: -74px;} .f-d-loyalty-rewards{padding:20px; margin:0px; padding-bottom:100px;} .f-d-loyalty-rewards svg{width:100%; height:auto;} .f-d-loyalty-rewards .image-area{width:100%;} .f-d-loyalty-rewards .text{margin:0px; line-height:normal; padding:20px;} .f-d-loyalty-rewards .text .d-md-block{display:none!important;} .f-d-loyalty-rewards .carousel-item a{margin-left:20px;} .f-d-loyalty-rewards .section-heading{margin:0px; padding:20px; font-size: 23px; line-height: 24px; position:relative; margin-bottom: 20px;} .f-d-loyalty-rewards .section-heading .d-md-block{display:none!important;} .f-d-loyalty-rewards .carousel-indicators{left:110px; bottom: -74px;} .f-d-loyalty-rewards .carousel-control-prev{left: 465px; top: 350px; display:none} .f-d-loyalty-rewards .carousel-control-next{left: 485px; top: 350px; display:none} .reputation-matters-heading{margin: 80px 20px 60px 20px; font-size: 22px;} .f-d-increase-sales svg{width:100%; height:auto;} .f-d-review-booster{width:360px;} .f-d-review-booster svg{width:100%; height:auto;} .f-d-review-booster .left-msg .icon svg{width:auto; height:auto;} .f-d-review-booster .left-msg {position: relative; padding: 20px; width: 100%; left: 0px; text-align: left;} .f-d-review-booster .left-msg .d-md-block{display:none!important;} .f-d-review-booster .right-msg{position: relative; width: 100%; padding: 20px; right: unset;} .f-d-review-booster .right-msg .d-md-block{display:none!important;} .f-d-review-booster-link{margin-top: 5px;} .f-d-gift-card{padding: 25px;} .f-d-gift-card .head{font-size:28px;} .f-d-gift-card .head .d-md-block{display:none!important;} .f-d-gift-card .sub-text .d-md-block{display:none!important;} .f-d-gift-card .sub-text-2 .d-md-block{display:none!important;} .f-d-gift-card .heading{margin-top: 60px;} .f-d-gift-card .g-c-img{margin-top: 35px;} .food-drink-page .testimonial .head {margin-left: 12px;} .food-drink-page .testimonial .description {margin-left: 12px; font-size:25px;} .food-drink-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .food-drink-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} /* ---------------------- industry Page ------------------------*/ /* ---------------------- Integration Page ------------------------*/ .integrations-page .page-top-section{background-position:left top;} .integrations-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 90px 100px;} .integrations-page .page-top-section .section-inner-curve .content-area .text {margin-bottom: 15px; line-height: normal; font-size: 27px;} .integrations-page .page-top-section .section-inner-curve .content-area .sub-text {margin-bottom: 20px; line-height: 28px;} .integrations-page .page-top-section .section-inner-curve .content-area .button {bottom: unset; position: relative; right: unset; margin-top: 0px; padding: 15px 86px;} .integrations-page .management-software {font-size: 30px; padding: 70px 20px 20px 20px;} .integrations-page .int-partner-heading{width: 96%; margin-left: 10px;} .integrations-page .management-software{font-size: 40px; padding: 87px 30px 20px 30px;} .integrations-page .management-software span{font-size: 19px;} .integrations-page .management-software span .d-md-block{display:none!important;} .integration-square-top-panel{padding: 20px;} .integration-square-top-panel .square-salesvu{margin-bottom:10px;} .integration-square-top-panel .text{font-size: 18px; line-height: 32px;} .square-overview{max-width: 100%; margin-top: 0px; padding: 20px;} .square-overview svg{width:100%; height:auto;} .square-overview .head{margin-left: 0px; margin-top:20px;} .square-overview .text{line-height: 28px; margin-left: 0px;} .square-overview a{margin-left: 0px;} .square-overview .text .d-md-block{display:none!important;} .second-overview .head{margin-left:0px; } .second-overview .text{margin-left:0px; margin-right: 15px;} .second-overview .a{margin-left:0px;} .fourth-overview .head{margin-left:0px;} .fourth-overview .text{margin-left:0px; margin-right: 15px;} .fourth-overview a{margin-left:0px;} .try-salesvu{padding:40px;} .try-salesvu .head{font-size: 28px;} .try-salesvu .text{font-size: 20px; margin-top: 15px;} .try-salesvu a{margin-top:30px;} .integration-inner-page .page-top-section{background-position:left top;} .integration-inner-page .page-top-section .section-inner-curve .content-area .int-logo {margin-bottom: 15px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 10px; fotn-size:37px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 20px;} .integration-inner-page .page-top-section .section-inner-curve .content-area {padding: 0px 90px 100px 90px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .button{bottom: unset; right: unset; position: relative; margin: 0px;} .integration-inner-page .management-software{padding: 70px 20px 20px 20px; font-size: 25px; line-height: normal;} .integration-overview{padding: 30px} .integration-overview .head{margin-left: 0px; font-size: 25px;} .integration-overview .text{margin-left: 0px; font-weight: 400; font-size: 18px; margin-right: 10px; line-height: normal; margin-top:15px;} .integration-overview .text .d-md-block{display:none!important;} .integration-inner-page .left-image-panel{margin-top:0px;} .integration-inner-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .integration-inner-page .left-image-panel .sub-text{margin:0px 40px 40px 40px;} .integration-inner-page .left-image-panel .sub-text .d-md-block{display:none!important;} .integration-inner-page .left-image-panel .image-area {padding: 100px 30px 53px 30px} .gorw-sell-manage-save{margin-top: 120px;} .gorw-sell-manage-save .text{margin-bottom:20px;} .gorw-sell-manage-save .text .d-md-block{display:none!important;} .hm-integrable-software{margin-top: 90px;} .quickbook-page .page-top-section .section-inner-curve .content-area{padding: 0px 70px 100px 60px;} .zettle-page .page-top-section .section-inner-curve .content-area{padding:0px 70px 100px 70px} .zettle-page .integration-overview .head{margin-left:0px;} .zettle-page .integration-overview .text{margin-left:0px;} .zettle-page .integration-overview svg{margin-top:20px;} .zettle-page .modernize-pos{font-size:25px;} .square-page-top-panel .integration-logo{margin-top: 30px; margin-left: 30px;} .square-page-top-panel .page-title{margin-left: 30px; font-size: 33px; margin-top:15px;} .square-page-top-panel .text{margin-left: 30px; margin-top:15px; margin-bottom: 40px;} .square-page-top-panel .text .d-md-block{display:none!important;} .square-page-top-panel .button{bottom: 25px; right: 38px;} .square-page-top-panel .pricing{top: 55px;} .square-by-pos .integration-overview {padding: 50px 30px;} .square-page-top-panel .img-area{height:500px;} .square-by-here .integration-overview svg{width:100%; height:auto;} .square-by-here .integration-overview{padding:30px;} .square-by-pos .integration-logo svg{margin-top:0px;} .square-by-orderup .integration-overview{padding:30px;} .square-by-welcome .integration-logo svg{margin-top:0px;} .square-by-welcome .integration-overview{padding:30px;} .integration-inner-page .int-pricing-area{width: 375px; top: 00px; padding: 15px 10px; font-size: 13px;} .square-by-orderup .page-top-section .section-inner-curve .content-area{padding:80px 50px 100px 50px} .square-by-orderup .page-top-section .section-inner-curve .content-area .button{left:0px;} .square-by-welcome .page-top-section .section-inner-curve .content-area{padding:80px 50px 100px 50px} .square-by-welcome .page-top-section .section-inner-curve .content-area .button{left:0px;} .square-by-pos .page-top-section .section-inner-curve .content-area{padding:80px 50px 100px 50px} .square-by-pos .page-top-section .section-inner-curve .content-area .button{left:0px;} .square-by-here .page-top-section .section-inner-curve .content-area{padding:80px 50px 100px 50px} .square-by-here .page-top-section .section-inner-curve .content-area .button{left:0px;} /* ---------------------- Integration Page ------------------------*/ /*---------------------- Footer ---------------------------*/ .non-login-footer-2021{padding:30px 15px 20px 15px} .non-login-footer-2021 .footer-first-section .link-box:first-child .f-heading{margin-left:15px;} .non-login-footer-2021 .footer-first-section .link-box:first-child a{margin-left:15px;} .non-login-footer-2021 .footer-first-section .link-box a{width:100%!important; display:table;} .non-login-footer-2021 .footer-first-section a{width:100%; display:inline-block} .non-login-footer-2021 .footer-first-section a:nth-child(2){width:100%;} .non-login-footer-2021 .button-connect {display: table; padding: 20px 15px;} .non-login-footer-2021 .footer-first-section .link-box{width:100%; float:unset;} .non-login-footer-2021 .footer-first-section .link-box .f-heading {margin-left: 15px; margin-top: 20px; margin-bottom: 7px;} .non-login-footer-2021 .footer-first-section .link-box a {margin-left: 15px;} .non-login-footer-2021 .footer-second-section .heading {margin-left: 15px;} .non-login-footer-2021 .footer-second-section a {margin-left: 15px;} .non-login-footer-2021 .footer-first-section .link-box:last-child a{ margin-bottom: 7px;} .non-login-footer-2021 .footer-second-section .heading{margin-top: 20px; margin-bottom: 7px;} .non-login-footer-2021 .f-app-section .f-app-area .f-app-box {width: 33%; float: left; text-align: center; margin-bottom: 20px;} .non-login-footer-2021 .copyright .col-md-6:first-child{ border-right:0px; border-top:solid 1px #fff;} .non-login-footer-2021 .copyright .col-md-6{padding:7px; text-align:center!important;} .non-login-footer-2021 .social-links{padding:0px;} /*---------------------- Footer ---------------------------*/ /*---------App Page-----------*/ .apps-page .navbar-collapse{background: #fff; text-align: right; } .apps-page .top-panel .app-page-top-header .navbar-nav .nav-link{padding:15px 10px;} .apps-page .top-panel .app-page-top-header{padding:10px; position: fixed; width: 100%; z-index:100;} .apps-page .top-panel .search{width: 500px; margin-left:-250px;} .apps-page .sort-by-area .sort-panel{width: 290px;} .apps-page .sort-by-area{padding: 10px 30px;} .apps-page .view{padding: 10px 30px;} .apps-page .page-heading{padding: 0px 30px;} .apps-page .apps-area{padding: 0px 20px;} .apps-page .apps-area .box{width:100%; margin-bottom: 30px;} .apps-page .apps-area .box .app-screens svg{width:100%;} .apps-page .apps-area .box .app-description-area{width: 300px; height:120px;} .apps-page .social-links{display:none;} /*---------App Page-----------*/ .download-whitepaper-page .download-whitepaper-wrapper{padding-top: 20px; padding-bottom: 50px;} .download-whitepaper-page .text-area {padding: 30px;} .download-whitepaper-page .text-area .text-1{font-size:20px;} .download-whitepaper-page .text-area .text-2{font-size:30px;} .download-whitepaper-page .text-area .text-3{font-size:20px;} /* ---------------------- New art-cutlure Page ------------------------*/ .art-culture-industry .page-top-section .section-inner-curve{padding-top: 0px;} .art-culture-industry .page-top-section .section-inner-curve .image-area {padding: 15px 10px 60px 10px;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 30px 10px 40px 10px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text{font-size: 44px; line-height: 50px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .sub-text{font-size: 14px; line-height: 20px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text span{display:table;} .art-culture-industry .trusted-by .head{font-size:22px;} .art-culture-industry .trusted-by .sub-head{font-size:16px;} .art-culture-industry .trusted-by .trusted-logos .logo{width:25%; text-align:Center; margin:10px;} .art-culture-industry .trusted-by .trusted-logos .logo img{width:auto; height:auto;} .art-culture-industry .trusted-by{padding: 0px 10px 40px 10px;} .art-culture-industry .built-art-culture{padding: 40px 10px;} .art-culture-industry .built-art-culture li{width:50%;} .art-culture-industry .built-art-culture li .text{margin-bottom: 50px; line-height: 21px; height:42px} .art-culture-industry .ac-manage-dozens{padding: 40px 10px;} .art-culture-industry .ac-manage-dozens .head{font-size:22px; line-height:normal;} .art-culture-industry .ac-manage-dozens .sub-head{font-size:16px;} .art-culture-industry .ac-manage-dozens .pointer .text{margin-bottom: 40px;} .art-culture-industry .ac-manage-dozens .pointer .col-md-6:nth-child(3) .text{margin-bottom: 40px;} .art-culture-industry .zettle-third-panel .text{font-size: 22px; padding: 0px 55px; line-height: normal;} .art-culture-industry .zettle-third-panel .text-2{font-size:16px;} .art-culture-industry .built-art-culture .head{font-size: 22px;} .art-culture-industry .built-art-culture .sub-head{font-size:16px;} .art-culture-industry .zettle-boost-revenue{padding-left:20px;} .art-culture-industry .zettle-boost-revenue .head{width:100%;} .art-culture-industry .zettle-boost-revenue ul{margin-left:0px;} .art-culture-industry .specialized-hardware {padding: 40px 10px 40px 10px;} .art-culture-industry .specialized-hardware .text-2{margin-left: 0px;} .art-culture-industry .testimonial .testimonail-inner-curve{padding-bottom:0px;} .art-culture-industry .testimonial .testimonial-box:nth-child(1){margin-top:5px; margin-left:0px;} .art-culture-industry .testimonial .testimonial-box:nth-child(2) {margin-top: 5px;} .art-culture-industry .hm-integrable-software .head{font-size:22px;} .art-culture-industry .zettle-pointers .head .text{font-size: 21px;} .art-culture-industry .zettle-pointers{padding:0px 10px;} .art-culture-industry .zettle-pointers .col-md-8{padding-right:0px!important;} .art-culture-industry .zettle-pointers .img-area{float: none!important; margin: 0 auto; margin-top:20px;} .art-culture-industry .zettle-qr-code .img-area{margin-top:50px;} .art-culture-industry .zettle-boost-revenue .img-area{float: none!important; margin: 0 auto; margin-top:20px; height:auto;} .art-culture-industry .zettle-boost-revenue a{margin-bottom:40px;} .art-culture-industry .specialized-hardware .text-1{margin-left:0px; margin-left:0px; margin-top:15px;} .art-culture-industry .make-the-switch{padding: 15px;} .art-culture-industry .make-the-switch .inner-box .inner-content{padding:30px;} .art-culture-industry .make-the-switch .inner-box .inner-content .text-3{width:100%} .art-culture-industry .make-the-switch .inner-box svg {margin-top: 25px;} .art-culture-industry .testimonial .testimonial-area{height:230px;} .art-culture-industry .trusted-by .trusted-logos .logo:last-child{width:256px;} .art-culture-industry .trusted-by .trusted-logos .logo:last-child svg{width:100%; height:auto;} /* ---------------------- New art-cutlure Page ------------------------*/ /*------------ Spektrix Page ------------*/ .header-wrapper-2021 .top-band{padding: 0.88rem;} .spektrix-page .header-wrapper-blank-2021 {height: 151px;} .spektrix-page .page-top-section .section-inner-curve .content-area {padding: 0px 30px 0px 30px;} .spektrix-page .section-one{margin-top:0px;} .spektrix-page .section-one .text-1{margin-left:0px; padding-left:20px; width:100%; font-size: 35px; line-height: 40px; margin-top: 30px;} .spektrix-page .section-one .text-2{margin-left:0px; padding-left:20px; width:100%; font-size: 17px;} .spektrix-page .section-one .action {margin-top: 20px; margin-bottom:20px;} .spektrix-page .section-one .action a{width:150px;} .spektrix-page .section-one .action a:first-child{margin-left:20px;} .spektrix-page .built-art-culture{padding:20px 10px;} .spektrix-page .built-art-culture .head{font-size:22px;} .spektrix-page .built-art-culture .sub-head{font-size:16px;} .spektrix-page .built-art-culture li{width:100%; margin-bottom: 20px; padding:0px;} .spektrix-page .section-overview{padding:20px; background-position:bottom right;} .spektrix-page .section-overview .head{font-size:22px; margin-bottom: 12px;} .spektrix-page .section-overview .text{font-size:16px; margin-bottom: 20px;} .spektrix-page .section-overview .text br{display:none!important;} .spektrix-page .section-overview svg{width:100%; height:auto;} .spektrix-page .key-features{padding:20px 10px; width:100%!important; display:table;} .spektrix-page .key-features .logo-icon{margin-top:10px;} .spektrix-page .key-features .head{font-size:22px;} .spektrix-page .key-features .sub-head{font-size:16px;} .spektrix-page .key-features .pointer .text{font-size:15px; line-height: 21px; margin-bottom: 20px;} .spektrix-page .key-features .pointer .text span{font-size:17px;} .spektrix-page .key-features .pointer .icon{margin-right: 15px;} .spektrix-page .key-features .pointer .col-md-6{padding:0px;} .spektrix-page .spektrix-diff-way .head{font-size:22px;} .spektrix-page .spektrix-diff-way .sub-head{font-size:16px;} .spektrix-page .spektrix-diff-way li{padding:0px 10px;} .spektrix-page .spektrix-diff-way li .text-1{font-size:15px;} .spektrix-page .page-top-section{background-attachment: fixed;} .spektrix-page .make-the-switch{padding: 20px;} .spektrix-page .make-the-switch .inner-box .inner-content{padding: 20px;} .spektrix-page .make-the-switch .inner-box svg{width:100%;} /*------------ Spektrix Page ------------*/ /*---Cookise Mobile---*/ .cookies-setting-bottom-bar{font-size: 17px;text-align: center; grid-template-columns: repeat(2, 1fr)} .cookies-txt {text-align: center; width:100%;grid-column: span 2; } .cookies-setting-bottom-bar a{margin-top: 10px;display: inline-block; float: none;} .cookies-setting-bottom-bar a.cookies-page-link {margin-top: 0px;} /*---Cookies Mobile---*/ } @media screen and (min-width: 280px) and (max-width: 539px) { /*---------------- Header 2021 -----------------------*/ .header-wrapper-2021 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-blank-2021 {height: 150px;} .header-wrapper-2021{background:#fff;} .header-wrapper-2021 .header-2021 .navbar-toggler{display:none;} .header-wrapper-2021 .header-2021 .m-nav-area{display: block; right: 0px; position: absolute;} .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-bar-close-custom{font-size: 19px; float: right; cursor: pointer; padding: 5px 15px;} .header-wrapper-2021 .header-2021 .nav-area{right: 0px; top: 150px; background: #fff; z-index: 100; width: 320px; position:fixed; height:100%; overflow:auto; margin-right:-800px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a{font-family: 'Jost', sans-serif; width: 100%; display: table; padding: 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .header-wrapper-2021 .header-2021 .nav-area a:last-child{margin-bottom: 110px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop{font-family: 'Jost', sans-serif; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .header-wrapper-2021 .header-2021 .nav-area .industry-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2{font-family: 'Jost', sans-serif; background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .industry-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .industry-drop-area{padding: 0px 10px; background: #e8e8e8;} .header-wrapper-2021 .header-2021 .industry-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .industry-drop-area a{font-family: 'Jost', sans-serif; padding: 10px 35px 10px 35px; font-size: 14px; font-weight: 400;} .header-wrapper-2021 .header-2021 .nav-area .products-drop{cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2{background:#e8e8e8; cursor:pointer; position:relative; width: 100%; display: table; padding: 15px 35px 15px 25px; border-bottom: solid 1px #D9D9D9; color: #000; font-weight: 600;} .header-wrapper-2021 .header-2021 .nav-area .products-drop-2:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 15px;} .header-wrapper-2021 .header-2021 .products-drop-area{background: #e8e8e8;} .header-wrapper-2021 .header-2021 .products-drop-area a:last-child{margin:0px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m .sub-text{font-size: 13px; font-weight: 500; color: #99a4a9; margin-bottom: 3px;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .maximize-sales-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; border-bottom: solid 1px #D9D9D9; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2 .sub-text{font-size: 13px; font-weight: 500; color: #99a4a9; margin-bottom: 3px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m a{padding:10px 30px; font-size:13px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .enhance-customer-option-m span{display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m:after{content:'\f107'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m .sub-text{font-size: 13px; font-weight: 500; color: #99a4a9; margin-bottom: 3px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2{font-family: 'Jost', sans-serif; cursor:pointer; padding:10px 35px 10px 35px; font-weight: 500; font-size: 14px; position:relative;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-m-2:after{content:'\f106'; font-family:FontAwesome; position:absolute; right: 11px; top: 11px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m{padding: 0px 15px;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m a{font-family: 'Jost', sans-serif; padding:10px 30px; font-size:13px; font-weight: 400;} .header-wrapper-2021 .header-2021 .products-drop-area .streamline-operations-option-m span{font-family: 'Jost', sans-serif; display:table; font-size:11px; font-weight: 400;} .header-wrapper-2021 .header-2021 .bg-grey{background:#e8e8e8} .header-wrapper-2021 .header-2021 .navbar{padding:0px 15px 0px 15px} .scroll-off{overflow:hidden; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .hd-bg{z-index:-1; background:rgba(0,0,0,0.3); position:fixed; top:0px; right:0px; bottom:0px; left:0px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .open-nav{margin-right:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} /*----------------------- Header 2021 -----------------------*/ /*----------------------- Footer 2021 -----------------------*/ .footer{padding: 40px 0px 20px 0px;} .footer .phone{margin-top:20px;} .footer .connect a{font-size:15px;} .footer .f-quick-link{width:100%; float:unset; margin-top:40px;} .footer .f-quick-link .head{margin-bottom:20px;} .footer .f-help-center{width:100%; float:unset; margin-top:40px;} .footer .f-help-center .head{margin-bottom:20px;} .footer .app-links{width:100%; float:unset; margin-top:40px;} .footer .app-links .head{margin-bottom:20px;} .footer .copyright-bottom .copyright{text-align:center!important;} .footer .app-links .app-urls a{width: 46%; margin-right: 13px;} .footer .app-links .app-urls a .tooltiptext{position: relative; visibility: visible; display: table; bottom: unset; left: unset; margin-left: unset; background: transparent; width: 100%; padding: 5px 0px; font-size: 9px;} .footer .app-links .app-urls a .tooltiptext:before{display:none;} /*----------------------- Footer 2021 -----------------------*/ /* ---------------------- Home Page ------------------------*/ .home-page .page-top-section .section-inner-curve .content-area {padding: 0px 30px 30px 30px;} .home-page .page-top-section .section-inner-curve{background-position:left 257px; background-size: auto; padding-top:32px;} .home-page .page-top-section .section-inner-curve .image-area{padding:15px 30px 18px 30px} .home-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 10px; line-height:50px; font-size: 38px;} .home-page .page-top-section .section-inner-curve .content-area .sub-text{line-height: 26px; font-size: 17px;} .home-page .page-top-section .section-inner-curve .content-area .button{margin-top: 20px; padding:15px 30px; width: 300px;} .hm-step-animation .step-box-area a{font-size:16px;} .hm-step-animation .step-box-area:first-child .step-top:after{width:25px;} .hm-step-animation .step-4 .step-top:after{width:25px;} .home-page .management-software{padding:40px 15px 20px 15px} .hm-step-animation{width:100%; margin:0 auto;} .hm-step-animation .step-box-area{width:186px;} .hm-step-animation .step-4 {width: 170px!important;} .hm-step-animation .step-box-area .head{font-size: 16px; height:86px;} .hm-step-animation .step-box-area .text{font-size: 16px; font-weight: 400; line-height:25px; height:215px;} .hm-step-animation .step-box-area .step-box{width: 165px;} .hm-step-animation .step-4{width: 80%!important; } .hm-step-animation .step-crausel .step-box-area{width: 80%; margin: 0 auto; float: unset;} .hm-step-animation .step-crausel .step-box-area .step-box{width: 260px; margin: 35px auto;} .hm-step-animation .carousel-control-prev{color:#5255A4; font-size: 40px; opacity: 1; width: 30px;} .hm-step-animation .carousel-control-next{color:#5255A4; font-size: 40px; opacity: 1; width: 30px;} .hm-step-animation .step-box-area:first-child .step-top:after{display:none;} .hm-step-animation .step-4 .step-top:after{display:none;} .hm-schedule-consultant{margin-top: 70px; font-size: 20px; padding: 10px;} .hm-left-image-panel{background-position: -10px 100px; padding-bottom: 25px; background-size: contain; margin-top: 70px; } .hm-left-image-panel .image-area{padding: 117px 50px 40px 50px; height: 447px;} .hm-left-image-panel .image-area svg{width:100%; height:auto;} .hm-left-image-panel .section-heading{left: 0px; font-size: 25px; top: 0px; position: relative; margin-bottom: 25px; padding-left:30px; display:table;} .hm-left-image-panel .carousel-indicators{width: 100%; bottom: -57px; left:unset; display:none;} .hm-left-image-panel .head{margin-left: 0px; margin-top: 0px; padding: 0px 30px; font-size:22px; line-height: 30px;} .hm-left-image-panel .sub-text{margin-left: 0px; padding: 0px 30px; font-size:18px;} .hm-left-image-panel .sub-text-2{margin-left: 0px; padding: 0px 30px;} .hm-left-image-panel .sub-text .d-md-block{display:none!important} .hm-left-image-panel .carousel-control-prev{top: 190px; left: 9px; right:unset; font-size: 40px;} .hm-left-image-panel .carousel-control-next{right: 9px; top: 190px; left: unset; font-size: 40px;} .hm-left-image-panel .carousel-item a{margin-left: 30px; margin-top: 20px;} .hm-left-image-panel .carousel-indicators li{background:#e1e1e1;} .hm-left-image-panel .is-qrcode{padding:107px 80px 40px 80px;} .hm-left-image-panel .is-branded{padding:107px 80px 40px 80px;} .hm-left-image-panel .is-review{padding:107px 80px 40px 80px;} .hm-left-image-panel .is-food{padding:107px 80px 40px 80px;} .hm-left-image-panel .col-md-5{height:520px;} .hm-left-image-panel .is-sms-marketing{padding:157px 20px 40px 20px} .hm-left-image-panel .is-recurring{padding:157px 20px 40px 20px} .second-left .col-md-5 {height: 486px;} .hm-left-image-panel .is-quote-invoice{padding:77px 60px 40px 70px} .hm-left-image-panel .is-quote-invoice{padding:77px 60px 40px 70px} .hm-right-image-panel{background-position: 10px 100px; padding-bottom: 0px; background-size: contain; margin-top: 100px;} .hm-right-image-panel .image-area {padding: 117px 50px 40px 50px; height: 447px;} .hm-right-image-panel .image-area svg{width:100%; height:auto;} .hm-right-image-panel .col-md-5{height:505px;} .hm-right-image-panel .carousel-indicators{bottom: -14px; left: -20px; right: unset;} .hm-right-image-panel .section-heading{left: 0px; font-size: 25px; top: 0px; position: relative; margin-bottom: 25px; padding-left:30px; display:table;} .hm-right-image-panel .head{margin-left: 0px; margin-top: 0px; padding: 0px 30px; font-size:22px; line-height: 30px;} .hm-right-image-panel .sub-text-2{margin-left: 0px; margin-top: 0px; padding: 0px 30px; } .hm-right-image-panel .sub-text{margin-left: 0px; padding: 0px 30px; font-size:18px;} .hm-right-image-panel .sub-text .d-md-block{display:none!important} .hm-right-image-panel .carousel-item a{margin-left: 30px; margin-top:20px;} .hm-right-image-panel .carousel-control-prev{top: 190px; left: 9px; right:unset; font-size: 40px;} .hm-right-image-panel .carousel-control-next{right: 9px; top: 190px; left: unset; font-size: 40px;} /* .hm-right-image-panel .carousel-control-prev{right: 40px; top: -57px; left: unset;} .hm-right-image-panel .carousel-control-next{right: 9px; top: -57px; left: unset;}*/ .hm-right-image-panel .carousel-indicators{width: 100%; bottom: -56px; right:0px; left:-90px; display:none;} .hm-right-image-panel .carousel-indicators li{background:#e1e1e1;} .hm-right-image-panel .is-branded{padding:107px 80px 40px 80px;} .hm-right-image-panel .is-review{padding:107px 80px 40px 80px;} .hm-right-image-panel .is-food{padding:107px 80px 40px 80px;} .hm-right-image-panel .is-real-time{padding:137px 50px 40px 50px} .hm-right-image-panel .is-sms-marketing{padding:137px 50px 40px 50px} .hm-right-image-panel .is-recurring{padding:137px 50px 40px 50px} .hm-right-image-panel .is-qrcode{padding:137px 60px 40px 70px} .hm-right-image-panel .is-quote-invoice{padding:77px 60px 40px 70px} .hm-right-image-panel .hm-carousel-item-1 .sub-text{margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text{margin-top: 0px;} .hm-right-image-panel .hm-carousel-item-2 .sub-text-2{margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text{margin-top: 30px; margin-bottom:20px;} .hm-right-image-panel .hm-carousel-item-3 .sub-text-2{margin-top: 0px; margin-bottom:30px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text{margin-bottom: 20px;} .hm-right-image-panel .hm-carousel-item-4 .sub-text-2{margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-5 .sub-text{margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-6 .sub-text {margin-top: 0px; margin-bottom: 28px;} .hm-right-image-panel .hm-carousel-item-7 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-8 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-9 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-10 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-11 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-12 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-13 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-14 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-15 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-16 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-17 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-right-image-panel .hm-carousel-item-18 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-11 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-12 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-13 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-14 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-15 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-16 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-17 .sub-text {margin-top: 0px; margin-bottom: 30px;} .hm-left-image-panel .hm-carousel-item-18 .sub-text {margin-top: 0px; margin-bottom: 30px;} .second-right .carousel-indicators {left: -110px; right: unset; bottom:-12px;} .second-right .col-md-5 {height: 527px;} .hm-integrable-software{margin-top: 80px;} .hm-integrable-software .head{font-size: 24px; font-size: 24px; padding: 0px 15px;} .hm-integrable-software .text {font-size: 16px; font-weight: 400; margin-top: 9px; padding: 0px 15px;} .hm-software-operate-scale{padding: 50px 20px 20px 20px; margin-top: 0px;} .hm-software-operate-scale-img{width:100%; height:auto; margin-top:30px;} .hm-software-operate-scale-img svg{width:100%; height:auto;} .hm-software-operate-scale-content{margin-left: 0px; margin-top:0px;} .hm-software-operate-scale-content .heading{font-size:23px;} .hm-software-operate-scale-content .pointers{margin-top: 10px; } .hm-software-operate-scale-content .pointers span{font-size:20px;} .hm-integrable-software-boxes{padding: 10px;} .hm-integrable-software-boxes .box{padding: 25px 15px;} .hm-integrable-software-boxes .box .text{height:auto; margin-bottom: 15px;} .hm-integrable-software-boxes .box .text .d-md-block{display:none!important} .hm-integrable-software-boxes .col-md-4 {padding: 10px!important;} .hm-support-center .img {margin-top: 25px; padding: 10px 19px;} .hm-support-center .heading{margin-left:45px;} .hm-support-center .sub-text{margin-left:45px;} .home-page .testimonial .head {margin-left: 0px;} .home-page .testimonial .description {margin-left: 0px; font-size:27px;} .home-page .testimonial .description .d-md-block{display:none!important} .home-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .home-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} .home-page .testimonial .testimonial-area {height: 478px;} .hm-support-center .head{font-size: 30px; left: 30px;} .home-page .action-button{margin-top:25px;} /*---Cookise Mobile---*/ .cookies-setting-bottom-bar{font-size: 17px;text-align: center; grid-template-columns: repeat(2, 1fr)} .cookies-txt {text-align: center; width:100%;grid-column: span 2; } .cookies-setting-bottom-bar a{margin-top: 10px;display: inline-block; float: none;} .cookies-setting-bottom-bar a.cookies-page-link {margin-top: 0px;} /*---Cookies Mobile---*/ /* ---------------------- Home Page ------------------------*/ /* ---------------------- New Home Page 2024 ------------------------*/ .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar{padding:0px 25px 0px 25px} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-bar-custom {font-size: 22px; padding: 5px 25px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .navbar-brand path{fill:#000!important;} .header-wrapper-blank-2021.header-wrapper-blank-2024 {height: 66px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-area{top: 66px;} .header-wrapper-2021.header-wrapper-2024 .header-2021 .nav-bar-custom {font-size: 30px !important; padding: 5px 25px !important;} .scroll-down .header-wrapper-2021.header-wrapper-2024{top:0px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .navbar {padding: 0px 10px 0px 10px;} .hm-revenue-center .header-wrapper-blank-2021 {height: 66px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-bar-custom{font-size: 30px!important; padding: 5px 25px!important;} .hm-revenue-center .header-wrapper-2021 .header-2021 .nav-area{top: 67px!important;} .hm-revenue-center .top-section .content-area {margin-top: 20px;} .hm-revenue-center .top-section .content-area .sub-text{margin-top: 17px; font-size: 19px;} .hm-revenue-center .top-section{padding:20px 10px;} .hm-revenue-center .top-section .content-area .text{font-size: 33px; line-height: 40px;} .hm-revenue-center .top-section .image-area{margin-top:40px;} .hm-revenue-center .top-section .image-area svg{width:100%; height:auto;} .hm-revenue-center .section-two{padding:20px 10px;} .hm-revenue-center .section-two .item{padding: 10px;} .hm-revenue-center .section-two .box{padding: 15px;} .hm-revenue-center .section-two .box .head{font-size: 25px; margin-bottom: 20px;} .hm-revenue-center .section-two .box .head img{display: inline-block; width: auto;} .hm-revenue-center .section-two .box .text{height:120px; font-size:18px; line-height:25px;} .hm-revenue-center .section-three{padding:20px 10px;} .hm-revenue-center .section-three .head{font-size: 27px; line-height:35px;} .hm-revenue-center .section-three .sub-head{font-size: 20px;} .hm-revenue-center .section-three .item{padding: 10px;} .hm-revenue-center .section-three .box .title{position: relative; background: rgba(0, 0, 0, 0.7); border-radius: 0px; color: #fff; border-bottom: solid 1px #fff;} .hm-revenue-center .section-three .box img{border-radius: 15px 15px 0px 0px;} .hm-revenue-center .section-three .box .hover-div{position: relative; margin: 0px; border-radius: 0px 0px 15px 15px; height:200px; padding: 5px;} .hm-revenue-center .section-three .box:hover .hover-div{margin-top: 100px !important;} .hm-revenue-center .section-three .box .hover-div .h-title{display:none;} .hm-revenue-center .section-three .box .hover-div ul{height: 100%; overflow: visible; margin: 0px;} .hm-revenue-center .section-three .box .hover-div li{font-size: 15px;} .hm-revenue-center .section-four{padding:20px 10px;} .hm-revenue-center .section-four .head{font-size: 27px;} .hm-revenue-center .section-four .container{padding: 0px;} .hm-revenue-center .section-four .nav{margin-top:0px;} .hm-revenue-center .section-four img{width:100%; height:auto;} .hm-revenue-center .section-four .text{text-align:center; font-size: 19px;} .hm-revenue-center .section-five{padding:20px 10px;} .hm-revenue-center .section-five .head{font-size: 27px;} .hm-revenue-center .section-five .head br{display:none!important;} .hm-revenue-center .section-five .box{display: grid;} .hm-revenue-center .section-five .img{order:1} .hm-revenue-center .section-five .text{order:2; text-align:center; margin-top:15px; font-size: 19px;} .hm-revenue-center .section-six{padding: 20px 10px;} .hm-revenue-center .section-six .head{font-size: 28px; padding-bottom: 35px; margin-bottom: 35px;} .hm-revenue-center .section-six .sub-head{font-size: 23px; font-weight: 600; margin-top: 20px; margin-bottom: 20px;} .hm-revenue-center .section-six .sub-head span{font-size: 17px; line-height: 28px; margin-top: 10px;} .hm-revenue-center .section-six .sub-head span br{display:none!important} .hm-revenue-center .section-six .logo-head{font-size: 27px;margin-bottom: 10px;} .hm-revenue-center .section-six .owl-carousel .img{margin:0 auto;} .hm-revenue-center .section-seven{padding: 20px 10px;} .hm-revenue-center .section-seven .head{font-size: 29px; } .hm-revenue-center .section-seven .content .item{padding: 10px;} .hm-revenue-center .section-seven .content .box span{font-size: 60px; left: 18px;} .hm-revenue-center .section-seven .box{padding: 15px 15px 15px 70px; height:162px; font-size: 18px; line-height: 25px;} .hm-revenue-center .section-seven .testimonal-area{margin: 80px auto; margin-bottom: 10px;} .hm-revenue-center .section-seven .testimonal-area .owl-carousel .item{padding: 10px;} .hm-revenue-center .section-seven .testimonal-area .box{padding: 15px;} .hm-revenue-center .section-seven .testimonal-area:before{width: 120px; height: 98px; top: -40px; background-size: cover; left:0px;} .hm-revenue-center .section-seven .testimonal-area:after{width: 120px; height: 98px; background-size: cover; bottom: 46px; right: 0px;} .hm-revenue-center .section-seven .testimonal-area .owl-theme .owl-dots{margin-top: 35px;} .hm-revenue-center .section-seven .testimonal-area .detail .name{width: calc(100% - 85px); font-size: 15px; line-height: 25px; margin-top:5px;} .hm-revenue-center .section-seven .testimonal-area .text{height:240px; font-size: 18px; line-height: 25px;} .hm-revenue-center .section-seven .cta{margin: 30px auto; margin-top: 30px;} .hm-revenue-center .section-eight .form-area .col-md-8{padding: 10px;} .hm-revenue-center .section-eight .form-area .head{width: 100%; font-size: 27px; line-height: 40px;} .hm-revenue-center .section-eight .form-area .sub-head{width: 100%; font-size: 20px; line-height: 25px;} .hm-revenue-center .section-eight .form-area .form{width: 100%;} .hm-revenue-center .section-eight .form-area .form input{width:100%;} .hm-revenue-center .section-eight .form-area .form button{width:100%; margin-top:15px;} .hm-revenue-center .section-eight .form-area{padding:10px;} .hm-revenue-center .section-eight{padding: 20px 10px;} .hm-revenue-center .non-login-footer-2021.non-login-footer-2024 {padding: 20px 10px;} .non-login-footer-2021.non-login-footer-2024 {padding: 20px 10px;} .hm-revenue-center .section-nine{padding: 20px 10px;} .hm-revenue-center .section-nine .head{font-size: 28px; padding-bottom: 35px; margin-bottom: 35px;} .hm-revenue-center .section-nine .sub-head{font-size: 19px; font-weight:500; margin-top: 20px; margin-bottom: 20px;} .hm-revenue-center .section-nine .logo-head{font-size: 27px;margin-bottom: 10px;} .hm-revenue-center .section-nine .owl-carousel .img{margin:0 auto;} .hm-revenue-center .owl-theme .owl-dots .owl-dot span {width: 10px!important; height: 10px!important;} /* ---------------------- New Home Page 2024 ------------------------*/ /* ---------------------- app Page ------------------------*/ .page-top-section .section-inner-curve{padding-top: 20px;} .page-top-section .section-inner-curve .content-area{padding: 0px 20px 30px 20px;} .page-top-section .section-inner-curve .content-area .text{font-size: 27px; margin-bottom: 10px;} .page-top-section .section-inner-curve .content-area .sub-text{font-size: 17px; line-height:normal;} .page-top-section .section-inner-curve .content-area .button{padding: 15px 86px;} .page-top-section .section-inner-curve .image-area{padding: 15px 15px 0px 15px} .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .management-software{font-size: 20px; padding:50px 15px 20px 15px} .action-button a{width:230px; margin-top: 0px} .action-button a:last-child{margin-left:0px; margin-top: 25px;} .features{padding: 15px 5px;} .features .icon{margin-top: 50px;} .features .head{margin-top: 18px;} .features .text{font-size: 18px;} .key-feautres-mobile .card-header button{font-size: 15px;} .left-image-panel .image-area svg{width:100%; height:auto; background-size: contain;} .left-image-panel .image-area{padding: 70px 30px 30px 30px; background-position:-90px top; background-size: contain;} .left-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 15px;} .left-image-panel ul .d-md-block{display:none!important;} .left-image-panel a{margin-left: 40px;} .right-image-panel{margin-top:45px;} .right-image-panel .image-area{background-position:90px top; padding:70px 30px 30px 30px; background-size: contain;} .right-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .right-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 15px;} .right-image-panel ul .d-md-block{display:none!important;} .right-image-panel a{margin-left: 40px;} .other-salesvu-apps{margin-top: 60px;} .salesvu-app-section{width:100%; margin-top: 65px;} .salesvu-app-section .app-column{width: 300px; margin:0 auto!important; margin-right:0px; margin-bottom: 25px!important; height:300px; float:unset; padding:20px 0px;} .testimonial{margin-top:38px; background-size: cover;} .testimonial .head{margin-left: 12px; margin-top: 130px;} .testimonial .description{margin-left: 12px;font-size: 25px; line-height: 35px; margin-bottom:25px;} .testimonial a{margin-left: 12px; margin-bottom:25px;} .testimonial .testimonail-inner-curve{padding-bottom: 10px; background-size: initial;} .testimonial .testimonial-box .testimonial-details .c-name{font-size:14px;} .testimonial .testimonial-area{width:100%; height:auto; margin-left:0px} .testimonial .testimonial-box{width: 100%; padding: 15px; position:relative; margin-bottom:15px; float:unset;} .testimonial .testimonial-box .text{margin-bottom: 15px;} .testimonial .testimonial-box:nth-child(1){margin-top: unset;} .testimonial .testimonial-box:nth-child(2){margin-top: unset; margin-left: unset;} .testimonial .testimonial-box:nth-child(3){margin-top: unset; margin-left: unset; width: 100%;} .testimonial .testimonial-box:nth-child(4){margin-top: unset; margin-left: unset; width: 100%;} .testimonial .logo-box{padding: 50px 10px;} .employee-schedulling-page .page-top-section .section-inner-curve .image-area{padding:15px 15px 0px 15px} .employee-schedulling-page .page-top-section .section-inner-curve .content-area{padding: 0px 20px 30px 20px;} .employee-schedulling-page .left-image-panel .image-area {padding: 70px 30px 30px 30px; background-size: contain; background-position: -90px top;} .employee-schedulling-page .left-image-panel .head{font-size: 23px; margin-left: 40px; margin-top:50px;} .employee-schedulling-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .employee-schedulling-page .left-image-panel .sub-text .d-md-block{display:none!important;} .employee-schedulling-page .left-image-panel ul{margin-left: 40px;} .employee-schedulling-page .right-image-panel .image-area {padding: 70px 30px 30px 30px; background-size: contain; background-position: 90px top;} .employee-schedulling-page .right-image-panel .head{font-size: 23px; margin-left: 40px; margin-top:50px;} .employee-schedulling-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .employee-schedulling-page .right-image-panel .sub-text .d-md-block{display:none!important;} .employee-schedulling-page .right-image-panel ul{margin-left: 40px;} .employee-schedulling-page .testimonial .testimonial-box:nth-child(1) { margin-top: unset; margin-left: 0px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .text{font-size: 26px; line-height: 36px;} .fine-dinning-page .page-top-section .section-inner-curve .content-area .sub-text{font-size: 17px;} .fine-dinning-page .page-top-section .section-inner-curve .image-area{padding:35px 15px 18px 35px} .fine-dinning-page .page-top-section .section-inner-curve .image-area svg{width:100%; height:auto;} .fine-dinning-page .right-image-panel .image-area {padding: 70px 30px 0px 30px;} .fine-dinning-page .right-image-panel .head{margin-left: 40px; font-size: 23px; margin-top: 50px;} .fine-dinning-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .fine-dinning-page .right-image-panel .sub-text span{font-size:21px;} .fine-dinning-page .right-image-panel .sub-text .d-md-block{display:none!important;} .fine-dinning-page .right-image-panel a {margin-left: 40px;} .fine-dinning-page .left-image-panel .image-area {padding: 70px 30px 0px 30px; margin-top:50px;} .fine-dinning-page .left-image-panel .head{margin-left: 40px; font-size: 28px; margin-top:50px;} .fine-dinning-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .fine-dinning-page .left-image-panel .sub-text span{font-size:21px;} .fine-dinning-page .left-image-panel .sub-text .d-md-block{display:none!important;} .fine-dinning-page .left-image-panel a{margin-left:40px;} .tiered-loyalty-page .page-top-section .section-inner-curve .image-area{padding:15px 15px 0px 15px} .tiered-loyalty-page .left-image-panel .image-area{padding: 70px 30px 30px 30px;} .tiered-loyalty-page .left-image-panel .sub-text{font-size: 16px; line-height:25px; margin-left:40px; margin-right:20px;} .tiered-loyalty-page .left-image-panel .sub-text .d-md-block{display:none!important;} .tiered-loyalty-page .left-image-panel .head{margin-top: 40px; margin-left:40px; font-size:28px;} .tiered-loyalty-page .left-image-panel ul{margin-left:40px;} .tiered-loyalty-page .left-image-panel a{margin-left:40px;} .tiered-loyalty-page .right-image-panel .image-area {padding: 70px 30px 30px 30px;} .tiered-loyalty-page .right-image-panel .head{margin-top: 40px; margin-left: 45px; font-size:23px;} .tiered-loyalty-page .right-image-panel .sub-text{font-size: 16px; line-height:25px;margin-left: 45px; margin-right:20px;} .tiered-loyalty-page .right-image-panel .sub-text .d-md-block{display:none!important;} .tiered-loyalty-page .right-image-panel ul{margin-left: 45px; margin-top: 20px;} .tiered-loyalty-page .right-image-panel a{margin-left: 45px;} .customer-words{padding:110px 20px 30px 20px; font-size: 24px;} .customer-words span{font-size: 19px; padding:10px 30px 40px 30px} .tiered-loyalty-page .testimonial{margin-top:0px;} .tiered-loyalty-page .management-software span{font-size: 22px; line-height: normal;} .tiered-loyalty-page .testimonial .head {margin-left: 12px;} .tiered-loyalty-page .testimonial .description {margin-left: 12px;} .tiered-loyalty-page .testimonial .testimonial-box:nth-child(1){margin-top:unset; margin-left:unset;} .review-booster-page .page-top-section .section-inner-curve .image-area {padding:0px 47px 0px 47px} .review-booster-page .management-software span{font-size: 21px;} .review-booster-page .left-image-panel .image-area {background-position: -90px top; padding: 70px 30px 30px 30px;} .review-booster-page .left-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .review-booster-page .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 15px;} .review-booster-page .left-image-panel a{margin-left: 42px;} .review-booster-page .right-image-panel .image-area {padding: 70px 30px 30px 30px;} .review-booster-page .right-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .review-booster-page .right-image-panel ul {font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 15px;} .review-booster-page .right-image-panel a{margin-left: 42px;} .review-booster-page .testimonial .testimonial-box{padding: 15px;} .review-booster-page .testimonial .text-head{margin-right: unset; margin-top: 140px; font-size: 50px; text-align: left; margin-bottom: 50px;} .review-booster-page .testimonial .testimonial-box .testimonial-details .c-name{padding: 15px 0px 0px 0px; font-size: 15px;} .review-booster-page .testimonial .testimonail-inner-curve {padding-bottom: 0px;} .real-time-page .page-top-section .section-inner-curve .content-area {padding:0px 20px 30px 20px;} .real-time-page .page-top-section .section-inner-curve .content-area .text {line-height: 33px; margin-bottom: 20px; font-size: 27px;} .real-time-page .page-top-section .section-inner-curve .content-area .text .d-md-block{display:none!important;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text{line-height: 25px;} .real-time-page .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .real-time-page .page-top-section .section-inner-curve .image-area {padding: 15px 15px 0px 15px} .real-time-page .page-top-section .section-inner-curve .content-area .button {margin-top: 40px;} .real-time-page .left-image-panel .image-area {padding: 70px 30px 30px 30px; background-size: cover; background-position: -145px top;} .real-time-page .left-image-panel .head{font-size: 23px; margin-top: 40px; margin-left: 40px;} .real-time-page .left-image-panel ul {margin-left: 40px; margin-top: 25px;} .real-time-page .left-image-panel a{margin-left: 40px; margin-top: 40px;} .real-time-page .right-image-panel .image-area {padding: 70px 30px 30px 30px;} .real-time-page .right-image-panel .head{margin-top: 40px; font-size: 23px;} .real-time-page .right-image-panel ul {margin-left: 40px; margin-top: 25px;} .real-time-page .right-image-panel a{margin-left: 40px; margin-top: 40px;} .digital-physical-page .page-top-section .section-inner-curve .image-area{padding: 26px 25px 0px 25px;} .digital-physical-page .page-top-section .section-inner-curve .content-area{padding: 0px 20px 30px 20px;} .digital-physical-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 26px;} .digital-physical-page .left-image-panel .image-area{padding:0px 20px 0px 20px} .digital-physical-page .left-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .digital-physical-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .digital-physical-page .left-image-panel .sub-text .d-md-block{display:none!important;} .digital-physical-page .left-image-panel .sub-text span{font-size: 19px;} .digital-physical-page .left-image-panel a{margin-left:40px;} .digital-physical-page .right-image-panel .image-area{padding:70px 20px 0px 20px} .digital-physical-page .right-image-panel .image-area svg{width:100%; height:auto;} .digital-physical-page .right-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .digital-physical-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .digital-physical-page .right-image-panel .sub-text .d-md-block{display:none!important;} .digital-physical-page .right-image-panel .sub-text span{font-size: 19px;} .digital-physical-page .right-image-panel a{margin-left: 40px;} .digital-physical-page .testimonial .testimonial-box:nth-child(2){margin-top: 0px;} .digital-physical-page .testimonial .testimonial-box:nth-child(3){margin-top: 0px;} .digital-physical-page .testimonial .testimonial-box:nth-child(4){margin-top: 0px;} .digital-physical-page .testimonial .head{margin-left: 12px; margin-top: 150px;} .digital-physical-page .testimonial .description {margin-left: 12px;} .digital-physical-page .testimonial .description .d-md-block{display:none!important;} .digital-physical-page .testimonial a{margin-left: 12px;} .recurring-biling-page .page-top-section .section-inner-curve .image-area{padding: 15px 15px 0px 15px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area{padding: 0px 20px 30px 20px;} .recurring-biling-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 20px; font-size: 26px;} .recurring-biling-page .left-image-panel .image-area{padding:0px 20px 0px 20px} .recurring-biling-page .left-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .recurring-biling-page .left-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .recurring-biling-page .left-image-panel .sub-text .d-md-block{display:none!important;} .recurring-biling-page .left-image-panel .sub-text span{font-size: 19px;} .recurring-biling-page .left-image-panel a{margin-left:40px;} .recurring-biling-page .right-image-panel .image-area{padding:70px 20px 0px 20px} .recurring-biling-page .right-image-panel .image-area svg{width:100%; height:auto;} .recurring-biling-page .right-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .recurring-biling-page .right-image-panel .sub-text{font-size: 19px; margin-left: 40px; line-height: 30px; margin-right: 40px;} .recurring-biling-page .right-image-panel .sub-text .d-md-block{display:none!important;} .recurring-biling-page .right-image-panel .sub-text span{font-size: 19px;} .recurring-biling-page .right-image-panel a{margin-left: 40px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(2){margin-top: 0px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(3){margin-top: 0px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(4){margin-top: 0px;} .recurring-biling-page .testimonial .head{margin-left: 12px; margin-top: 150px;} .recurring-biling-page .testimonial .description {margin-left: 12px;} .recurring-biling-page .testimonial .description .d-md-block{display:none!important;} .recurring-biling-page .testimonial a{margin-left: 12px;} .recurring-biling-page .testimonial .testimonial-box:nth-child(1){margin-top: 0px; margin-left: 0px;} .qr-ordering-page .page-top-section .section-inner-curve .content-area{padding:0px 20px 30px 20px} .qr-ordering-page .page-top-section .section-inner-curve .image-area{padding:25px 65px 0px 65px} .qr-image-area{margin-top: 80px;} .qr-image-area svg{width:100%; height:auto;} .qr-image-area-2{margin-bottom: 60px; margin-top: 60px;} .qr-image-area-2 svg{width:100%; height:auto; padding:0px 20px;} .qr-ordering-page .action-button {margin-bottom: 70px;} .qr-ordering-page .left-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .qr-ordering-page .left-image-panel .sub-text{font-size:17px; margin-left:40px; margin-right: 20px; line-height: normal;} .qr-ordering-page .left-image-panel .sub-text .d-md-block{display:none!important;} .qr-ordering-page .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 15px;} .qr-ordering-page .left-image-panel .image-area {padding:70px 30px 30px 30px;} .qr-ordering-page .right-image-panel .head{font-size: 23px; margin-left: 40px; margin-top: 50px;} .qr-ordering-page .right-image-panel .sub-text{font-size:17px; margin-left:40px; margin-right: 15px; line-height: normal;} .qr-ordering-page .right-image-panel .sub-text .d-md-block{display:none!important;} .qr-ordering-page .right-image-panel ul{margin-left: 54px;} .qr-ordering-page .right-image-panel .image-area svg{width:100%; height:auto;} .qr-ordering-page .right-image-panel .image-area {padding: 70px 30px 30px 30px;} .handheld-page .page-top-section .section-inner-curve .content-area{padding:0px 20px 30px 20px} .handheld-page .page-top-section .section-inner-curve .image-area {padding: 35px 0px 0px 22px;} .handheld-page .management-software{padding:50px 15px 20px 15px} .handheld-page .management-software .d-md-block{display:none!important;} .handheld-page .left-image-panel .image-area{padding: 70px 30px 30px 30px;} .handheld-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .handheld-page .left-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 15px; margin-right:15px;} .handheld-page .left-image-panel .sub-text .d-md-block{display:none!important;} .handheld-page .left-image-panel a{margin-left:40px;} .handheld-page .right-image-panel .image-area {background-position: 50px top; padding: 70px 30px 30px 30px;} .handheld-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .handheld-page .right-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 15px; margin-right:15px;} .handheld-page .right-image-panel .sub-text .d-md-block{display:none!important;} .handheld-page .right-image-panel a{margin-left:40px;} .key-features{width:700px; display:none} .key-feautres-mobile{display:block;} .key-feautres-mobile .card-body .tab-screen svg{width: 271px; height: auto; margin: 0 auto; display: block;} .key-feautres-mobile .card-body .tab-screen .tf-screen {position: absolute; top: 12px; left: 50%; width: 240px; height: 169px; overflow: hidden; margin-left:-121px;} .handheld-page .testimonial .head{margin-left: 0px;} .handheld-page .testimonial .description{margin-left: 0px;} .handheld-page .testimonial .testimonial-box {padding: 15px;} .handheld-page .testimonial .testimonial-box:nth-child(1) {margin-top: 0px;} .handheld-page .testimonial .testimonial-box:nth-child(4) {margin-top: 5px;} .handheld-page .testimonial .testimonial-box:nth-child(3) {margin-top: 5px;} .handheld-page .testimonial .testimonial-box .text{margin-bottom:15px;} .orderup-page .page-top-section .section-inner-curve .image-area{padding:15px 25px 0px 25px} .orderup-page .page-top-section .section-inner-curve .content-area{padding:0px 20px 30px 20px} .orderup-page .page-top-section .section-inner-curve .content-area .text{font-size: 27px;} .orderup-page .page-top-section .section-inner-curve .content-area .button {margin-top: 25px; padding: 15px 45px;} .orderup-page .management-software{font-size: 20px; padding: 50px 15px 20px 15px;} .orderup-page .management-software span{font-size:18px;} .orderup-page .left-image-panel {margin-top: 100px;} .orderup-page .left-image-panel .image-area {padding: 70px 30px 30px 30px; background-position: -90px top;} .orderup-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .orderup-page .left-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .orderup-page .left-image-panel .sub-text .d-md-block{display:none!important;} .orderup-page .left-image-panel a{margin-left:40px;} .orderup-page .right-image-panel .image-area {padding: 70px 30px 30px 30px; background-position: 90px top;} .orderup-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .orderup-page .right-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .orderup-page .right-image-panel .sub-text .d-md-block{display:none!important;} .orderup-page .right-image-panel a{margin-left: 40px;} .orderup-page .feature-kiosk {margin-top: 60px;} .orderup-page .testimonial .head { margin-left: 12px;} .orderup-page .testimonial .description {margin-left: 12px; font-size: 32px;} .orderup-page .testimonial .description .d-md-block{display:none!important;} .orderup-page .testimonial .testimonial-box{padding:20px;} .orderup-page .testimonial .testimonial-area {height: 600px;} .orderup-page .testimonial .testimonial-box .text{margin-bottom:15px; } .orderup-page .testimonial .testimonial-box:nth-child(1) {margin-top: unset;} .orderup-page .testimonial .testimonial-box:nth-child(3){margin-top: unset; margin-left:unset;} .orderup-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .pos-page .page-top-section .section-inner-curve .image-area{padding:15px 25px 0px 25px} .pos-page .page-top-section .section-inner-curve .content-area{padding:0px 20px 30px 20px} .pos-page .page-top-section .section-inner-curve .content-area .text{font-size: 27px;} .pos-page .page-top-section .section-inner-curve .content-area .button {margin-top: 25px; padding: 15px 45px;} .pos-page .management-software{font-size: 20px; padding: 50px 15px 20px 15px;} .pos-page .left-image-panel {margin-top: 60px;} .pos-page .left-image-panel .image-area {padding: 70px 30px 23px 30px; background-position: -90px top;} .pos-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .pos-page .left-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .pos-page .left-image-panel .sub-text .d-md-block{display:none!important;} .pos-page .left-image-panel a{margin-left:40px;} .pos-page .right-image-panel .image-area {padding: 70px 30px 30px 30px; background-position: 90px top;} .pos-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .pos-page .right-image-panel .sub-text{font-size: 17px; margin-left: 40px; margin-top: 25px; margin-right: 25px;} .pos-page .right-image-panel .sub-text .d-md-block{display:none!important;} .pos-page .right-image-panel a{margin-left: 40px;} .pos-page .feature-kiosk {margin-top: 60px;} .pos-page .testimonial .testimonail-inner-curve{background-position: left top;} .pos-page .testimonial .head { margin-left: 12px; margin-top:130px;} .pos-page .testimonial .description {margin-left: 12px; font-size: 32px;} .pos-page .testimonial .description .d-md-block{display:none!important;} .pos-page .testimonial .testimonial-box{padding:20px;} .pos-page .testimonial .testimonial-area {height: 600px;} .pos-page .testimonial .testimonial-box .text{margin-bottom:15px;} .pos-page .testimonial .testimonial-box:nth-child(1) {margin-top: unset; margin-left:0px} .pos-page .testimonial .testimonial-box:nth-child(3){margin-top: unset;} .pos-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .program-area{width:100%; margin-top: 90px; margin-bottom: 30px;} .program-area .col-md-4{padding:20px 10px;} .program-area .col-md-4 .area-box{padding: 140px 20px 71px 20px; background-position: -125px top; margin:0 auto; margin-top:100px; width:300px; position:relative;} .program-area .col-md-4:first-child .area-box{margin-top:0px;} .program-area .col-md-4 .area-box .art-area{margin-left: -150px; width: 300px; top: -86px;} .program-area .col-md-4 .area-box .heading{font-size: 17px;} .program-area .col-md-4 .area-box .desc{height:auto;} .here-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .here-page .page-top-section .section-inner-curve .image-area{padding: 15px 25px 0px 25px; text-align: center;} .here-page .management-software{font-size: 25px; margin-bottom: 60px; padding:80px 0px 0px 0px} .here-page .management-software span{font-size:17px;} .here-page .left-image-panel .image-area {padding: 100px 30px 53px 30px;} .here-page .left-image-panel .head{margin-top: 50px; font-size: 28px;} .here-page .left-image-panel .sub-text{font-size:17px; margin-top: 15px;} .here-page .right-image-panel .image-area {padding: 100px 30px 0px 30px} .here-page .right-image-panel .head{margin-left: 45px; margin-top: 50px; font-size: 28px;} .here-page .right-image-panel .sub-text{margin-left: 45px; font-size:17px; margin-top:15px;} .here-page .right-image-panel a{margin-left: 45px;} .here-page .testimonial .head {margin-left: 12px;} .here-page .testimonial .description {margin-left: 12px; font-weight: 500;} .here-page .testimonial .testimonial-box:nth-child(4){margin-top:unset;} .here-page .testimonial .description .d-md-block {display: none!important;} .here-page .second-left{margin-top:80px;} .here-page .hm-integrable-software{margin-top:100px;} .welcome-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .welcome-page .page-top-section .section-inner-curve .image-area{padding: 15px 25px 0px 25px; text-align: center;} .welcome-page .management-software{font-size: 25px; margin-bottom: 60px; padding:80px 0px 0px 0px} .welcome-page .management-software span{font-size:17px;} .welcome-page .left-image-panel .image-area {padding: 100px 30px 23px 30px} .welcome-page .left-image-panel .head{margin-top: 50px; font-size: 28px;} .welcome-page .left-image-panel .sub-text{font-size:17px; margin-top: 15px;} .welcome-page .right-image-panel .image-area {padding: 100px 30px 0px 30px} .welcome-page .right-image-panel .head{margin-left: 45px; margin-top: 50px; font-size: 28px;} .welcome-page .right-image-panel .sub-text{margin-left: 45px; font-size:17px; margin-top:15px;} .welcome-page .right-image-panel a{margin-left: 45px;} .welcome-page .testimonial .head {margin-left: 12px;} .welcome-page .testimonial .description {margin-left: 12px; font-weight: 500;} .welcome-page .testimonial .testimonial-box:nth-child(4){margin-top:unset;} .welcome-page .testimonial .description .d-md-block {display: none!important;} .welcome-page .second-left{margin-top:80px;} .welcome-page .hm-integrable-software{margin-top:100px;} .incoming-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .incoming-page .page-top-section .section-inner-curve .image-area{padding: 15px 25px 0px 25px;} .incoming-page .management-software {padding: 50px 15px 20px 15px; font-size: 25px;} .incoming-page .right-image-panel .image-area {padding: 70px 30px 30px 30px; background-position: 90px top;} .incoming-page .right-image-panel .head{margin-left: 40px; margin-top: 50px; font-size: 28px;} .incoming-page .right-image-panel .sub-text{margin-left: 40px; margin-top: 15px; font-size: 17px; line-height: 27px; margin-right:40px;} .incoming-page .right-image-panel .sub-text .d-md-block{display:none!important;} .incoming-page .right-image-panel ul{margin-left: 40px;} .incoming-page .right-image-panel li .d-md-block{display:none!important;} .incoming-page .right-image-panel a{margin-left: 40px;} .incoming-page .left-image-panel {margin-top:80px;} .incoming-page .left-image-panel .image-area {padding: 70px 30px 30px 30px; background-position: -90px top;} .incoming-page .left-image-panel .head{margin-left:40px; margin-top: 50px; font-size:28px; margin-right:40px;} .incoming-page .left-image-panel .sub-text{margin-left:40px; font-size: 17px; line-height: 27px; margin-top: 15px;} .incoming-page .left-image-panel .sub-text .d-md-block{display:none!important;} .incoming-page .left-image-panel ul{margin-left:40px; margin-right: 15px;} .incoming-page .left-image-panel li .d-md-block{display:none!important;} .incoming-page .left-image-panel a{margin-left:40px;} .incoming-page .key-features{width:950px;} .incoming-page .testimonial .head{margin-left: 12px;} .incoming-page .testimonial .description {margin-left: 12px;} .incoming-page .testimonial .description .d-md-block{display:none!important;} .incoming-page .testimonial .testimonial-box:nth-child(1) {margin-top: unset; margin-left:unset;} .onthelist-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .onthelist-page .page-top-section .section-inner-curve .content-area .text{font-size: 27px;} .onthelist-page .page-top-section .section-inner-curve .image-area{padding: 15px 25px 0px 25px;} .onthelist-page .management-software { padding: 50px 15px 20px 15px; font-size: 20px;} .onthelist-page .testimonial .testimonial-area{height:470px;} .onthelist-page .testimonial .testimonial-box:nth-child(4){margin-top: unset;} .onthelist-page .testimonial .head {margin-left: 12px;} .onthelist-page .description {margin-left: 12px; font-size: 29px;} .onthelist-page .description .d-md-block{display:none!important;} .invoice-page .page-top-section .section-inner-curve .image-area{width:290px;} .invoice-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .invoice-page .page-top-section .section-inner-curve .content-area .text{font-size: 25px;} .invoice-page .page-top-section .section-inner-curve .content-area .sub-text{font-size:17px;} .invoice-page .key-features {width: 900px;} .invoice-page .key-features #key-feature-mobile{width:auto; height:auto;} .invoice-page .key-feaure-tab svg{width:100%; height:auto;} .invoice-page .key-features .f-tab-screen {top: 19px!important; left: 37px!important; width: 388px!important; height: 273px!important;} .invoice-page .key-features .f-screen {top: 14px; left: 174px; width: 239px; height: 450px;} .invoice-page .key-features .features-links a {padding: 7px 0px 7px 25px; font-size: 13px;} .invoice-page .testimonial .header {margin-left: 12px;} .invoice-page .testimonial .description {margin-left: 12px;} .invoice-page .testimonial .description .d-md-block{display:none!important;} .invoice-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .invoice-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} .invoice-page .management-software{font-size:24px; padding:50px 15px 0px 15px} .invoice-page .key-feautres-mobile .card-body .mobile-screen svg{width:auto; height:auto; margin:0 auto; display:block} .invoice-page .key-feautres-mobile .card-body .mobile-screen .tf-screen {position: absolute; top: 14px; left: 50%; width: 240px; height: 449px; overflow: hidden; margin-left: -123px;} .invoice-page .key-feautres-mobile .card-body .mobile-screen .tf-screen svg{width:100%; height:auto; border-radius:20px 20px 0px 0px;} .invoice-page .key-feautres-mobile .card-body #headingSeven svg{width:100%; height:auto;} /* ---------------------- app Page ------------------------*/ /* ---------------------- ai Page ------------------------*/ .ai-page .page-top-section .section-inner-curve .content-area{padding: 0px 20px 30px 20px;} .ai-page .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .ai-page .page-top-section .section-inner-curve .image-area {padding: 0px 20px 0px 20px;} .ai-page .management-software{padding: 80px 20px 65px 20px;} .ai-page .left-image-panel{margin-top:0px;} .ai-page .left-image-panel .image-area{padding:120px 10px 10px 10px;} .ai-page .left-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .ai-page .left-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 20px;} .ai-page .left-image-panel li .d-md-block{display:none!important;} .ai-page .right-image-panel .image-area{padding:120px 50px 40px 50px} .ai-page .right-image-panel .head{font-size: 28px; margin-left: 40px; margin-top: 50px;} .ai-page .right-image-panel ul{font-size: 17px; margin-left: 42px; margin-top: 20px; margin-right: 20px; white-space:normal} .ai-page .right-image-panel li .d-md-block{display:none!important;} .ai-in-action-img{width:100%; display:table; padding:0px 30px;} .ai-in-action-img svg{width:100%; height:auto;} .how-it-work{width: 100%; padding: 80px 20px 0px 20px; font-size: 28px;} .ai-animation-area{width:100%;} .ai-animation-area .pos-screen{width: 300px; margin: 0 auto; margin-top:40px;} .ai-animation-area .ai-screen {position: absolute; width: 227px; left: 37px; top: 23px;} .ai-animation-area ul{margin-bottom: 25px; margin-top: 25px;} .ai-animation-area .ai-text{font-size: 13px;} .ai-page .action-button a {margin-top: 0px;} .ai-page .action-button a:last-child {margin-top: 25px;} .ai-in-action{padding: 85px 50px 75px 50px;} .marketing-page .testimonial .testimonial-box:nth-child(1) {margin-top: 0px; margin-left: 0px;} .marketing-page .testimonial .testimonial-area{height:auto;} /* ---------------------- ai Page ------------------------*/ /* ---------------------- Pricing Page ------------------------*/ .pricing-area{padding:0px;} .pricing-area .pricing-panel{border-radius:0px;} .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area{font-size: 30px; line-height: 40px; padding: 0px 25px;} .pricing-page-top-section .pricing-page-top-section-color .top-text-area .text-area-2{font-size: 17px; padding: 0px 17px; margin-top:15px;} .pricing-page-top-section .pricing-page-top-section-color .top-text-area{margin-bottom: 40px;} .pricing-page-top-section .pricing-page-top-section-color{padding: 30px 0px;} .pricing-box {margin-bottom:25px; padding:35px 15px;} .pricing-box .sub-text{font-size:11px;} .pricing-box .pricing-tab{margin-top: 20px;} .pricing-box .price_view_deom{width: 100%; margin-left: 0px; padding: 18px;} .pricing-area .pricing-panel .col-md-3:first-child{max-width: 100%!important; flex: 100%!important; border:0px; border-bottom:solid 0px #D8D8D8;} .pricing-area .pricing-panel .col-md-3{max-width: 33%!important; flex: 33%!important; border-right:0px;} .pricing-area .pricing-panel .col-md-3 .d-md-block{display:none!important;} .pricing-area .pricing-panel .sub-text{font-size:14px;} .pricing-area .pricing-panel .sub-text span{font-size:11px;} .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 490px!important;} .pricing-area .pricing-panel-3 .col-md-4{max-width: 297px!important;} .pricing-area .pricing-panel .head .col-md-3{font-size: 17px; padding:15px 7px} .pricing-area .pricing-panel-2 .col-md-3{border-right:0px; } .pricing-area .pricing-panel-2 .col-md-3:first-child{padding-bottom:0px;} .pricing-area .pricing-panel-2 .col-md-6{border-right:0px;} .pricing-area .pricing-panel-2 .button{font-size: 12px;} .pricing-area .pricing-panel-3 .col-md-4:first-child {max-width: 100%!important; border-right:0px; border-bottom:solid 2px #D8D8D8} .pricing-area .pricing-panel-3 .col-md-4 {max-width: 50%!important; font-size: 14px;} .pricing-area .pricing-panel-3 .head .col-md-4:last-child{font-size:19px;} .pricing-area .pricing-panel-3 .head .text-1{font-size:20px;} .pricing-screen{width:300px; height:auto;} .pricing-location .text-1{font-size: 1.5rem; margin:30px 0px 30px 0px; text-align:center;} .pricing-location .common-button{margin:0 auto;} .pricing-faq{padding:20px 20px 80px 20px} .pricing-faq .heading{font-size:40px;} .pricing-location {padding: 70px 10px;} .app-faqs-wrapper .card .card-header button{white-space:normal; padding: 20px 45px 20px 8px;} .app-faqs-wrapper .card .card-body{font-size:18px;} .duration-tab-individual{width:300px; position:relative;} .duration-tab-individual .inner-tab{font-size:17px;} .duration-tab-individual select{width: 100%; padding: 7px; border: 0px; border-radius: 10px; font-size: 19px;} .duration-tab-individual .save-10{position: absolute; font-size: 15px; background: #fff; padding: 2px 8px; color: #000; top: -42px; left: 10px; font-weight: 600;} .duration-tab-individual .save-10:before{content: '\f0d7'; font-family: FontAwesome; position: absolute; bottom: -15px; color: #fff; left: 50%; margin-left: -5px; font-size: 18px;} /* ---------------------- Pricing Page ------------------------*/ /* ---------------------- industry Page ------------------------*/ .studio-classes-industry .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .studio-classes-industry .page-top-section .section-inner-curve .content-area .sub-text{line-height: 27px;} .studio-classes-industry .page-top-section .section-inner-curve .content-area .sub-text .d-md-block{display:none!important;} .studio-classes-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .brand-stands-area .head{font-size: 23px; margin: 20px; margin-top: 0px;} .brand-stands-area{padding: 90px 0px 50px 0px;} .brand-stands-area svg{width:100%; height:Auto;} .brand-stands-area .text{margin-top: 20px; margin-left: 0px; font-size:20px;} .brand-stands-area a{margin-left:0px; margin-top:15px;} .branded-app-area{margin-top:0px;} .branded-app-area svg{width:100%; height:auto;} .branded-app-area .text{margin-right: 0px; font-size: 20px; margin-top: 20px; text-align:left; margin-left:0px;} .branded-app-area a{margin-right: 0px; margin-left: 0px; text-align: left; margin-top: 20px;} .marketing-emails {margin-top:90px;} .marketing-emails svg{width:100%; height:auto;} .marketing-emails .text{font-size: 20px; margin-left: 0px; margin-top:20px; padding-left:0px;} .marketing-emails a{margin-left:0px; padding-left:0px; margin-top:20px;} .online-reputation{margin-top:70px;} .online-reputation .text{margin-right:0px; margin-top:20px; text-align:left;} .online-reputation .text .d-md-block{display:none!important;} .online-reputation a{text-align:left; margin-top:20px;} .online-reputation svg{width:100%; height:auto;} .automated-sms{margin-top: 90px;} .automated-sms svg{margin:0 auto; display:block} .automated-sms .text{font-size: 20px; margin-left:0px; margin-top:20px;} .automated-sms .text .d-md-block{display:none!important;} .automated-sms a{margin-left:0px; padding-left:0px; margin-top:20px;} .entire-business{padding:15px 5px} .entire-business .head{font-size:27px;} .entire-business .head .d-md-block{display:none!important;} .entire-business .text .d-md-block{display:none!important;} .entire-business .text{font-size: 15px; line-height: 22px;} .entire-business a{margin-bottom:20px; display:table} .turn-drop-ins{max-width: 500px; margin-top: 45px; font-size: 35px; padding:0px 20px} .turn-drop-ins-box .box{margin:0 auto; width: 280px; height: 280px;} .turn-drop-ins-box .box svg{width:100%; height:auto;} .turn-drop-ins-box .text {margin-top:20px; margin-bottom:20px;} .turn-drop-ins-box .text .d-md-block{display:none!important;} .word-of-mouth{padding: 25px; background-size: cover;} .word-of-mouth .head{font-size: 36px; line-height: 50px;} .word-of-mouth .head .d-md-block{display:none!important;} .optimize-operations-head{font-size: 27px; line-height: 35px; width: 100%; margin: 0px; padding:15px} .optimize-operations .slider {margin-top: 25px; font-weight: 500; margin-bottom: 50px; height: 182px;} .word-of-mouth .text{margin-top:13px;} .word-of-mouth a{margin-top:22px;} .optimize-operations svg{width:100%; height:auto; margin-top:0px;} .optimize-operations .carousel-item .d-md-block{display:none!important;} .optimize-operations{padding:0px 16px} .optimize-operations .head{margin-top: 15px;} .optimize-operations .slider .carousel-control-prev {top: 193px;} .optimize-operations .slider .carousel-control-next {top: 193px;} .support-team .text-area{padding: 69px 35px; width: 100%;} .studio-classes-industry .testimonial .head {margin-left: 12px; } .studio-classes-industry .testimonial .description {margin-left: 12px; font-size:25px;} .studio-classes-industry .hm-integrable-software{margin:0 auto; display:block; margin-top: 100px;} .optimize-operations svg{margin:0 auto; display:block; margin-left: 25px;} .studio-classes-industry .testimonial .testimonial-box:nth-child(1) {margin-top: unset; margin-left: 0px; width: 100%;} .studio-classes-industry .testimonial .testimonial-area {height: 150px;} .studio-classes-industry .optimize-operations svg{margin-left:0px; margin-top:0px;} .studio-classes-industry .optimize-operations .slider{height:122px;} .salons-spas-industry .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .salons-spas-industry .optimize-operations .carousel-item .d-md-block{display:none!important;} .salons-spas-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px;} .think-inside .head{margin-top: 20px; margin-left: 15px; font-size: 40px; line-height: 51px;} .think-inside .text{margin-top: 5px; margin-left: 15px; font-size:16px; margin-right: 15px; line-height: 22px; margin-bottom:20px;} .think-inside .text .d-md-block{display:none!important;} .think-inside a{margin-left: 35px; margin-bottom:20px;} .think-inside-2 .head{margin-top: 20px; margin-left: 15px; font-size: 30px; line-height: 44px;} .think-inside-2 .head .d-md-block{display:none!important;} .think-inside-2 .text{margin-top: 5px; margin-left: 15px; font-size:16px; margin-right:15px; margin-bottom:20px;} .think-inside-2 .text .d-md-block{display:none!important;} .think-inside-2 a{margin-left: 35px; margin-bottom:20px;} .salons-spas-industry .testimonial .head {margin-left: 32px;} .salons-spas-industry .testimonial .description {margin-left: 32px;} .salons-spas-industry .optimize-operations svg{width:100%; height:auto; margin-left:0px;} .softwares-help .head .d-md-block{display:none!important;} .softwares-help .text .d-md-block{display:none!important;} .salons-spas-industry .testimonial .head {margin-left: 12px; } .salons-spas-industry .testimonial .description {margin-left: 12px; font-size:25px;} .salons-spas-industry .testimonial .testimonial-box:nth-child(1) {margin-top: unset; margin-left: 0px; width: 100%;} .salons-spas-industry .testimonial .testimonial-area {height: 150px;} .softwares-help svg{width:100%; height:auto; margin:0 auto; display:block; margin-bottom:20px;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px} .art-culture-industry .page-top-section .section-inner-curve .image-area{padding: 35px 15px 18px 35px;} .integration-area{padding:50px 0px 95px 0px} .integration-area .icon{width:140px; height:140px; margin:0 auto; margin-bottom:20px; } .integration-area .icon svg{width:100%; height:100%} .integration-area .head{font-size:20px;} .integration-area .desc{font-size:15px; margin-bottom:20px;} .integration-area .desc .d-md-block{display:none!important;} .scale-up{padding:0px 15px} .scale-up .section-head{left: 20px; font-size: 20px; top: 0px; position: relative; margin-bottom: 25px;} .scale-up .text{margin-left: 18px; font-weight: 500; font-size: 15px; line-height: 25px; height:225px; padding-top: 20px;} .scale-up .carousel-control-prev{left: 520px; top: 370px; display:none} .scale-up .carousel-control-next{left: 550px; top: 370px; display:none} .scale-up .col-md-5 a{margin-top:15px; height:55px; width:auto} .scale-up .text .d-md-block{display:none!important;} .scale-up svg{width:100%; height:auto;} .scale-up .carousel-indicators {width: 228px; bottom: -54px;} .black-head{padding:15px} .black-head .text-1{font-size: 30px; line-height: normal;} .art-culture-steps .step-box{height: 540px; width: 100%; margin: 0 auto; float: unset;} .art-culture-steps .step-box .text-area {padding: 30px; height:240px;} .art-culture-steps .carousel-control-prev{font-size: 45px; opacity: 1; height: 30px; top: 120px;} .art-culture-steps .carousel-control-next{font-size: 45px; opacity: 1; height: 30px; top: 120px;} .manage-dozens{padding: 70px 10px 70px 10px; font-size: 26px; line-height: 30px;} .simple-setup svg{width:100%; height:auto;} .simple-setup .text-area .head{font-size:23px;} .simple-setup .text-area .text .d-md-block{display:none!important;} .simple-setup .text-area{margin-left: 0px; padding: 15px; padding-top:50px;} .specialized-hardware{padding:35px 10px 35px 15px} .specialized-hardware .text-1 {color: #fff; margin-top: 0px; font-size: 23px; font-weight: 600; line-height: 40px; margin-left: 0px; margin-top:20px;} .specialized-hardware .text-2{margin-left:0px;} .specialized-hardware .text-2 .d-md-block{display:none!important;} .art-culture-industry .testimonial .head {margin-left: 12px;} .art-culture-industry .testimonial .description {margin-left: 12px; font-size: 25px;} .different-plans {width:90%;} .different-plans svg{width:100%; height:auto;} .different-plans .text{margin-left: 15px; height:150px} .different-plans .col-md-5 a{margin-left: 15px; margin-top:10px; width:Auto;} .different-plans .carousel-control-prev{left:510px; display:none} .different-plans .carousel-control-next{left:530px; display:none} .art-culture-industry .testimonial .testimonial-area {height: 220px; padding-bottom: 0px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .retail-ecom-industry .page-top-section .section-inner-curve .content-area .d-md-block{display:none!important;} .retail-ecom-industry .page-top-section .section-inner-curve .image-area {padding: 35px 15px 18px 35px; text-align: center;} .retail-ecom-industry .page-top-section .section-inner-curve .sub-text .d-md-block{display:none!important;} .window-shoppers{padding:100px 10px 100px 10px;} .window-shoppers .head{font-size:25px;} .window-shoppers .head .d-md-block{display:none!important;} .window-shoppers .text .d-md-block{display:none!important;} .digital-era{margin:0px 15px;} .digital-era-head{font-size: 22px; padding: 30px 15px;} .digital-era .d-md-block{display:none!important;} .digital-era svg{width:100%; height:auto;} .digital-era-2 svg{width:100%; height:auto;} .digital-era-2 .d-md-block{display:none!important;} .digital-era-2 .text-area {margin-top: 20px; margin-left: 20px; margin-right:20px;} .retail-ecom-industry .testimonial .head {margin-left: 12px;} .retail-ecom-industry .testimonial .description {margin-left: 12px; font-size:25px;} .retail-ecom-industry .testimonial .testimonial-box:nth-child(1){margin-left: unset; margin-top: unset;} .retail-ecom-industry .testimonial .testimonial-area {height: auto;} .increase-sales{margin-top:50px;} .increase-sales .text{margin-left: 20px; margin-top:0px;} .increase-sales a{margin-left: 20px; } .increase-sales .head{font-size:25px; margin-bottom:60px;} .increase-sales svg{width:100%; height:auto; margin-bottom:20px;} .increase-sales .carousel-item{height:220px;} .increase-sales .carousel-control-prev{top:190px;} .increase-sales .carousel-control-next{top:190px;} .window-shoppers a{margin-bottom:20px; display:table;} .food-drink-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 30px 20px;} .food-drink-page .page-top-section .section-inner-curve .content-area .text {font-size: 22px; margin-bottom: 22px; line-height: 30px;} .page-top-section .section-inner-curve .content-area .sub-text{line-height:28px;} .food-drink-page .page-top-section .section-inner-curve .image-area{padding:35px 15px 18px 35px} .f-d-page-head {margin-bottom: 60px;} .f-d-page-head .text{font-size: 22px; top: unset; margin-top: 35px; position: relative; margin: 0px; padding: 20px; left: unset; line-height: 30px;} .food-drink-page .hm-right-image-panel .section-heading{left: unset; top: unset; font-size: 18px; padding: 20px;} .food-drink-page .hm-right-image-panel .sub-text{margin-left: 24px; margin-top: 20px; padding: 0px 20px 0px 0px; margin-bottom:20px; } .food-drink-page .hm-right-image-panel .col-md-5{height:260px;} .food-drink-page .hm-right-image-panel{margin-top: 0px; padding-bottom: 100px;} .food-drink-page .hm-right-image-panel .carousel-item a{margin: 0px; padding: 24px 20px 0px 20px;} .food-drink-page .hm-right-image-panel .carousel-indicators {bottom: -40px; right: -0px; margin: 0px; left:0px; display:flex} .food-drink-page .hm-right-image-panel .carousel-indicators li{background:#e1e1e1;} .food-drink-page .hm-right-image-panel .carousel-indicators .active{background:#000;} .food-drink-page .hm-right-image-panel .carousel-control-prev{left:60px; top:470px; display:none} .food-drink-page .hm-right-image-panel .carousel-control-next{left:90px; top:470px; display:none} .food-drink-page .hm-right-image-panel .image-area {padding: 70px 30px 30px 30px; height: 320px; } .food-drink-page .hm-left-image-panel{padding-bottom:100px;} .food-drink-page .hm-left-image-panel .section-heading{left: unset; line-height: 26px; top: unset; position: relative; padding: 20px; padding-top: 0px; margin-bottom: 20px;} .food-drink-page .hm-left-image-panel .section-heading .d-md-block{display:none!important;} .food-drink-page .hm-left-image-panel .col-md-5{height:210px;} .food-drink-page .hm-left-image-panel .sub-text{margin-left: 24px; margin-top: 10px; padding: 0px 20px 0px 0px;} .food-drink-page .hm-left-image-panel .carousel-item a{margin-left: 24px; margin-top:0px; padding-top:24px; font-size:18px;} .food-drink-page .hm-left-image-panel .carousel-control-prev{left:457px; top: 510px; display:none} .food-drink-page .hm-left-image-panel .carousel-control-next{left:477px; top: 510px; display:none} .food-drink-page .second-right .section-heading{top: 115px;} .food-drink-page .second-right {padding-bottom: 100px; margin-top:0px!important} .food-drink-page .second-right .carousel-indicators {bottom: -40px; right: 0px; margin: 0px; left:0px; display:flex} .food-drink-page .second-right .section-heading{top: unset; left: unset; padding: 20px; margin: 0px;} .food-drink-page .second-right .image-area{height:380px;} .food-drink-page .second-right .col-md-5 {height: 196px;} .food-drink-page .hm-left-image-panel .image-area {padding: 35px 30px 0px 10px; height: 380px;} .food-drink-page .hm-left-image-panel .carousel-indicators{width: 100%; bottom: -42px; right: unset; margin: 0px; left: 0px; display:flex} .food-drink-page .specialized-hardware .text-area{padding:45px 15px} .food-drink-page .specialized-hardware .text-area .head{font-size:28px; margin-bottom:10px;} .food-drink-page .specialized-hardware .text-area .text .d-md-block{display:none!important;} .food-drink-page .management-software{font-size:26px; padding: 20px 15px 20px 15px;} .food-drink-page .management-software span{font-size:17px;} .food-drink-page .hm-step-animation{width: 100%;} .food-drink-page .hm-step-animation .step-box-area{width: 255px} .food-drink-page .hm-step-animation .step-box-area .step-box{width:255px} .food-drink-page .hm-step-animation .step-box-area .text .d-md-block{display:none!important;} .food-drink-page .hm-step-animation .step-box-area .text{height:144px;} .food-drink-page .specialized-hardware{padding: 0px 15px 0px 15px;} .f-d-manage-inventory{margin-top:0px;} .f-d-manage-inventory svg{width:100%; height:auto;} .f-d-manage-inventory .section-heading{margin: 0px; padding:20px; position: relative;} .f-d-manage-inventory .text{margin: 20px;} .f-d-manage-inventory .carousel-item a{margin-left: 20px;} .f-d-manage-inventory .carousel-control-prev{left: 40px; display:none} .f-d-manage-inventory .carousel-control-next{left: 60px; display:none} .f-d-manage-inventory .carousel-indicators{right: 0px; bottom: -44px; margin: 0px; left: 0px; display:flex} .f-d-employee-management{margin-top:20px;} .f-d-employee-management svg{width:100%; height:auto;} .f-d-employee-management .section-heading{position: relative; margin:0px; padding:20px;} .f-d-employee-management .text{margin: 0px; padding:20px;} .f-d-employee-management .carousel-item a{margin-left: 25px;margin-right: 15px;} .f-d-employee-management .carousel-control-prev{margin-left: 408px; display:none} .f-d-employee-management .carousel-control-next{margin-left: 428px; display:none} .f-d-employee-management .carousel-indicators{left: 0px; bottom: -44px; right: 0px; margin: 0px; display:flex} .f-d-designed-to-grow .section-heading{left:30px;} .f-d-designed-to-grow .text{margin: 20px 0px; height:135px;} .f-d-designed-to-grow .text .d-md-block{display:none!important;} .f-d-designed-to-grow{padding:20px; padding-bottom: 100px; } .f-d-designed-to-grow svg{width:100%; height:auto;} .f-d-designed-to-grow .section-heading{left:unset; font-size: 25px; line-height: normal; position:relative;margin-bottom: 20px;} .f-d-designed-to-grow .carousel-control-prev{left:10px; top: 270px; display:none;} .f-d-designed-to-grow .carousel-control-next{left:40px; top: 270px; display:none;} .f-d-designed-to-grow .carousel-indicators{right: 55px; bottom: -44px; display:flex} .increase-sales-head{margin: 0px; font-size: 23px; padding:20px; padding-bottom:0px; position: relative;} .f-d-increase-sales{margin-top: 0px; padding: 20px; padding-bottom:80px;} .f-d-increase-sales .section-heading{margin: 0; padding: 20px 0px; position: relative; font-size: 22px;} .f-d-increase-sales .text{margin:0px; padding:20px 0px; line-height:normal;} .f-d-increase-sales .text .d-md-block{display:none!important;} .f-d-increase-sales .carousel-item a{margin-left:0px; margin-top:25px;} .f-d-increase-sales .carousel-control-prev{margin-left: 0px; left: 28px; display:none} .f-d-increase-sales .carousel-control-next{margin-left: 0px; left: 48px; display:none} .f-d-increase-sales .carousel-indicators{right: 85px; bottom: -54px; display:flex} .f-d-loyalty-rewards{padding:20px; margin:0px; padding-bottom:80px;} .f-d-loyalty-rewards svg{width:100%; height:auto;} .f-d-loyalty-rewards .image-area{width:100%;} .f-d-loyalty-rewards .text{margin:0px; line-height:normal; padding:20px 0px;} .f-d-loyalty-rewards .text .d-md-block{display:none!important;} .f-d-loyalty-rewards .carousel-item a{margin-left:0px;} .f-d-loyalty-rewards .section-heading{margin:0px; padding:20px 0px; font-size: 23px; line-height: 24px; position:relative; margin-bottom: 20px;} .f-d-loyalty-rewards .section-heading .d-md-block{display:none!important;} .f-d-loyalty-rewards .carousel-indicators{left:50px; bottom: -54px; display:flex} .f-d-loyalty-rewards .carousel-control-prev{left: 465px; top: 350px; display:none} .f-d-loyalty-rewards .carousel-control-next{left: 485px; top: 350px; display:none} .reputation-matters-heading{margin: 20px; font-size: 22px; position: relative;} .f-d-increase-sales svg{width:100%; height:auto;} .f-d-review-booster{width:360px;} .f-d-review-booster svg{width:100%; height:auto;} .f-d-review-booster .left-msg .icon svg{width:auto; height:auto;} .f-d-review-booster .left-msg {position: relative; padding: 20px; width: 100%; left: 0px; text-align: left; bottom: unset;} .f-d-review-booster .left-msg .d-md-block{display:none!important;} .f-d-review-booster .right-msg{position: relative; width: 100%; padding: 20px; right: unset;} .f-d-review-booster .right-msg .d-md-block{display:none!important;} .f-d-review-booster-link{margin-top: 5px;} .f-d-gift-card{padding: 20px;} .f-d-gift-card .head{font-size:28px;} .f-d-gift-card .head .d-md-block{display:none!important;} .f-d-gift-card .sub-text .d-md-block{display:none!important;} .f-d-gift-card .sub-text-2 .d-md-block{display:none!important;} .f-d-gift-card .heading{margin-top: 60px; font-size:27px;} .f-d-gift-card .g-c-img{margin-top: 35px;} .food-drink-page .testimonial .head {margin-left: 12px;} .food-drink-page .testimonial .description {margin-left: 12px; font-size:25px;} .food-drink-page .testimonial .testimonial-box:nth-child(3) {margin-top: unset;} .food-drink-page .testimonial .testimonial-box:nth-child(4) {margin-top: unset;} /* ---------------------- industry Page ------------------------*/ /* ---------------------- Integration Page ------------------------*/ .integrations-page .page-top-section{background-position:left top;} .integrations-page .page-top-section .section-inner-curve .content-area {padding: 0px 20px 120px 20px;} .integrations-page .page-top-section .section-inner-curve .content-area .text {margin-bottom: 10px; line-height: normal; font-size: 27px;} .integrations-page .page-top-section .section-inner-curve .content-area .sub-text {margin-bottom: 20px; line-height: 28px;} .integrations-page .page-top-section .section-inner-curve .content-area .button {bottom: unset; position: relative; right: unset; margin-top: 0px; padding: 15px 86px;} .integrations-page .management-software {font-size: 30px; padding: 40px 10px 20px 10px;} .integrations-page .int-partner-heading{width: 95%; margin-left: 10px;} .integrations-page .management-software span{font-size: 18px;} .integrations-page .management-software span .d-md-block{display:none!important;} .integrations-page .filter-type-wrapper{margin-top: 50px; padding: 20px 10px;} .integrations-page .filter-type-wrapper .filter-type{width: 100%; padding: 60px 20px 20px 20px;} .integrations-page .filter-type-wrapper .filter-type input{width:100%;} .integrations-page .filter-type-wrapper .filter-type span{left: 19px; top: 0px; margin-top: 15px;} .integrations-page .hm-integrable-software-boxes {margin-top: 30px;} .integration-square-top-panel{padding: 20px;} .integration-square-top-panel .square-salesvu{margin-bottom:10px;} .integration-square-top-panel .square-salesvu svg{display: table; margin: 0 auto;} .integration-square-top-panel .text{font-size: 17px; line-height: 30px;} .square-overview{max-width: 100%; margin-top: 0px; padding: 15px;} .square-overview svg{width:100%; height:auto;} .square-overview .head{margin-left: 0px; margin-top:20px;} .square-overview .text{line-height: 28px; margin-left: 0px;} .square-overview a{margin-left: 0px;} .square-overview .text .d-md-block{display:none!important;} .second-overview .head{margin-left:0px; } .second-overview .text{margin-left:0px; margin-right: 15px;} .second-overview .a{margin-left:0px;} .fourth-overview .head{margin-left:0px;} .fourth-overview .text{margin-left:0px; margin-right: 15px;} .fourth-overview a{margin-left:0px;} .try-salesvu{padding:20px; margin-top: 50px;} .try-salesvu .head{font-size: 25px;} .try-salesvu .text{font-size: 20px; margin-top: 15px;} .try-salesvu a{margin-top:30px;} .integration-inner-page .page-top-section{background-position:center top;} .integration-inner-page .page-top-section .section-inner-curve .content-area .int-logo {margin-bottom: 15px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .text{margin-bottom: 10px; font-size: 34px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .sub-text{margin-bottom: 20px;} .integration-inner-page .page-top-section .section-inner-curve .content-area {padding:0px 20px 80px 20px;} .integration-inner-page .page-top-section .section-inner-curve .content-area .button{bottom: unset; right: unset; position: relative; margin: 0px;} .integration-inner-page .management-software{padding: 50px 15px 20px 15px; font-size: 20px; line-height: normal;} .integration-overview{padding: 20px} .integration-overview .head{margin-left: 0px; font-size: 25px;} .integration-overview .text{margin-left: 0px; font-weight: 400; font-size: 18px; line-height: normal; margin-top:15px;} .integration-overview .text .d-md-block{display:none!important;} .integration-inner-page .left-image-panel {margin-top:0px;} .integration-inner-page .left-image-panel .head{font-size: 23px; margin-left: 20px; margin-top: 30px;} .integration-inner-page .left-image-panel .sub-text{margin-left: 20px; margin-right: 20px; font-size: 17px; font-weight: 400; line-height: 30px; margin-bottom:20px; margin-top: 20px;} .integration-inner-page .left-image-panel .sub-text .d-md-block{display:none!important;} .integration-inner-page .left-image-panel .image-area {padding: 70px 30px 30px 30px} .gorw-sell-manage-save{margin-top: 120px;} .gorw-sell-manage-save .text{margin-bottom:20px;} .gorw-sell-manage-save .text .d-md-block{display:none!important;} .hm-integrable-software{margin-top: 90px;} .quickbook-page .page-top-section .section-inner-curve .content-area{padding: 0px 20px 100px 20px;} .zettle-page .page-top-section .section-inner-curve .content-area{padding:0px 20px 80px 20px} .zettle-page .page-top-section .section-inner-curve .content-area .text{line-height:44px;} .zettle-page .integration-overview .head{margin-left:0px;} .zettle-page .integration-overview .text{margin-left:0px;} .zettle-page .integration-overview svg{margin-top:20px; width:100%; height:auto;} .zettle-page .modernize-pos{font-size:20px;} .square-page-top-panel .integration-logo{margin-top: 20px; margin-left: 30px;} .square-page-top-panel .page-title{margin-left: 30px; font-size: 33px; margin-top:15px;} .square-page-top-panel .text{margin-left: 30px; margin-top:15px; margin-bottom: 40px; margin-right: 15px; line-height: 25px;} .square-page-top-panel .text .d-md-block{display:none!important;} .square-page-top-panel .button{bottom: 20px; right: 20px;} .square-page-top-panel .pricing{top: 55px;} .square-by-pos .integration-overview {padding: 50px 30px;} .square-page-top-panel .img-area{height:500px;} .square-by-here .integration-overview svg{width:100%; height:auto;} .square-by-here .integration-overview{padding:30px;} .square-by-here .integration-overview svg{width:100%; height:auto;} .square-by-pos .integration-logo svg{margin-top:0px;} .square-by-orderup .integration-overview{padding:30px;} .square-by-welcome .integration-logo svg{margin-top:0px;} .square-by-welcome .integration-overview{padding:30px;} .integration-inner-page .int-pricing-area{top:0px; font-size: 12px; padding: 10px;} .square-by-orderup .page-top-section .section-inner-curve .content-area{padding:50px 20px 80px 20px} .square-by-orderup .page-top-section .section-inner-curve .content-area .button{left:0px;} .square-by-welcome .page-top-section .section-inner-curve .content-area{padding:50px 20px 80px 20px} .square-by-welcome .page-top-section .section-inner-curve .content-area .button{left:0px;} .square-by-pos .page-top-section .section-inner-curve .content-area{padding:50px 20px 80px 20px} .square-by-pos .page-top-section .section-inner-curve .content-area .button{left:0px;} .square-by-here .page-top-section .section-inner-curve .content-area{padding:50px 20px 80px 20px} .square-by-here .page-top-section .section-inner-curve .content-area .button{left:0px;} /* ---------------------- Integration Page ------------------------*/ .scroll-down .header-wrapper-2021{top:-150px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} .scroll-up .header-wrapper-2021{top:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;} /*---App Pages and Integrations pages---*/ .integration-banner h1 {font-size: 21px;} .square-discription-details {margin-left: 20px;margin-right: 20px;line-height: 25px;font-size: 18px;} .square-discription-details br{ display:none;} .integration-banner {padding: 70px 10px;} .integration-wrapper{padding: 50px 10px;} .integration-banner h5 {line-height: 24px;} .integration-title {font-size: 26px;} .int-bottom .try-txt {font-size: 22px;} .integration-wrapper-inner {padding: 35px 0px;padding-left: 0px;} .intgration-feature-img img {width: 100%;} .integration-banner-inner h5 br{ display:none;} .intgration-feature-list h5 {font-size: 25px;margin-top: 20px;line-height: 30px;margin-left: 20px;margin-right: 10px;} .discription-list li {line-height: 32px;margin-bottom: 12px;font-size: 17px;} .intgration-feature-list {margin-bottom: 15px;margin-top: 20px;} .integration-banner-inner-content {padding-left: 0;padding: 20px 0;width: 90%;} .connect-now-btn {position: unset;display: block;width: fit-content;margin-top: 20px;} .integration-banner-inner {padding: 45px 0px 0px 0px;} .connect-now-btn-sq-sv {right: 74px;} .intgration-feature-img {margin-bottom: 30px;} .integration-banner-square {padding: 0px 0px 0px 0px;} .sv-square-integrations-items h4 {color: #000000;font-weight: 700;text-align: center;font-size: 26px;padding: 10px 0 10px 0px;line-height: 28px;} .include-wrapper h4 {font-size: 26px;} .sv-square-integrations-wrapper {padding: 10px 10px 40px 10px;} .integration-logo-banner {margin-bottom: 18px;} .similar-item-img {text-align: center;margin: 15px 0px;} .intgration-learn-more{margin-top: 20px;margin-bottom: 35px;} .sv-dot {font-size: 47px;line-height: unset;} .sv-square-integrations-items a {font-weight: 600;width: 100%;margin-bottom: 20px;} .integration-banner-inner h5 {font-size: 16px;line-height: 30px;margin-top: 0;padding-bottom: 30px;} .integration-banner-inner h1 {font-size: 30px;margin-bottom: 25px; margin-top: 25px;} .inner-page-heading br {display:none;} .inner-page-heading {font-size: 20px;margin-bottom: 30px;padding-left: 10px;padding-right: 10px;} .similar-heading {font-size: 24px;} .similar-app {padding: 50px 10px;} .content-left .discription-list {margin-left: 10px;margin-right: 10px;} .int-bottom .try-sub-txt {font-size: 14px;max-width: 90%;margin: 0px auto;margin-top: 15px;} .int-bottom {padding-top: 40px;padding-bottom: 40px;} .int-bottom .free-btn {margin-top: 28px;} .include-wrapper {margin-bottom: 70px;padding-left:0px;} .include-section .include-box {font-size: 11px;} .learn-more-features {padding: 10px 92px;font-size: 14px;} .square-discription-details .intgration-name{margin-left: 0px;margin-right: 20px;line-height: 25px;font-size: 14px;margin-top: 20px;} .integration-banner-inner-content-sq-sv {padding: 25px 10px;} .right-image-section .col-md-7 img {width: 92%;} .left-image-section .col-md-7 img {width: 92%;} .mob-box-txt {font-size: 20px;} .right-image-section .col-md-5 {margin-left: 20px;padding-right: 4%;} .left-image-section .col-md-5 {margin-left: 20px;padding-left: 4%;} .right-image-section {margin-top: 30px;} .left-image-section {margin-top: 65px;} .left-image-section .sub-head {font-size: 17px;line-height: 27px;} .right-image-section .sub-head {font-size: 17px;line-height: 27px;} .left-image-section ul {margin-top: 20px;font-size:17px;line-height: 1.5;} .right-image-section ul {margin-top: 20px;font-size: 17px;line-height: 1.5;} .page-top-section .curve-relative .image-area-banner {position: unset;} .mob-bg-one {width: 100% !important;flex: unset;max-width: 94%;margin: 0px auto;margin-bottom: 107px;} .abs-arrow-two {left: 225px;} .abs-arrow-four{right: 240px;} .abs-txt-four{right: 95px;} .abs-txt-two {left: 92px;} .l-r-list {margin-left: 20px;} .page-content-heading{font-size: 20px;padding-left: 10px;padding-right: 10px;padding-top: 50px;} .padding-top-first {padding-top: 30px;} .page-content-sub-heading {font-size: 18px;} .multi-mob-section{ width:95%; margin:0px auto; margin-top: 50px;background: none;} .page-top-section .section-inner-curve.curve-relative .content-area {padding: 20px 0px 10px 20px;} .inventory-vendor-management-page .page-top-section .curve-relative .image-area-banner svg {height: 350px;width: 350px;margin-left: 12px;} .inventory-vendor-management-page .col-md-5 {padding-top: 0px;} .page-top-section .curve-relative .image-area-banner svg {height: 350px; width: 350px;} .page-top-section .curve-relative .content-area .button { margin-bottom: 0px;} .integration-top-section{min-height: 428px;background-position: inherit;} .partner-integrations-page .integration-top-section{padding-right: 20px;padding-top: 10%;} .int-top-sub-heading {font-size: 20px; color: #fff; font-weight: 300;} .int-partner-heading{max-width: 100%; font-size: 18px; margin-left:0px;} .integration-inner-title {font-size: 20px;padding-left: 10px;padding-right: 10px; margin-top: 30px;padding-top: 20px;} .integration-logo-banner {margin-bottom: 0px;} .content-left .discription-list {margin-left: 20px;padding-right: 4%;margin-bottom: 20px;padding-left: 4%;} .content-left h5 {margin-left: 20px;font-size: 25px;padding-bottom: 0;padding-left: 4%;} .intgration-feature-img img {max-width: 100%;} .intgration-feature-container{margin-top: 28px;} .overview-section .discription-list {margin-left: 15px !important;} .overview-section h5 {margin-left: 15px !important;font-size: 25px;} .left-image-section .head { font-size: 23px;font-weight: 600;} .right-image-section .head {font-size: 23px;font-weight: 600;} .view-other-partner {background: #000; padding: 15px 50px; bottom: unset; top: 270px;} .partner-integrations-page .int-connect-now {background: #000;padding: 15px 50px; bottom: 78px;} .int-blue-txt{font-size: 17px;padding-left: 20px;padding-right: 20px;} .integration-sub-title{font-size: 17px; padding-left:10px; padding-right:10px;} .filter-dropdown select{width: 92%; font-size: 16px;background-size: 16px 12px;} .int-top-heading{font-size: 28px;font-weight: 600;color: #fff; padding-right: 20px;} .integration-banner-inner-content h1{font-size: 30px;} .int-connect-now{bottom: unset; top: 300px;} .hm-partner-integrations{padding:20px;} .hm-partner-integrations .col-md-4{padding: 10px 0px !important;} .integration-banner-inner-content h5{line-height:normal;} #priceModal .modal-body{padding:0px;} .pricing-popup-portal .pricing-area .pricing-panel{padding:0px} .pricing-popup-portal .pricing-area .pricing-panel .head .col-md-3:first-child{padding:7px; width:100%!important; max-width: 100%!important; flex: 100%!important;} .pricing-popup-portal .pricing-area .pricing-panel .head .col-md-3{max-width: 28%!important; flex: 28%!important;} .pricing-popup-portal .pricing-area .pricing-panel .col-md-3:first-child{max-width: 100%!important; width:100%!important; flex: none!important; float:none; border:0px!important;} .pricing-popup-portal .pricing-area .pricing-panel .col-md-3{max-width: 28%!important; width:28%!important; flex: none!important; float:left; border:0px!important; padding:8px;} .pricing-popup-portal .pricing-area .pricing-panel-3 .col-md-4:first-child{max-width: 100%!important; float: unset; width: 100%!important; display: table;} .pricing-popup-portal .pricing-area .pricing-panel-3 .col-md-4{max-width: 39%!important; width: 39%!important; float: left; border: 0px!important;} .pricing-popup-portal .pricing-box-n{ background: transparent; box-shadow: unset} .pricing-popup-portal .pricing-box-n .head{padding: 0px; font-size: 15px;} .pricing-popup-portal .pricing-area{ background: transparent;} .pricing-area{padding:10px;} .pricing-area .pricing-panel{background:transparent; box-shadow: unset; padding:0px;} .pricing-m-heading{background: #fff; padding: 15px; font-size: 18px; font-weight: 600; text-align: center;} .pricing-box-n{background:#fff; margin-bottom:15px; border-radius: 5px; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); padding-bottom: 0px; margin-bottom:15px;} .pricing-box-n .head{padding: 15px 0px;} .pricing-box-n .price_view_deom{padding:15px;} .pricing-box-n .see-features{padding: 20px 14px; width: 150px; margin: 0 auto; text-align: left; color: #2ca1ff; font-size: 17px; font-weight: 500; position:relative; cursor:pointer} .pricing-box-n .see-features:before{content:'\f107'; font-family:FontAwesome; position:absolute; right: 10px;} .pricing-box-n .hide-features{padding: 20px 14px; width: 150px; margin: 0 auto; text-align: left; color: #2ca1ff; font-size: 17px; font-weight: 500; position:relative; cursor:pointer} .pricing-box-n .hide-features:before{content:'\f106'; font-family:FontAwesome; position:absolute; right: 10px;} .pricing-box-n .features{text-align:center;} .pricing-box-n .features .row{border:0px; margin-bottom: 5px!important; border-radius: 5px; background:#efefef} .pricing-box-n .features .col-12{padding:8px!important;} .pricing-box-n .features .col-12:first-child{font-weight:600; padding-bottom:4px!important;} .pricing-box-n .features .col-12:last-child{padding-top:4px!important;} .pricing-box-n .features{padding-bottom:5px;} /*---------------------- Footer ---------------------------*/ .non-login-footer-2021{padding:30px 15px 20px 15px} .non-login-footer-2021 .footer-first-section .link-box:first-child .f-heading{margin-left:15px;} .non-login-footer-2021 .footer-first-section .link-box:first-child a{margin-left:15px;} .non-login-footer-2021 .footer-first-section .link-box a{width:100%!important; display:table;} .non-login-footer-2021 .footer-first-section a{width:100%; display:inline-block} .non-login-footer-2021 .footer-first-section a:nth-child(2){width:100%;} .non-login-footer-2021 .button-connect {display: table; padding: 20px 15px;} .non-login-footer-2021 .footer-first-section .link-box{width:100%!important; float:unset;} .non-login-footer-2021 .footer-first-section .link-box .f-heading {margin-left: 15px; margin-top: 20px; margin-bottom: 7px;} .non-login-footer-2021 .footer-first-section .link-box a {margin-left: 15px;} .non-login-footer-2021 .footer-second-section .heading {margin-left: 15px;} .non-login-footer-2021 .footer-second-section a {margin-left: 15px;} .non-login-footer-2021 .footer-first-section .link-box:last-child a{ margin-bottom: 7px;} .non-login-footer-2021 .footer-second-section .heading{margin-top: 20px; margin-bottom: 7px;} .non-login-footer-2021 .f-app-section .f-app-area .f-app-box {width: 50%; float: left; text-align: center; margin-bottom: 20px;} .non-login-footer-2021 .copyright .col-md-6:first-child{ border-right:0px; border-top:solid 1px #fff; padding: 12px 0px;} .non-login-footer-2021 .copyright .col-md-6{padding:7px; text-align:center!important; font-size:14px;} .non-login-footer-2021 .social-links{margin:0px; padding: 20px 0px; text-align: center;} .non-login-footer-2021 .footer-second-section {margin-top: 0px;} /*---------------------- Footer ---------------------------*/ /*---------App Page-----------*/ .apps-page .navbar-collapse{background: #fff; text-align: right; } .apps-page .top-panel .app-page-top-header .navbar-nav .nav-link{padding:15px 10px;} .apps-page .top-panel .app-page-top-header{padding:10px; position: fixed; width: 100%; z-index:100;} .apps-page .top-panel .search{width: 300px; margin-left:-150px;} .apps-page .sort-by-area .sort-panel{width: 290px;} .apps-page .sort-by-area{padding: 10px 10px;} .apps-page .view{padding: 10px;} .apps-page .page-heading{padding: 0px 10px;} .apps-page .page-heading .head-text{font-size: 20px;} .apps-page .page-heading .sub-text {font-size: 17px;} .apps-page .apps-area{padding: 0px 10px; margin-top: 50px;} .apps-page .apps-area .box{width:100%; margin-bottom: 30px;} .apps-page .apps-area .box .app-screens{width: 140px;} .apps-page .apps-area .box .app-screens svg{width:100%;} .apps-page .apps-area .box .app-description-area{width: 180px; height: 150px;} .apps-page .social-links{display:none;} /*---------App Page-----------*/ .download-whitepaper-page .download-whitepaper-wrapper{padding-top: 20px; padding-bottom: 50px;} .download-whitepaper-page .text-area {padding: 30px;} .download-whitepaper-page .text-area .text-1{font-size:20px;} .download-whitepaper-page .text-area .text-2{font-size:30px;} .download-whitepaper-page .text-area .text-3{font-size:20px;} .download-whitepaper-page .form-area{width:95%;} /*---------zettle new page-----------*/ .zettle-top-panel{background-size: contain; padding-top: 50px; height:660px;} .zettle-top-panel .tab{width: 330px; height:auto;} .zettle-top-panel .device{right: 10px; top: 10px; width: 180px; height: auto;} .zettle-top-panel .head{font-size: 35px; margin-left: 0px; width: 100%; line-height: 50px;} .zettle-top-panel .sub-head{width: 100%; margin-left: 0px; font-size: 16px;} .zettle-top-panel .action-area{margin-left: 0px; margin-bottom:25px;} .zettle-top-panel .action-area a{padding: 10px 13px;} .zettle-top-panel .action-area a:nth-child(2){margin-left: 10px;} .yellow-dog .zettle-top-panel .action-area a:nth-child(2){margin-left: 0px; margin-top:10px;} .zettle-second-panel{padding:32px 15px;} .zettle-second-panel .head{font-size:27px;} .zettle-second-panel .sub-head{margin-bottom:20px;} .zettle-second-panel .text{margin-bottom:15px;} .zettle-third-panel {padding-top: 40px; padding-bottom: 40px;} .zettle-third-panel .text{font-size:27px;} .middle-action .head{font-size:27px;} .zettle-pointers{padding: 0px 5px;} .zettle-pointers .head{margin-top: 0px;} .zettle-pointers .head .icon{float: unset; margin: 0 auto;} .zettle-pointers .head .icon svg{width:100%; height:auto;} .zettle-pointers .head .text{font-size: 23px; float: unset; width: 100%; margin: 0px; text-align: center; margin-top: 10px;} .zettle-pointers .sub-head{font-size: 17px; line-height: 25px;} .zettle-pointers .point{padding: 12px 0px 12px 28px;} .zettle-pointers .point:before{left:3px;} .zettle-pointers .img-area{width: 160px; height: 160px; background-size: cover; margin: 0 auto; float: unset; margin-top: 20px; margin-bottom: 50px;} .zettle-pointers .img-area .pos-img{width:195px; height:auto; top: 4px; left: -10px;} .zettle-pointers .img-area .pos-img svg{width:100%; height:auto;} .zettle-pointers .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-qr-code {margin-bottom: 52px;} .zettle-qr-code .img-area{margin-top: 35px;} .zettle-qr-code .img-area .qr-code-img{width: 160px; height: auto; position: absolute; left: 1px; top: -20px;} .zettle-pointers .img-area .qr-code-img svg{width:100%; height:auto;} .zettle-qr-code .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-self-order .img-area{margin-top: 20px; margin-bottom: 50px;} .zettle-self-order .img-area .self-order-img{width: 195px; height: auto; position: absolute; left: -20px; top: 3px;} .zettle-self-order .img-area .self-order-img svg{width:100%; height:auto;} .zettle-self-order .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-ecom .img-area{margin-top: 20px; margin-bottom: 50px;} .zettle-ecom .img-area .ecom-img {width: 192px; height: auto; position: absolute; left: -23px; top: 20px;} .zettle-ecom .img-area .ecom-img svg{width:100%; height:auto;} .zettle-ecom .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-digital-menu .img-area{margin-top: 20px; margin-bottom: 50px;} .zettle-digital-menu .img-area .digital-menu-img {width: 177px; height: auto; position: absolute; left: -7px; top: 10px;} .zettle-digital-menu .img-area .digital-menu-img svg{width:100%; height:auto;} .zettle-digital-menu .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-wnr .img-area{margin-top: 20px; margin-bottom: 50px;} .zettle-wnr .img-area .wnr-code-img {width: 168px; height: auto; position: absolute; left: -11px; top: 12px;} .zettle-wnr .img-area .wnr-code-img svg{width:100%; height:auto;} .zettle-wnr .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-multi-location .img-area{margin-top: 20px; margin-bottom: 50px;} .zettle-multi-location .img-area .multi-location-img{width: 203px; height: auto; position: absolute; left: -15px; top: 0px;} .zettle-multi-location .img-area .multi-location-img svg{width:100%; height:auto;} .zettle-multi-location .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-quickbook .img-area{margin-top: 20px; margin-bottom: 50px;} .zettle-quickbook .img-area .self-quickbook-img {width: 279px; height: auto; position: absolute; left: -50px; top: 17px;} .zettle-quickbook .img-area .self-quickbook-img svg{width:100%; height:auto;} .zettle-quickbook .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-recipe-based .img-area{margin-top: 20px; margin-bottom: 50px;} .zettle-recipe-based .img-area .recipe-based-img {width: 193px; height: auto; position: absolute; left: -15px; top: 0px;} .zettle-recipe-based .img-area .recipe-based-img svg{width:100%; height:auto;} .zettle-recipe-based .col-md-8 {padding-left: 10px!important; padding-right: 10px!important;} .zettle-boost-revenue{margin-top: 50px; margin-bottom: 50px; padding:0px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .zettle-boost-revenue .img-area .boost-revenue-img{width:100%; height:auto;} .zettle-boost-revenue .img-area .boost-revenue-img svg{width:100%; height:auto;} .zettle-boost-revenue .head{width:100%; margin-top: 0px;} .zettle-boost-revenue .sub-head{width:100%;} .zettle-boost-revenue a{margin-left: 0px; margin: 0 auto; margin-top: 24px; display: table;} .zettle-features{padding: 40px 5px 0px 5px} .zettle-features .text{font-size:27px;} .middle-action{padding: 0px 18px;} .and-many-more{padding: 40px 5px; padding-bottom: 20px;} .and-many-more .more-feature-text{padding-bottom: 25px;} .make-the-switch {padding: 10px;} .make-the-switch .inner-box .inner-content {padding: 10px;} .make-the-switch .inner-box .inner-content .text{font-size:26px;} .make-the-switch .inner-box .inner-content .text-2{font-size:26px;} .make-the-switch .inner-box .inner-content .text-3{width: 100%; font-size: 15px; line-height: 20px; margin-top: 5px;} .make-the-switch .inner-box svg{width:100%; height:auto;} .faq-area .sub-head{margin-bottom:15px;} .faq-area {padding: 50px 5px;} .faq-area .question{margin-bottom:15px;} /*---------zettle new page-----------*/ .yellow-dog .header-wrapper-2021 .header-2021 svg path {fill: #000!important;} .yellow-dog .zettle-top-panel {height: 545px; padding-top: 0px; background-position: left bottom;} .yellow-dog .zettle-top-panel .head{margin-left:0px; width:100%;} .yellow-dog .zettle-top-panel .sub-head{margin-left:0px; width:100%;} .yellow-dog .zettle-top-panel .action-area{margin-left:0px;} .yellow-dog .zettle-top-panel .about-yellow-btn{margin-left:0px !important;} .yellow-dog .zettle-third-panel{padding-top:0px;} .yellow-dog .image-area {width: 100%; height: auto;} .yellow-dog .zettle-boost-revenue{padding-left:30px; margin-top: 50px;} .yellow-dog .oneway-sync{padding-right:30px; padding-left:0px;} .zettle-boost-revenue .img-area{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue svg{width:100%; height:auto;} .yellow-dog .zettle-boost-revenue .head{width:100%;} .yellow-dog .zettle-boost-revenue .sub-head{width:100%;} .yellow-dog .zettle-boost-revenue ul{margin-left:0px;} .yellow-dog .zettle-boost-revenue li{font-size:14px;} /* ---------------------- New art-cutlure Page ------------------------*/ .art-culture-industry .page-top-section .section-inner-curve{padding-top: 0px;} .art-culture-industry .page-top-section .section-inner-curve .image-area {padding: 15px 10px 60px 10px;} .art-culture-industry .page-top-section .section-inner-curve .content-area {padding: 30px 10px 40px 10px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text{font-size: 44px; line-height: 50px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .sub-text{font-size: 14px; line-height: 20px;} .art-culture-industry .page-top-section .section-inner-curve .content-area .text span{display:table;} .art-culture-industry .trusted-by .head{font-size:22px;} .art-culture-industry .trusted-by .sub-head{font-size:16px;} .art-culture-industry .trusted-by .trusted-logos .logo{width:25%; text-align:Center; margin:10px;} .art-culture-industry .trusted-by .trusted-logos .logo img{width:auto; height:auto;} .art-culture-industry .trusted-by{padding: 0px 10px 40px 10px;} .art-culture-industry .built-art-culture{padding: 40px 10px;} .art-culture-industry .built-art-culture li{width:100%!important;} .art-culture-industry .built-art-culture li .text{margin-bottom: 50px!important; line-height: 21px;} .art-culture-industry .ac-manage-dozens{padding: 40px 10px;} .art-culture-industry .ac-manage-dozens .head{font-size:21px; line-height:normal;} .art-culture-industry .ac-manage-dozens .sub-head{font-size:16px;} .art-culture-industry .ac-manage-dozens .pointer .text{margin-bottom: 40px; font-size:14px; line-height:20px;} .art-culture-industry .ac-manage-dozens .pointer .text span{font-size:16px; line-height:20px;} .art-culture-industry .ac-manage-dozens .pointer .col-md-6:nth-child(3) .text{margin-bottom: 40px;} .art-culture-industry .zettle-third-panel .text{font-size: 22px; padding: 0px 55px; line-height: normal;} .art-culture-industry .zettle-third-panel .text-2{font-size:16px;} .art-culture-industry .built-art-culture .head{font-size: 22px;} .art-culture-industry .built-art-culture .sub-head{font-size:16px;} .art-culture-industry .zettle-boost-revenue{padding-left:20px; margin-top: 0px;} .art-culture-industry .zettle-boost-revenue .head{width:100%;} .art-culture-industry .zettle-boost-revenue ul{margin-left:0px;} .art-culture-industry .specialized-hardware {padding: 40px 10px 40px 10px;} .art-culture-industry .specialized-hardware .text-2{margin-left: 0px;} .art-culture-industry .testimonial .testimonail-inner-curve{padding-bottom:0px;} .art-culture-industry .testimonial .testimonial-box:nth-child(1){margin-top:5px; margin-left:0px;} .art-culture-industry .testimonial .testimonial-box:nth-child(2) {margin-top: 5px;} .art-culture-industry .hm-integrable-software .head{font-size:22px;} .art-culture-industry .zettle-pointers .head .text{font-size: 21px;} .art-culture-industry .trusted-by .trusted-logos .logo:last-child{width:256px;} .art-culture-industry .trusted-by .trusted-logos .logo:last-child svg{width:100%; height:auto;} /* ---------------------- New art-cutlure Page ------------------------*/ /*------------ Spektrix Page ------------*/ .spektrix-page .header-wrapper-blank-2021 {height: 151px;} .spektrix-page .page-top-section .section-inner-curve .content-area{padding: 0px 20px 0px 20px;} .spektrix-page .page-top-section .section-inner-curve .content-area a{margin-bottom: 60px;} .spektrix-page .section-one{margin-top:0px;} .spektrix-page .section-one .text-1{margin-left:0px; padding-left:20px; width:100%; font-size: 35px; line-height: 40px; margin-top: 30px;} .spektrix-page .section-one .text-2{margin-left:0px; padding-left:20px; width:100%; font-size: 17px;} .spektrix-page .section-one .action {margin-top: 20px; margin-bottom:20px;} .spektrix-page .section-one .action a{width:150px;} .spektrix-page .section-one .action a:first-child{margin-left:20px;} .spektrix-page .built-art-culture{padding:20px 10px;} .spektrix-page .built-art-culture .head{font-size:22px;} .spektrix-page .built-art-culture .sub-head{font-size:16px;} .spektrix-page .built-art-culture li{width:100%; margin-bottom: 20px; padding:0px;} .spektrix-page .section-overview{padding:20px; background-position:bottom right;} .spektrix-page .section-overview .head{font-size:22px; margin-bottom: 12px;} .spektrix-page .section-overview .text{font-size:16px; margin-bottom: 20px;} .spektrix-page .section-overview .text br{display:none!important;} .spektrix-page .section-overview svg{width:100%; height:auto;} .spektrix-page .key-features{padding:20px 10px; width:100%!important; display:table;} .spektrix-page .key-features .logo-icon{margin-top:10px;} .spektrix-page .key-features .head{font-size:22px;} .spektrix-page .key-features .sub-head{font-size:16px;} .spektrix-page .key-features .pointer .text{font-size:15px; line-height: 21px; margin-bottom: 20px;} .spektrix-page .key-features .pointer .text span{font-size:17px;} .spektrix-page .key-features .pointer .icon{margin-right: 15px;} .spektrix-page .key-features .pointer .col-md-6{padding:0px;} .spektrix-page .spektrix-diff-way .head{font-size:22px;} .spektrix-page .spektrix-diff-way .sub-head{font-size:16px;} .spektrix-page .spektrix-diff-way li{padding:0px 10px;} .spektrix-page .spektrix-diff-way li .text-1{font-size:15px;} .spektrix-page .page-top-section{background-attachment: fixed;} .spektrix-page .make-the-switch .inner-box .inner-content {padding: 20px;} /*------------ Spektrix Page ------------*/ }