/*--Common Classes Start--*/
.text-left{text-align:left !important;}
.start-btn2{ position: absolute; left: 0;  right: 0; bottom: -74px;}
.start-btn a {width: 230px;height: 50px;color: #000;text-decoration:none;position: relative;background: #33e81f;border-radius: 7px;margin: auto;display: block;padding: 12px;text-align: center;font-size:19px;font-weight: 700 !important;    text-transform: uppercase;box-shadow: 3px 3px 10px #8c8c8c;-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:after {
    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 span{color:#000; font-size: 14px;display:block;    text-transform: none;font-weight:600 ;}
/*--Common Classes End--*/
.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;}
.info-list ul{padding-left:10px;}
.info-list li {    padding-left:38px;    position: relative;    list-style: none;    font-size: 16px;  margin-bottom: 10px;}
 .info-list h4{ font-weight: 800;  font-size: 22px;margin-bottom:30px;}
/*--Navbar Start--*/

.logo {margin: 5px 0px;display: block;float: left;}
.logoimg{max-width: 100%;min-width:130px;}
.responsive-logo{display: none;}
#navbar {width: 100%;position: fixed;top: 0;    z-index: 9999999;-moz-transition: all .2s;-webkit-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.nav-bg{background: transparent;}
.scroll, .dark-bg {background-color: #fff;box-shadow: 0 0 15px #7e7e7e;}
.navbar-brand{display: none;}
.navbar-nav > li{margin-right:10px;}
.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 {font-weight: 500;color: #000;font-size: 18px;padding: 10px 11px;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;}
.bg-black{background-color: #000;border-radius: 5px;}
.bg-black a{color:#f9ea00 !important; padding: 7px 15px ;}

/*--Navbar End--*/

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

.top-caption{background: #f7ee55;padding: 25px;position: relative;margin-top: 90px}
.top-caption p {max-width: 800px;margin: auto;font-size: 26px;font-weight: 700;}
.banner-bg {position: relative;background: url(../../images/banner-bg.jpg) no-repeat;background-size: 100% 100%;}
.banner-bg:before {content: '';width: 100%;height: 100%;background: rgba(247, 232, 0, 0.6);position: absolute;}
.banner-bg figcaption h1 {font-size: 34px;font-weight: 600;line-height: 1.2;}
.banner-bg figcaption p {font-size: 18px;font-weight: 500;margin: 3% auto 10px;line-height: 24px;}
.banner-bg figcaption strong{font-weight: 800;}
.banner-bg figcaption p span{font-size: 22px;font-weight: bold;}
.banner {padding: 150px 0px 70px;}
.content {padding: 8px 14px;background-color:#fff; border-radius:20px;    top:0px;}
.banner .content, .banner .video-parent {display: table-cell;float: none;vertical-align: middle;position: relative;}
.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 {width:91%;height: auto;margin: auto;position: relative;box-shadow: 5px 5px 15px #212121;}
.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;}

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

/*--Heading Box Start--*/

.heading-box {padding: 25px;margin: auto;position: relative;background: #fff;}
.heading-box h2 {font-weight: 600;margin-top: 7px;}
.heading-box strong{font-weight: 800;}
.cbook-need{background-color:#2f302f;color:#fff; padding: 40px 20px 50px;border-radius: 20px;margin-bottom: 50px; margin-top: -72px;}
.cbook-need h2{margin-bottom:30px;}
/*--Heading Box End--*/

/*--Accounting Info Start--*/
.justify-content-center{display: flex;justify-content: center;}
.accounting-info {color: #000;position: relative;background: #fff;margin:40px 0px;}
.accounting-info .info-sec {padding:45px 30px;;border: 3px solid #000;}
.accounting-info .info-sec p {font-size: 22px;line-height: 1.3;}
.hz-rular {width: 90%;height: 3px;background: #fff;margin: 0px auto 30px;}
.accounting-info h4 {font-size: 26px;margin: 3% 0% 4%;}

/*--Accounting Info End--*/

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

.three-steps {position: relative;}
.three-steps .heading-pre{padding: 20px 0px;background: #f9ea00;}
.three-steps h4 {font-size: 24px;font-weight: 600;}
.three-steps h3 {font-size: 32px;font-weight: 700;margin: 0;}
.three-steps .caption p {font-size: 22px;font-weight:500;margin-bottom: 0px;}
.three-steps .mt:nth-child(2){margin-top: 50px;}
.three-steps .mt:nth-child(3){margin-top: 100px;}
.step-parent {text-align: center;padding:30px 0px;position: relative; margin: 35px 30px 15px;  display: flex;width:27%;}
/*.col-sm-4.step-parent:nth-child(2){background: #e2e3e4;}*/
.step-box {padding: 70px 55px 60px;background-color: #fff;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;  box-shadow: 5px 5px #7b7400;}
.step-box img{max-width: 100%;}
.step-box span{ position: absolute; border: 1px solid #000; padding: 10px 30px; min-width:272px;  left: 0; background: #fff; font-size: 20px;  top: 8px;  border-top-right-radius:14px; border-bottom-right-radius: 14px;box-shadow: 4px 6px 5px -2px #b6b6b5;}
.step-box p {color: #000;font-size: 24px;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;margin: 0;}
.step-box p strong{font-weight: 800;}
.three-steps .vertical-mid-parent {background: #fff;border-radius: 15px;border: 2px solid #000;margin-left: -4px;margin-top: -4px;}
.steps-bottom-para {margin: 3% 0%;}
.steps-bottom-para strong{font-weight: 800;}
.bottom-content {padding:0px 0px 50px;background: #f9ea00;}

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

/*--Start Features Section--*/

.benefits {background:#e5e5e4;padding: 30px 0px 10px;}
.benefits h1 {font-weight: 800;}
.benefits p {font-size: 22px;}
.benefits h4 {font-size: 25px;font-weight: 800;}
.benefits .left-sec p:last-child {padding-bottom: 120px;}
.benefits ul.list-style-select {padding-left: 17%;list-style: none;margin: 4% 0;}
.benefits ul.list-style-select li {position: relative;font-size: 22px;text-align: left;margin-bottom: 10px;}
.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;}
.website-screen {padding: 0px 25px;}

/*--End Features Section--*/

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

.sub-benefits {padding: 60px 0px 200px;position: relative;background: #f9ea00;}
.sub-benefits h3 {font-size: 26px;}
.sub-benefits h3 {line-height: 1.5;margin: 0;}
.sub-benefits h5 {width: 90%;font-size: 24px;font-weight: 600;margin: auto;line-height: 1.3;margin-top: 1%;margin-bottom: 3%;}
.sub-benefits p{font-size: 18px;}
.sub-benefits-box {position: absolute; z-index: 99999;   margin-top: 35px;width: 100%;background: #fff;color: #000;padding: 7% 5%;border-radius: 16px;    box-shadow: 4px 6px 5px -2px #9c9c9c;}
.benefits-content{padding: 50px 0px 70px;}
.sub-benefits .lets-start-btn a{width: 310px;margin: auto;position: absolute;left: 0;right: 0;bottom: -19px;z-index: 9}
.sub-benefits p.bottom-text {font-size: 22px;font-weight: 700;margin-top: 70px;margin-bottom: 30px;}
.sub-benefits hr {border-color: #000;border-top: 2px solid #000;margin: 10px auto;}

.bottom-banner-bg{position: relative; background: url(../../images/banner-bg.jpg) no-repeat;  background-size: 100% 100%;}
.bottom-banner-bg:before {    content: ''; width: 100%; height: 100%; background: rgba(247, 232, 0, 0.6); position: absolute;}
.track-expense-text.ride-exp li {  position: relative; margin-bottom: 5px;  font-size: 25px;  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;}
.banner-btm-text{padding:180px 0px 50px;}
.tr-store.ride-str {  margin-top: 30px;}
.tr-store.ride-str h4 {  font-size: 26px !important; margin:auto;   max-width: 540px; text-align: center;}
.tr-store.ride-str h4 span { font-size: 44px !important;  font-weight: 700;}
.tr-store.ride-str .app-store { max-width: 520px;margin:auto; padding: 0rem 0rem; background: #e9e8e7; display: flex;  justify-content: center;  border-radius: 10px;}
.tr-store.ride-str .app-store a{margin:10px 10px;}
.track-expense-text.ride-exp { width: 435px; margin:40px auto 0px;}
.r-in-block {display: flex;  justify-content: center;}
.banner-btm-text .row.flex-row.bnr-tm {display: flex;  justify-content: center;}
/*--End Sub Benefits--*/