/*--Common Classes Start--*/

.start-btn a {    border: 2px solid #000; width: 260px;height: 65px;color: #fff;position: relative;background: #25b04b;border-radius: 7px;margin: auto;display: block;padding: 7px;text-align: center;font-size: 19px;font-weight:700 !important;text-transform: uppercase; -ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.start-btn a:hover{color: #fff;background: #119237;text-decoration: none;}
/*.start-btn a:before {content: ""; position: absolute; left: -4px;  top: 4px; background: transparent; border: solid 1px #000;  border-radius: 7px;padding: 3px; width: 100%;   height: 100%; cursor: pointer;}*/
.start-btn.start-blk a {  width: 262px; height: 65px;  font-weight: normal;}
.start-btn.start-blk a:hover {  background-color:#10a23b;color:#fff;}
.start-btn span {color: #000; font-size: 14px; display: block; text-transform: none;font-weight:600;}
/*--Common Classes End--*/

/*--Navbar Start--*/

.logo {margin: 10px 0px;display: block;float: left;}
.responsive-logo{display: none;}
.logoimg{max-width: 100%;}
#navbar {width: 100%;background-color: transparent;position: fixed;top: 0;z-index: 999;-moz-transition: all .2s;-webkit-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.scroll {box-shadow: 0 0 15px #7e7e7e;    background-color: #fff !important;}
.scroll, .dark-bg {
    background-color: #fff !important;
    box-shadow: 0 0 15px #7e7e7e;
}
.navbar-brand{display: none;}
.navbar-default{padding: 23px 0px;float: right;}
.navbar-default .navbar-collapse{border:none;}
.navbar-default {background-color: transparent;border: none;margin: 0px;}
.navbar-default .navbar-nav > li > a {color: #000;font-size: 18px;padding: 10px 9px;position: relative;-webkit-transition: all.3s;-moz-transition: all.3s;-ms-transition: all.3s;-o-transition: all.3s;transition: all.5s;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #000;background-color: transparent;}
.navbar-default .navbar-nav > .active > a:after ,.navbar-default .navbar-nav > li > a:hover::after{width:100%;color: #f9ea00;-webkit-transition: all.5s;-moz-transition: all.5s;-ms-transition: all.5s;-o-transition: all.5s;transition: width .5s;}
.navbar-default .navbar-nav > li > a:after {content: '';width: 0;height: 1px;background: #000;position: absolute;left: 0;right: 0;bottom: 0;}
.navbar-default .navbar-toggle {border-color: #000;}
.navbar-default .navbar-toggle .icon-bar {background-color: #000;}

/*--Navbar End--*/

/*--Banner-Bg Start--*/

.banner-bg {position: relative; background:url(../../images/new-smallbusiness-banner1.png) no-repeat;  background-size: cover; background-position: center;}
.banner-bg:before { content: ''; width: 100%; height: 100%; /*background: rgba(247, 232, 0, 0.6); */ position: absolute;}
.banner-bg figcaption h1 {font-size: 43px;line-height: 1;    margin-top: 0px;}
.banner-bg figcaption p {font-size:19px;font-weight: 600;margin: 4% auto;}
.banner-bg figcaption h4{ font-size: 24px;  font-weight: 800;    margin-bottom: 0px;}
.banner-bg figcaption strong{font-weight: 800;}
.banner-bg figcaption p span{font-size: 22px;font-weight: bold;}
.banner {padding: 140px 0 60px;}
.blog-vid-par { width: 91%; height: auto;  margin: auto;  position: relative;    box-shadow: 5px 5px 15px #212121;}
.video-section .blog-vid-par{}
.vertical-mid-parent {width: 100%;height: 100%;display: table;text-align: center;}
.vertical-mid-parent > .vertical-mid-child {display: table-cell;vertical-align: middle;}
.blog-vid-par video{width: 100%;height: 100%;vertical-align: bottom;}
.blog-vid-par .vidIcon {cursor: pointer;position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.blog-vid-par .vidIcon:hover {background: url(../../images/playVideo.png) no-repeat rgba(0,0,0,.5);background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: auto;background-position: center;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.video-parent .modal-content {background: #0e0e0e;}
.video-parent .modal-header {padding: 0;border-bottom: none;}
.video-parent .modal-header .close {width: 45px;height: 45px;padding: 10px;border: none;position: absolute;z-index: 9;background: #fff700;box-shadow: 0 0 15px #000;border-radius: 100%;right: -14px;top: -13px;opacity: 1;font-size: 30px;margin: 0;line-height: 20px;}
.video-parent .modal-body{padding: 13px;}

.heading-box {width: 800px;padding: 60px 40px 40px;margin: auto;margin-top: -84px;background: #2f302f;border-radius: 25px; box-shadow:3px 3px 5px #666;}
.heading-box h2 {color: #fff;font-weight: 600;}
.heading-box strong{font-weight: 800;}

/*--modal vertical center start--*/

@media (min-width: 576px){
.modal-dialog {min-height: calc(100% - (1.75rem * 2));}
}

@media (max-width: 575px){
.video-parent .modal-body {padding: 5px;}
.video-parent .modal-header .close {width: 35px;height: 35px;padding: 0;right: -7px;top: -9px;font-size: 22px;line-height: 18px;}
}

@media (min-width: 576px){
.modal-dialog {max-width: 90%;/*margin: 1.75rem auto;*/margin: -0.25rem auto;}
.modal-dialog {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - (.5rem * 2));}
}

/*--modal vertical center end--*/
/*--Wavy-Bg End--*/

/*----*/

.software-info {color: #000;position: relative;padding: 60px 0px 150px;background: #fff;}
.software-info .info-sec {padding: 40px;padding-bottom: 35px;border: 3px solid #000;}
.software-info .info-sec + p {position: absolute;left: 0;right: 0;bottom: -15px;font-size: 40px;background: #fff;width: 400px;margin: auto;font-weight:700;}
.software-info .info-sec p {font-size: 24px;line-height: 1.3; font-weight: bold;}
.software-info h3 {font-size:30px;font-weight: 700;margin-top: 0px;}
.software-info .info-sec + p strong{font-weight: 800;}

/*----*/

/*--Accounting Info Start--*/

.accounting-info {position: relative;background: #f9ea00;}
.accounting-info .info-sec {font-weight: 600;padding-top: 50px;padding-bottom: 70px;}
.accounting-info .info-sec p {font-size: 22px;line-height: 1.3;}
.hz-rular {width: 90%;height: 3px;background: #000;margin: 0px auto 30px;}
.accounting-info h4 {font-size: 24px; background: #fff;  font-weight: 600;  border-radius: 7px;  margin: 3% 0% 1%; -webkit-box-shadow: -9px -8px 0px 0px rgb(201 201 201); -moz-box-shadow: -9px -8px 0px 0px rgba(201,201,201,1);box-shadow: -9px -8px 0px 0px rgb(201 201 201);padding: 24px 10px;}
.accounting-info h3 {font-size: 40px;font-weight: 700;margin: 3% 0% 1%;}
.accounting-info strong {font-weight: 800;}
.green-border, .green-border:before {border: 1px solid #1cae4b;}

/*--Accounting Info End--*/

/*--three-steps Start--*/

.three-steps {background: #f9ea00;position: relative;padding: 3% 0%;}
.think-about{text-align: center;font-size: 24px;font-weight: 600;}
.three-steps h4 {font-size: 26px;font-weight: 600;padding-bottom: 70px;margin-top:0px;}
.three-steps h3 {width: 75%;font-size: 26px;font-weight: 700;margin: 2% auto;}
.three-steps .caption p {font-size: 22px;font-weight: 700;margin-bottom: 0px;}
.three-steps .mt:nth-child(2){margin-top: 50px;}
.three-steps .mt:nth-child(3){margin-top: 100px;}
.step-parent {position: relative;margin-bottom: 25px;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.step-parent:nth-child(2){margin-top:30px;}
.step-parent:nth-child(3){margin-top:60px;}
.step-parent a{text-decoration: none;}

.need-to {box-shadow: 4px 6px 5px -2px #b6b6b5;max-width: 220px;background: #fff;font-size: 16px;font-weight: 800;padding: 10px;border:1px solid #000;border-top-right-radius: 15px;border-bottom-right-radius: 15px;margin: auto;position: absolute;z-index: 9;width: 100%;top: -25px;left: 0;text-align: center;}
.step-box {max-width: 250px;height: 200px;position: relative;border-radius: 15px;margin-left: 4px;}
.step-box p {color: #000;font-size: 20px;font-weight: 600;margin: 0;padding: 20px 15px 0px;}
.step-box p strong{font-weight: 700;}
.step-box p b{font-weight:800;}
.three-steps .vertical-mid-parent {background: #fff;border-radius: 15px;margin-left: -4px;margin-top: -4px;  box-shadow: 5px 5px #7b7400;}
.steps-bottom-para {margin: 3% 0%;}

/*--three-steps End--*/

/*--Start Features Section--*/

/*.benefits {background: -webkit-linear-gradient(left, #ffffff 50%, #2b2b2b 50%);background: -moz-linear-gradient(left, #ffffff 50%, #2b2b2b 50%);background: -ms-linear-gradient(left, #ffffff 50%, #2b2b2b 50%);background: linear-gradient(left, #ffffff 50%, #2b2b2b 50%);}*/
.benefits .container-fluid{max-width: 2000px;margin: auto;}
.benefits h1 {font-weight: 800;}
.benefits p {font-size: 21px;font-weight: 700;} 
.benefits p strong{  font-weight: 900; font-size: 24px;}
.benefits .left-sec p:last-child {padding-bottom: 50px;}
.benefits ul.list-style-select {padding-left: 11%;list-style: none;margin: 4% 0;}
.benefits ul.list-style-select li {position: relative;font-size: 21px;font-weight: 700;text-align: left;margin-bottom:5px;}
.benefits ul.list-style-select li strong {font-weight: 900;}
ul.list-style-select li:before {content: '';width: 30px;height: 26px;position: absolute;top: 0px;left: -33px;background: url(../../images/check-box.png) no-repeat;background-size: contain;}
.vertical-mid-parent {width: 100%;height: 100%;display: table;text-align: center;}
.vertical-mid-parent > .vertical-mid-child {display: table-cell;vertical-align: middle;}
.info-text {font-size: 20px;font-weight: 700;line-height: 1.2;padding: 10px;background: #ffcc47;}
.right-sec .col-sm-6{padding-right: 0px;}
/*.website-screen {padding: 0px 25px;}*/

/*--End Features Section--*/

/*--Start Sub-Benefits--*/

.sub-benefits {padding: 60px 0px 150px;position: relative;background: #e6e7e7;}
.sub-benefits h2, .sub-benefits  h3{font-size: 24px;font-weight: 700;}
.sub-benefits h3 {line-height: 1.5;margin: 0 auto 10px;}
.sub-benefits p{font-size: 20px;font-weight: 600;}
.sub-benefits hr {border-color: #000;border-top: 2px solid #000;margin: 10px auto;}
.sub-benefits-box {width: 94%;background: #fff;color: #000;padding: 5% 3% 7%;  z-index: 9;  position: absolute;border-radius: 30px;}
.sub-benefits .lets-start-btn a{width: 310px; position: absolute;left: 0;right: 0;z-index: 9;}
.sub-benefits p.bottom-text {font-size: 22px;font-weight: 700;margin-top: 70px;margin-bottom: 30px;}

/*--End Sub Benefits--*/

/*------------------- new--------------------*/
.banner .content, .banner .video-parent { display: table-cell;  float: none;  vertical-align: middle;   position: relative;}
.content {   padding:20px 18px; background-color: #fff; border-radius: 20px;}
.bg-black {  background-color: #000;  border-radius: 5px;}
.bg-black a {  color: #f9ea00 !important;   padding: 7px 15px;}
.navbar-nav > li {margin-right: 10px;}
.justify-content-center{display:flex; justify-content: center;}
.strt-btn-1 {  position: absolute;  left: 0;  right: 0;  bottom: -24px;   z-index: 99;}
.srt-btn-2{  position: absolute;  left: 0;  right: 0;  bottom: -34px;   z-index: 99;}
.grey-bg-cashbook{background: #ccc; padding:70px 0px 20px;background: url(../../images/sm-bus-greybg.png) no-repeat;  background-size: 100% 100%;}
.grey-bg-cashbook p{font-size:23px; font-weight: 600;padding-top: 30px;}
.life-back-board{padding:30px 0px 95px;position: relative;}
.caption-lbb{border:2px solid #000;    padding: 18px 10px;}
.caption-lbb h3{    font-size: 28px; font-weight: 800;}
.caption-lbb p{font-size: 20px; font-weight: 700;line-height: 20px;}
.benefits{background-color: #f9ea00;padding: 70px 0px 40px;}
.info-list{padding-bottom: 20px;}
.info-list h4 { font-weight: 800;  font-size: 22px;  margin-bottom: 30px;}
.info-list ul {  padding-left: 10px;}
.info-list li {  padding-left: 38px;  position: relative;  list-style: none;  font-size: 16px;  margin-bottom: 10px; font-weight: 700;}
.info-list li:before {   content: '';  width: 30px;  height: 26px; background: url(../../images/check-box.png) no-repeat center; background-size: contain; position: absolute;  top: -3px;  left: 0;}
.bottom-banner-bg {  position: relative; background: url(../../images/new-smallbusiness-banner1.png) no-repeat;  background-size: cover;background-position: center;}
.bottom-banner-bg:before {  content: '';  width: 100%;  height: 100%;  position: absolute;}
.banner-btm-text {  padding:230px 0px 50px;}
.banner-btm-text .row.flex-row.bnr-tm {  display: flex;  justify-content: center;}
.track-expense-text.ride-exp {margin: 40px auto 0px;}
.track-expense-text.ride-exp li { position: relative; margin-bottom: 5px; font-size: 32px;  font-weight: 500;  list-style-type: none;}
.track-expense-text.ride-exp li::before { content: ''; width: 25px; height: 23px; left: -33px; background-color: #fff; background: url(../../images/tick-mark25.png) no-repeat center; top: 2px; position: absolute; z-index: 9;  background-size: contain;}
.tr-store.ride-str { margin-top: 30px;}
.tr-store.ride-str h4 { font-size: 26px !important; text-align: center;margin-bottom: 30px;}
.tr-store.ride-str h4 span { font-size: 44px !important; font-weight: 700;}
.tr-store.ride-str .app-store { max-width: 520px; margin:53px auto; padding: 0rem 0rem; background: #e9e8e7;display: flex; justify-content: center;  border-radius: 10px;}
.tr-store.ride-str .app-store a { margin: 10px 10px;}
.r-in-block { display: flex; justify-content: center;}
.sm-bus-mob img{width:100%; padding-top:20px;}
.sm-bus-flow img{width:94%;}
.qa-grey-bg{background-color: #e6e7e7; padding: 40px 0px;}
.qa-grey-bg p{text-align:center;    margin-bottom: 15px;}
.qa-grey-bg p span {border: 2px solid #000;padding: 3px 25px;border-radius: 100px;background-color: #fff;font-size: 20px;font-weight:600;}
.qa-grey-bg strong{font-weight:800;}


/*------------------------------*/
.smb-banner-text .content{padding: 20px 18px; background-color: #ffffffbf; -webkit-box-shadow: 7px 7px 5px -2px rgb(0 0 0 / 35%); -moz-box-shadow: 7px 7px 5px -2px rgba(0,0,0,0.35); box-shadow: 7px 7px 5px -2px rgb(0 0 0 / 35%);  border-radius: 20px;}
.smb-banner-text{padding-top: 45px;}
.smb-btn-1{margin: 0 auto; left: 0; right: 0; background: transparent; border: solid 1px #000; border-radius: 7px;  padding: 3px;  width: 262px!important;  height: 65px!important;  cursor: pointer;}
.smb-btn-1 a{ margin-left: 2px;margin-top: -10px;}
.smb-btn-2 a{padding: 16px!important;width: 262px!important;  height: 65px!important;}
.slgsn-btn-big{margin: 0 auto;left: 0; position: absolute; right: 0; background: transparent; border:2px solid #000; border-radius: 7px;  width: 310px; height: 65px; cursor: pointer; bottom: -35px!important;}
.slgsn-btn-big a{margin: -9px 5px; padding: 16px 10px;}
.qrscan img{margin:0 auto;}
.slgsn-btn-big a{width: 310px!important;  height: 65px!important; max-width: 310px!important;}