*{
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
     font-size: 16px;
}
 body{
     margin: 0px;
     padding: 0px;
     color: #343a40;
     font-size: 16px;
}
 a{
     color: #343a40;
     outline: none;
     transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -moz-transition: all 0.8s;
     -o-transition: all 0.8s;
}
 a:hover{
     text-decoration: none;
     outline: none;
     transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -moz-transition: all 0.8s;
     -o-transition: all 0.8s;
}
 ::-webkit-input-placeholder{
     color: rgba(0, 0, 0, 0.3) !important;
}
 .p-5 {
     padding: 5px !important;
}
 .table th {
     width: 100px;
}
 .card{
     margin-bottom: 15px;
     border-radius: 5px;
}
 [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
     margin-left: 0px !important;
}
 .theme-vertical-middle{
     vertical-align: middle;
}
.btn-orange {
    color: #fff;
    background-color: #FE5000;
    border-color: #FE5000;
}
.btn-orange:hover {
    color: #fff;
    background-color: #D6581C;
    border-color: #D6581C;
}
 .icon-bg:before{
     width: 120px;
     height: 120px;
     line-height: 120px;
     display: inline-block;
     text-align: center;
}
 .icon-bg-sm:before{
     width: 40px;
     height: 40px;
     line-height: 40px;
     display: inline-block;
     text-align: center;
     font-size: 40px !important;
}
 .f-size-60px, [class^="flaticon-"].f-size-60px:before{
     font-size: 60px;
}
 .f-size-100-per{
     font-size: 100%;
}
 .previous {
     background-color: #f1f1f1;
     float: left;
     color: black!important;
     cursor: pointer;
}
 .next {
     background-color: #04AA6D;
     float: right;
     color: white!important;
     cursor: pointer;
}
 a.previous, a.next {
     text-decoration: none;
     display: inline-block;
     padding: 8px 16px;
}
 a.previous:hover, a.next:hover {
     background-color: #ddd;
     color: black;
}
 .noPad {
     padding: 0 !important;
}
 .show {
     display: inline-block !important;
}
 .set {
     width: 0px;
     top: 0px;
     bottom: 0px;
     left: 1500px;
     position: absolute;
     display: none;
     opacity: 0;
}
 .firstSet {
     top: 0;
     left: 0;
}
 #container-table {
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: relative;
}
 .block-info-card {
     background: #f1f1f1;
     text-align: center;
     margin: 0;
     border-radius: 0;
     border-top: 1px solid rgba(0,0,0,.125);
}
 .form-control, select{
     margin: 0px;
     padding: 10px 25px;
     border-radius: 5px;
     height: auto;
     border: 1px solid rgba(0, 0, 0, 0.15);
     color: #343a40;
}
 select.form-control{
     padding: 11.5px 21px;
}
 .form-control:focus, select:focus{
     outline: 0;
     border-color: rgba(0, 0, 0, 0.15);
}
 .card-header{
     background-color: #fff;
     color: #343a40;
     border: 0;
}
 .btn{
     border-radius: 100px;
     border: 0px;
     padding: 10px 30px;
}
.badge-danger-custom {
    color: #f98500;
    background-color: #fff;
}
.borderOffer {
    -webkit-box-shadow: -10px 0 20px -10px #bfbfbf, 10px 0px 10px -10px #000000, 9px 10px 5px 15px rgba(0, 0, 0, 0);
    box-shadow: -10px 0 20px -10px #bfbfbf, 10px 0px 10px -10px #000000, 9px 10px 5px 15px rgba(0, 0, 0, 0);
}
.size-16 {
    font-size: 16px;
}
 #buttonsNav, #bformNav {
     display: none;
}
 #header{
     padding: 20px 0px;
     background-color: #fff;
     box-shadow: 0px 10px 70px 0px rgb(0 0 0 / 10%);
}
 #header .logo, #header .logo i{
     vertical-align: middle;
}
 #header .logo a{
     font-size: 26px;
     font-weight: 600;
     vertical-align: middle;
}
 #header .logo a:hover{
     color: #343a40;
}
 #booking-form{
     padding: 20px 0 0 0;
}
 #pg-form{
     padding: 24px 0px;
}
 #booking-form .card-body{
     padding: 30px;
     padding-bottom: 0px;
}
 #booking-form .card-body label.error.text-danger.alert-danger{
     margin-bottom: 0px;
     padding: 0px 15px;
     position: absolute;
     top: 12px;
     right: 15px;
     text-align: center;
}
 #booking-form .card-footer{
     padding: 30px 30px 40px;
     position: relative;
}
 #booking-form .card-footer label{
     line-height: 10px;
     display: inline;
}
 #booking-form .card-footer label.error.text-danger.alert-danger{
     margin-bottom: 0px;
     padding: 0px 15px;
     position: absolute;
     left: 0px;
     top: -10px;
     line-height: inherit;
     display: inline-block;
     width: 100%;
     text-align: center;
}
 #booking-form .text-align-left{
     text-align: left;
}
 #booking-form .text-align-center{
     text-align: center;
}
 #booking-form .text-align-right{
     text-align: right;
}
 #booking-form .bform-step-flex{
     display: flex;
     margin-bottom: 30px;
}
 #booking-form .bform-step-number{
     margin-right: 20px;
     border-radius: 5px;
}
 #booking-form .bform-step-number{
     width: 70px;
     height: 70px;
     line-height: 70px;
     background-color: #a4a2a2;
     text-align: center;
     font-weight: 600;
     border-radius: 50%;
}
 #booking-form .bform-step-number p{
     margin-bottom: 0px;
     color: #fff;
}
 #booking-form .bform-step-number span{
     font-size: 30px;
}
 #booking-form .bform-step-head p{
     margin-bottom: 0px;
}
 #booking-form .py-list {
     text-align: center;
     background: #fff;
     outline: 1px solid rgba(0, 0, 0, 0.15);
    ;
     padding: 20px;
     display: inline-block;
     width: 100%;
     border-radius: 5px;
}
 #booking-form .py-list img{
     width: 120px;
     height: 120px;
     object-fit: contain;
}
 .py-list-active {
     outline: 2px solid #04AA6D !important;
}
 #booking-form .vehicle-list{
     text-align: center;
     outline: 1px solid rgba(0, 0, 0, 0.15);
    ;
     padding: 20px;
     display: inline-block;
     width: 100%;
     margin-bottom: 30px;
     border-radius: 5px;
}
 #booking-form .vehicle-list img{
     width: 100px;
     height: 100px;
     object-fit: contain;
}
 .vehicle-list-active{
     outline: 2px solid #FE5000 !important;
}
 #booking-form .vehicle-list-disabled{
     opacity: .5;
}
 #booking-form .vehicle-list-disabled:hover{
     cursor: not-allowed;
}
 #booking-form .vehicle-list-icon i:before{
     font-size: 70px;
}
 #booking-form .vehicle-list label{
     margin-bottom: 0px;
}
 #booking-form .vehicle-list ul{
     margin-bottom: 0px;
}
 #booking-form .vehicle-list ul li{
     list-style: none;
     display: inline-block;
}
 #booking-form .services-list{
     margin-bottom: 30px;
}
 #booking-form .services-list li{
     list-style: none;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     padding-top: 15px;
     padding-bottom: 15px;
     line-height: 40px;
}
 #booking-form .services-list li:first-child{
     padding-top: 0px;
}
 #booking-form .services-list li:last-child{
     border-bottom: 0;
     padding-bottom: 0px;
}
 #booking-form .services-list label{
     margin-bottom: 0px;
}
 #booking-form .summary-box{
     padding: 15px 30px;
     margin-bottom: 30px;
     border: 1px solid rgba(0, 0, 0, 0.15);
     border-radius: 5px;
}
 #booking-form .summary-box p{
     margin-bottom: 0px;
}
 #booking-form .summary-box .f-size-100-per:before{
     width: 17px;
}
 #booking-form .booking-fields-row{
     margin-bottom: 0px;
}
 #booking-form .booking-fields-row:last-child{
     margin-bottom: 14px;
}
 #footer{
     padding: 20px 0px;
     background-color: #343a40;
}
 #footer ul.footer-left{
     text-align: left;
}
 #footer ul.footer-right{
     text-align: center;
}
 #footer ul{
     margin-bottom: 0px;
}
 #footer ul li{
     position: relative;
     list-style: none;
     color: #fff;
     display: inline-block;
}
 #footer ul li a{
     color: #fff;
}
 #footer ul li a:hover{
     color: #03a9f3;
}
 #footer ul li, #footer ul li span, #footer ul li a{
     font-size: 14px;
}
 #footer ul.footer-left li{
     margin-right: 20px;
}
 #footer ul.footer-left li:after{
     content: "/";
     position: absolute;
     right: -15px;
     opacity: 0.5;
}
 #footer ul.footer-left li:last-child:after{
     display: none;
}
 #footer ul.footer-right li a{
     color: #03a9f3;
}
 #footer ul.footer-right li a:hover{
     color: #fff;
}
 #availcalender{
     text-align: center;
}
 .m-0px-auto{
     margin: 0px auto;
}
 .mb-30px{
     margin-bottom: 30px;
}
 .mb-40px{
     margin-bottom: 40px;
}
 #servicecategory{
     display: none 
}
 #first_name-error,#last_name-error,#email_id-error,#phone-error,#address-error,#message-error{
     color: #dc3545!important;
}
 .frlogo {
     opacity: .8;
     margin-right: 10px;
     width: 15%;
}
 .frontend-package-list{
     text-align: center;
     padding: 30px;
     border: 1px solid #eee;
     margin-bottom: 30px;
    border-radius: 5px;
}
 .frontend-package-list h5{
     margin-bottom: 20px;
}
 .frontend-package-price{
     margin-bottom: 30px;
}
 .frontend-package-price-currency{
     font-size: 24px;
     position: relative;
     color: #03a9f3;
}
 .frontend-package-price-unit{
     top: 0px;
     font-size: 44px;
     position: relative;
     color: #03a9f3;
}
 .frontend-package-price-decimal{
     top: 0px;
     font-size: 40px;
     position: relative;
     color: #03a9f3;
}
 .frontend-package-time{
     display: inline-block;
     width: 25px;
     height: 25px;
     line-height: 25px;
     vertical-align: middle;
}
 .frontend-package-services{
     margin: 0px;
     margin-bottom: 20px;
     padding: 0px;
     height: auto;
}
 .frontend-package-services li{
     list-style: none;
     display: block;
     margin: 0px;
     padding: 0px;
     line-height: 28px;
}
 .theme-btn-default, .theme-btn-default:hover{
     background-color: #03a9f3;
     color: #fff;
}
 .clear{
     clear:both;
}
 .d-none {
     display:none;
}
 .p-0 {
     padding: 0px !important;
}
 .p-20 {
     padding: 20px !important;
}
 .p-30 {
     padding: 30px !important;
}
 .p-l-0 {
     padding-left: 0px !important;
}
 .p-r-0 {
     padding-right: 0px !important;
}
 .p-t-0 {
     padding-top: 0px !important;
}
 .p-b-0 {
     padding-bottom: 0px !important;
}
 .p-t-10 {
     padding-top: 10px !important;
}
 .p-b-10 {
     padding-bottom: 10px !important;
}
 .p-l-r-10 {
     padding-left: 10px;
     padding-right: 10px;
}
 .m-0 {
     margin: 0px !important;
}
 .m-r-5 {
     margin-right: 5px !important;
}
 .m-r-10 {
     margin-right: 10px !important;
}
 .m-r-15 {
     margin-right: 15px !important;
}
 .m-l-5 {
     margin-left: 5px !important;
}
 .m-l-10 {
     margin-left: 10px !important;
}
 .m-l-15 {
     margin-left: 15px !important;
}
 .m-t-5 {
     margin-top: 5px !important;
}
 .m-t-0 {
     margin-top: 0px !important;
}
 .m-t-10 {
     margin-top: 10px !important;
}
 .m-t-15 {
     margin-top: 15px !important;
}
 .m-t-20 {
     margin-top: 20px !important;
}
 .m-t-30 {
     margin-top: 30px !important;
}
 .m-t-40 {
     margin-top: 40px !important;
}
 .m-b-0 {
     margin-bottom: 0px !important;
}
 .m-b-5 {
     margin-bottom: 5px !important;
}
 .m-b-10 {
     margin-bottom: 10px !important;
}
 .m-b-15 {
     margin-bottom: 15px !important;
}
 .m-b-20 {
     margin-bottom: 20px !important;
}
 .m-b-25 {
     margin-bottom: 25px !important;
}
 .m-b-30 {
     margin-bottom: 30px !important;
}
 .m-r-5{
     margin-right:5px;
}
 .previous {
     background-color: #f1f1f1;
     float: left;
     color: black!important;
     cursor: pointer;
}
 .next {
     background-color: #f1f1f1;
     float: right;
     color: black!important;
     cursor: pointer;
}
 a.previous, a.next {
     text-decoration: none;
     display: inline-block;
     padding: 8px 16px;
     width: 50%;
     float: none;
}
 a.previous:hover, a.next:hover {
     background-color: #ddd;
     color: black;
}
 .noPad {
     padding: 0 !important;
     border-top: 0 !important;
}
 .show {
     display: inline-block !important;
}
 .set {
     width: 0px;
     top: 0px;
     bottom: 0px;
     left: 1500px;
     position: absolute;
     display: none;
     opacity: 0;
}
 .firstSet {
     top: 0;
     left: 0;
}
 #container-table {
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: relative;
}

.stripe-block.stripe fieldset {
  margin: 0 0 20px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 5px;
}

.stripe-block.stripe .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}
 
.stripe-block.stripe label {
  width: 15%;
  min-width: 70px;
  padding: 11px 0;
  color: #c4f0ff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stripe-block.stripe .StripeElement {
  width: 100%;
  padding: 10px 15px 10px 0;
}

.stripe-block.stripe .error svg .base {
  fill: #fff;
}

.stripe-block.stripe .error svg .glyph {
  fill: #6772e5;
}

.stripe-block.stripe .error .message {
  color: #000;
}

.stripe-block.stripe .success .icon .border {
  stroke: #17a2b9;
}

.stripe-block.stripe .success .icon .checkmark {
  stroke: #17a2b9;
}

.stripe-block.stripe .success .title {
  color: #343a40;
}

.stripe-block.stripe .success .message {
  color: #33383b;
}

.stripe-block.stripe .success .title {
    margin-top: 1.5rem;
    color: #17a2b9;
}

.stripe-block.stripe .success .reset path {
  fill: #fff;
}

.stripe-block.submitting .success .icon {
  opacity: 1;
}

.stripe-block.submitted .success > * {
  opacity: 1;
  transform: none !important;
}

.stripe-block.submitted .success > :nth-child(2) {
  transition-delay: 0.1s;
}

.stripe-block.submitted .success > :nth-child(3) {
  transition-delay: 0.2s;
}

.stripe-block.submitted .success > :nth-child(4) {
  transition-delay: 0.3s;
}

.stripe-block.submitted form,
.stripe-block.submitting form {
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
}

.stripe-block.submitted .success .icon .border,
.stripe-block.submitted .success .icon .checkmark {
  opacity: 1;
  stroke-dashoffset: 0 !important;
}

.stripe-block .success .icon svg {
    will-change: transform;
}

.stripe-block .success .icon .border {
  stroke-dasharray: 251;
  stroke-dashoffset: 62.75;
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: spin 1s linear infinite;
}

.stripe-block .success .icon .checkmark {
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

.stripe-block .success > * {
  transition-property: opacity, transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  transform: translateY(50px);
}

.stripe-block .success {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  text-align: center;
  pointer-events: none;
  overflow: hidden;
}

/** Page-specific styles */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}


