/*--Common Classes Start--*/

.start-btn a, .start-btn button {    text-transform: uppercase;width: 230px;height: 65px;color: #fff;position: relative;background:#25b04b; border-radius: 7px;margin: auto;display: block;padding: 6px;text-align: center;font-size: 20px;font-weight:700 !important; /*box-shadow: 3px 3px 10px #212121;*/-ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.start-btn a:hover, .start-btn button:hover {color: #fff;background: #119237;text-decoration: none;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #ff0500;font-size: 14px;}
.has-error .form-control, .has-error .form-control:focus{border-color: #ff0500;}
.start-btn span {color: #000 !important;font-size: 14px; display: block;  text-transform: none;font-weight:600;}

.start-btn.start-blk a {  width: 262px; height: 65px;font-weight: normal;}
.start-btn2 {z-index: 99; position: absolute; left: 0; right: 0;  bottom: -60px;}
.start-btn.lets-start-btn.last-btn {    position: absolute;    bottom: 0px;    left: 0;    right: 0;}
/*.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;}*/
/*--Common Classes End--*/

/*--Navbar Start--*/

.logo {margin: 17px 0px;display: block;float: left;}
.logoimg {}
.Resp-logoimg {display: none;}

.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 13px;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;}
.nav > li {margin-right:10px;}

/*--Navbar End--*/

/*--Wavy-Bg Start--*/

.wavy-bg {position: relative;background: url(../../images/banner-bg.jpg) no-repeat;background-size: 100% 100%;}
.wavy-bg:before{content: '';width: 100%;height: 100%;background: #F8E900;position: absolute;top: 0;opacity: .6;}
#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-color: transparent;}
.scroll, .dark-bg {background-color: #fff;box-shadow: 0 0 15px #212121;}
.wavy-bg .banner {  padding: 120px 0px 70px;}
.wavy-bg figcaption h1 {font-size: 38px;font-weight: 600;line-height: 1.2;}
.wavy-bg figcaption h2 {padding-top: 2%;padding-bottom: 2%;font-size: 42px;}
.wavy-bg figcaption h3 {font-size: 36px;font-weight: 600;margin-bottom: 30px;}
.wavy-bg figcaption p {    font-size: 18px;    font-weight: 500;    width: 100%;    margin: 3% auto 10px;    line-height: 24px;}
.wavy-bg figcaption strong{font-weight: 800;}
.wavy-bg figcaption p span{font-size: 22px;font-weight: bold;}
.wavy-bg-img {width: 100%;position: absolute;top: 0;right: 0;left: 0;/*transform: translateY(-97%);*/object-fit: cover;object-position: center;}
.banner .content, .banner .video-parent {display: table-cell;float: none;vertical-align: middle;position: relative;height: 100%;}
.banner .content .start-btn{margin-bottom: 20px;}
.video-parent img {width: 570px;}
.video-section > div > iframe {width: 365px;position: absolute;top: 15px;left: 62px;visibility: visible;height: 228px;z-index: 100;}
.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;}
.blog-vid-par video{width: 100%;height: 100%;}
.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;}

/*----------- new style --------------------*/
.content { padding: 22px 22px; background-color: #fff; border-radius: 20px;  top: 0px;}
.start-btn.start-blk a:hover {  text-decoration:none;}

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

/*--Accounting Info Start--*/

.accounting-info {position: relative;padding: 4% 0 9%;background: #f2f2f2;}
.accounting-info .info-sec p {font-size: 22px;font-weight: 600;line-height: 1.3;}
.hz-rular {width: 90%;height: 3px;background: #000;margin: 0px auto 30px;}
.accounting-info h4 {font-size: 22px;font-weight: 600;margin: 3% 0% 1%;}
.justify-content-center{display:flex; justify-content: center;}
.info-sec.text-center {    padding: 55px 30px;   border: 3px solid #000;}
.cbook-need { background-color: #000; color: #fff; padding: 40px 20px 50px; border-radius: 20px; margin-bottom: 50px;  margin-top: -72px;}
.cbook-need h2{    margin-bottom: 30px;}
/*--Accounting Info End--*/

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

.three-steps {position: relative;background: #f9ea00;    padding-bottom: 38px;}
.three-steps h4 {font-size: 26px;font-weight: 600;}
.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: 15px 30px 15px; display: flex;  width: 27%;}
/*.step-parent:nth-child(2){margin-top:30px;}
.step-parent:nth-child(3){margin-top:60px;}*/
.step-parent a{text-decoration: none;}
.step-icon {width: 80px;height: 80px;background: url(../../images/step-bg.png) no-repeat;background-size: contain;margin: 15px auto;text-align: center;font-size: 30px;color: #000;display: flex;justify-content: center;align-items: center;}
.step-box p strong{font-weight: 800;}
.bottom-info p{font-size: 22px;font-weight: 600;margin-bottom: 0px;}
.bottom-info h1{padding-bottom: 2%;font-size:33px;}
.bottom-info .start-btn{margin-top: 2%;}
.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;}
.valign-mid {width: 100%;height: 100%;display: table;position: absolute;}
.step-box p {color: #000;font-size: 23px;}
.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;}
/*--three-steps End--*/

/*--Start Features Section--*/

.features {position: relative;padding: 6% 0 4%;background: #f2f2f2;}
.features h1{margin-top: 0px;}
.features ul.list-style-home {padding-left: 23%;list-style: none;margin: 4% 0;}
.features ul.list-style-home li{position: relative;font-size: 21px;font-weight: 700;text-align: left;margin-bottom: 10px;}
.features ul.list-style-home li strong{font-weight:800;}
.features ul.list-style-home li:before{content: '';width: 20px;height: 20px;position: absolute;left: -30px;top: 0px;}
.features ul.list-style-home li:before{width: 30px;height: 26px;background: url(../../images/check-box.png) no-repeat;background-size: contain;}
.features p{font-size: 20px;font-weight: 700;}
.features h4 {font-size: 21px;font-weight: bold;font-style: italic;}
.features .sm-no-display img{padding-top: 12%}

/*--End Features Section--*/

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

.sub-benefits { position: relative;  background: url(../../images/banner-bg.jpg) no-repeat;  background-size: 100% 100%;}

.lets-start-btn a, .lets-start-btn button {border:2px solid #000; width: 310px;height: 65px;color: #fff;position: relative;background: #25b04b;border-radius: 7px;margin: auto;display: block;padding: 12px;text-align: center;font-size: 19px;font-weight:600;margin-bottom: 45px; -ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.lets-start-btn a:hover, .lets-start-btn button:hover {color: #fff;background: #119237;text-decoration: none;}
.sub-benefits p{color: #f9ea00;font-size: 24px;font-weight: 700;margin-bottom: 0;}
.sub-benefits:before {   content: ''; width: 100%; height: 100%; background: #F8E900; position: absolute; top: 0; opacity: .4;}
.info-list h4 {  font-weight: 800; font-size: 22px;  margin-bottom: 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;}
.tradie-info-list{padding: 20px 0px 11%; position: relative;background: #f9ea00;}
.info-list ul {  padding-left: 10px;}
/*--End Sub Benefits--*/

.product-links li.wfh-no {display: none !important;}
.banner-btm-box{position: absolute; z-index: 99999; margin-top: 65px; width: 100%; background: #fff; color: #000; padding: 6% 5%; border-radius: 16px; box-shadow: 4px 6px 5px -2px #9c9c9c;}
.banner-btm-text {    padding:263px 0px 50px;}
.banner-btm-text .row.flex-row.bnr-tm {  display: flex;  justify-content: center;}
.track-expense-text.ride-exp { margin: 30px auto 0px;}
.track-expense-text.ride-exp li { position: relative; margin-bottom: 5px; font-size: 30px;font-weight: 600;  list-style-type: none;line-height: 1.4;}
.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; max-width: 540px;  text-align: center; margin:30px 0px;}
.tr-store.ride-str h4 span {   font-size: 44px !important;  font-weight: 700;}
.tr-store.ride-str .app-store {  max-width: 520px;  padding: 0rem 0rem;   background: #ebebeb;   display: flex;  justify-content: center;  border-radius: 10px;}
.tr-store.ride-str .app-store a {   margin: 10px 10px;}
.banner-btm-box p{font-weight: 700; font-size: 24px;line-height:26px;}
.banner-btm-box ul li{ list-style: none; font-size: 22px;  font-weight: 600;line-height: 1.6;}
.r-in-block {padding-top:15px;}


/*css for tradie-info-list page*/
.tradie-info-list .info-list h5{width: 70%; margin: 0 auto 30px; line-height: 20px; font-size: 16px;}
/*css for QR code*/
.qr-code-wrap h4{font-weight: bold; font-size: 22px; margin-bottom: 20px;}
.m-auto{margin: 10px auto 10px;}
.qr-code-wrap{margin-top: 8%;}
.qr-code-wrap img{width: 100%; max-width: 190px;}
.img-border{border: 3px solid black;}
/*css for QR code*/

.tradie-btn-1{ margin: 0 auto; left: 0; right: 0; background: transparent; border: solid 2px #000; border-radius: 7px; padding: 3px; width: 262px; height: 65px;  cursor: pointer;}
.tradie-btn-1 a, .tradie-btn-2 a{margin-left: 2px;margin-top: -12px; border: 2px solid #000;}
.tradie-btn-2 a{    padding: 16px;}
.tradie-btn-2 {margin: 0 auto; left: 0; right: 0; background: transparent; border: solid 2px #000; border-radius: 7px; padding: 3px; width: 262px; height: 65px;  cursor: pointer;}
.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;} 
.mob-screen-img img{width:70%;}
.tradie-cashbook-banner-text {padding-top:45px;}
.tradie-cashbook-banner-text .content{    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;}
.bottom-info p i{line-height: 4; font-size: 27px; font-weight: 600;}
.tradie-btn-2 a{width: 262px!important;  height: 65px!important;}
.slgsn-btn-big a{width: 310px!important; height: 65px!important;}

.step-parent:nth-child(2) .step-box{
      padding: 70px 40px 60px;
}

@media (max-width: 375px){
.track-expense-text.ride-exp { margin: 136px auto 0px !important;}
}
@media (max-width: 767px){
    .tradie-btn-2 a{width: 262px;  height: 65px;}
    .banner-btm-text {padding: 407px 0px 50px!important;}
    .slgsn-btn-big{width:240px;}
    .banner-btm-box ul{padding-bottom:20px;}
    .mob-app-download.tr-store.ride-str h4 span {font-size: 32px !important;
        line-height: 47px;}
}
/*Css added by Pranita Jadhav for Tradie cashbook responsive design*/
@media (max-width: 991px){
.mob-app-download.tr-store h4{    font-size: 24px !important;}
.mob-app-download.tr-store h4 span{font-size: 32px !important;
    line-height: 47px;}
}
@media (max-width: 1200px){
    .give-it-go-resp .text-center p i{ line-height: 35px;}
    }