:root {
  --primary: rgb(0, 99, 151);
  --green:var(--app-primary);
  --info: rgb(0, 186, 242);
  --grey: #f5f5f5;
  --font1: "Instrument Serif", serif;
  --black: #000;
  --white: #fff;
  --app-primary: #73ac23;
  --app-secondary: #65a30d;
}



@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

html, body {overflow-x:hidden;}
body { font-family: Arial, sans-serif; overflow-x:hidden; font-size: 17px; line-height: 1.5;}
a {color: var(--app-primary); transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
a:hover {color:var(--green); text-decoration:none;}
a:focus, button:fucs, .btn:focus {text-decoration: none; outline:0; border:0;}
.container {max-width: 1230px;}
.text-primary {color: var(--app-primary) !important;}
.text-info {color: var(--app-secondary) !important;}
img {max-width:100%; height:auto;}

.btn{ font-weight:400; font-family:Arial, Helvetica, sans-serif; font-style:normal; text-align:center;box-shadow:none;  text-shadow:none;}
.btn-success { background:var(--app-primary);  border-color: var(--app-primary); color:#fff; }
.btn-success:hover, .btn-success:focus{color:#fff;background: var(--app-secondary); border-color:  rgba(98,172,56,1); }

.btn_styled {padding: 8px 35px; }
.btn_styled2 {padding: 12px 35px; font-size: 20px;}

.heading {margin-bottom: 20px; font-weight: 700;}
section{padding: 70px 0;}
.logo {position: relative; display: block;}
.top_bar {background: var(--app-primary); text-align: right; padding: 10px 0; color: var(--white); font-size: 20px;}
.top_bar a{color: var(--white); text-decoration: none;}
.top_bar i.fa{position: relative; top: 5px; font-size: 25px; margin-right: 5px;}
.heaer_bar{padding: 10px 0;}
.heaer_bar h4 {font-size: 22px; text-align: right;}
.bfunding_section{min-height: 550px;}
.bfunding_section .h1{  font-family:var(--font1); }
@media (min-width:992px){
    .bfunding_section .h1{ font-size: 3rem;}

}
.contact_map_section{background-attachment: fixed; background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden; padding: 60px 0 100px; color: var(--white); background-size: cover;}
.map_text {margin-bottom: 40px;}
.map_text h4 {font-size: 26px; font-weight: bold;}
.map_text p{font-family: Tahoma, Geneva, sans-serif; font-size:18px;}
footer{text-align: center; padding: 20px 0; font-size: 14px;}
.map_address {position: relative; padding-left: 40px; font-size: 16px; line-height: 1.6;}
.map_address i.fa{position: absolute; left: 0; top: -15px; font-size: 50px; color: var(--info);}

.bfunding_form .form-group {margin:0 0 20px;}
.bfunding_form {font-weight: 400;font-size: 15px; color: #000;  }
.bfunding_form label {margin-bottom: 5px;color: #000;  }
.bfunding_form .form-control, .bfunding_form .form-select { height: auto;border: 1px solid #ccc; padding: 10px 15px; box-shadow: none;}
.bfunding_form .form-control:hover, .bfunding_form .form-control:focus{border-width: 1px; box-shadow: none;}
.bfunding_form .form-select:hover, .bfunding_form .form-select:focus{border-width: 1px; box-shadow: none;}
.bfunding_form h4 { margin-bottom: 20px; margin-top: 0.8rem !important; font-size: 2rem; font-weight: 700; color: #000;}

.progress_wrapper{margin-bottom: 25px; border: #868787 3px solid; padding: 4px; border-radius: 35px; height: 50px; background: transparent;}
.progress_wrapper .progress-bar { background: var(--app-primary);border-radius: 25px;}
.button_custom2 {background-color:#006397 !important;border-color:#006397 !important;line-height: 44px;height:60px;font-size:22px;}
.button_custom2:hover {background-color:#00588f !important;border-color:#00588f !important;}

.field_box{margin-bottom: 15px; display: block;}
.field_box .field_label, .field_box .upload_field_label, .field_box .signature_label {display: inline-block; font-weight: 700; font-size: 15px;}
.field_box .upload_field_label, .field_box .signature_label { margin-bottom: 7px; display: block;}
.field_box p{margin-top: 3px;}
.field_text{display: inline-block; margin-left: 10px;}
.tag_btn {display: inline-block;background: #e3e8f3; padding: 5px; border-radius: 5px; font-size: 11px;}

.signature_img {margin-bottom: 10px;}
.signature_img img{height: 60px;}
.doc_btn {margin-top: 3px;}
.doc_btn a { display: inline-block; border: #ddd 1px solid; border-radius: 5px; padding: 7px 30px 7px 9px; margin-bottom: 12px; font-size: 14px; }
.doc_btn a img {margin-right: 15px;height: 25px;vertical-align: middle;}

canvas.signature {border: 1px solid #1e295d;}
input, select {border: 1px solid #1e295d; box-shadow: none;}
input.input_file {border: none;}

.reset_link { font-size: 12px; display: block; color: #000; text-decoration: underline;}
.reset_link:hover { color: #000; text-decoration: none;}

.submit_btn { background-color: #a3e185; color: #000; border: 0; padding: 10px 30px;  border-radius: 3px; cursor: pointer; margin: 5px 0 10px 0;}
.submit_btn:hover {background-color: #86d360;}

.phone_prefix { font-size: 14px; margin-right: 3px;}

label.error{color:red;font-style:italic;display:none;}
input.error, textarea.error, select.error{border:1px solid red !important;}

.alert-danger ul {list-style: decimal; margin: 0; padding: 0; padding-left: 20px;}
.alert-danger ul li { margin-bottom: 3px;}

@media (max-width:1199px){
  .top_bar {padding: 5px 0; font-size: 16px; }
.top_bar i.fa {top: 3px; font-size: 18px;}
.heaer_bar h4 {font-size: 17px;}
.logo img {max-width:366px;}
}
@media (max-width:991px){
  .bfunding_section{min-height: 0;}
  .heaer_bar h4 {font-size: 15px;}
}
@media (max-width:767px){
.contact_map_section{text-align: center;}
.map_address{max-width: 266px; margin: 30px auto 0; text-align: left;}
.map_address i.fa {top: 3px;}
.logo {text-align: center; margin: 0 auto 25px;}
.heaer_bar h4 {text-align: center;}
.contact_map_section{background-attachment: inherit;}
.green_bar {text-align: center;}
}
@media (max-width:600px){
    .green_bar .row [class*='col-']  {max-width: 100%; flex: inherit; width: 100%}
    .green_bar .row [class*='col-']:first-child{margin-bottom: 5px;}
}
@media (max-width:480px){
  .map_text p{font-size: 15px;}
  .container {padding-left: 25px; padding-right: 25px;}
}
@media (max-width:414px){
  .heaer_bar h4 { font-size: 13px; }
}
@media (max-width:390px){
  .logo img { max-width: 100%;}
}
@media (max-width:360px){
  .map_address {font-size: 14px; line-height: 1.7;}
  footer{font-size: 12px;}
}

[x-cloak] { display: none !important; }

.loader {
    width: 100px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,var(--app-primary) 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: l1 1s steps(4) infinite;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}}


.font_block{ font-family: "Plus Jakarta Sans", serif;}
.font_block h1, .font_block h2{font-family: "Instrument Serif", serif;}


.payless_header {padding: 20px 0; text-align: center; border-bottom: #ddd 1px solid;}
.step-form {display: none;}
.step-form h2 {margin-bottom: 20px;}
.step-form h4, .step-form h5 {font-weight: 400;}

.step-form.active { display: block;}
.progress-bar { transition: width 0.3s ease; background-color: var(--app-primary);}


.text-success2 {color: var(--app-primary);}


ul.checkboxes_list {list-style: none; padding: 0; margin:0; margin-bottom:25px; text-align: center;}
ul.checkboxes_list li{display: inline-block; margin-right: 5px; margin-bottom: 3px; vertical-align: text-top;}
ul.checkboxes_list li .form-check {padding-left: 0!important;}
ul.checkboxes_list li label{display: inline-block; background-color: rgba(255, 255, 255, .9); border: 2px solid rgba(139, 139, 139, .3); color: #adadad; border-radius: 5px; white-space: nowrap; margin: 3px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;
  -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .2s;}
ul.checkboxes_list li label {padding: 24px 14px; cursor: pointer; position: relative; font-size: 14px; width: 150px; color: black;}

ul.checkboxes_list li label:hover {transform: scale(1.05); border-color: var(--app-primary);}
ul.checkboxes_list li label .check_icon { margin: 0 auto 10px; height: 40px;}
ul.checkboxes_list li label .check_icon img{height: 30px; object-fit: scale-down;}
ul.checkboxes_list li label p{display: block; white-space: normal; margin-bottom: 0; min-height: 40px; font-weight: 600; font-size: 14px;}
ul.checkboxes_list li input[type="radio"]:checked + label {border: 2px solid var(--app-primary); background-color: transparent; color: var(--app-primary); transition: all .2s;}
ul.checkboxes_list li input[type="radio"] {position: absolute;opacity: 0;}


ul.checkboxes_list2 {list-style: none; padding: 0; margin:0;  }
ul.checkboxes_list2 li{display: block;}
ul.checkboxes_list2 li+li{margin-top: 10px;}
ul.checkboxes_list2 li .form-check {padding-left: 0!important;}
ul.checkboxes_list2 li label{display: block; background-color: rgba(255, 255, 255, .9); border: 2px solid rgba(139, 139, 139, .3); color: #adadad; border-radius: 5px; white-space: nowrap; margin: 3px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;
  -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .2s;}
ul.checkboxes_list2 li label {padding: 10px 15px; cursor: pointer; position: relative; font-size: 14px; width: 100%; color: black;}

ul.checkboxes_list2 li label:hover {transform: scale(1.05); border-color: var(--app-primary);}
ul.checkboxes_list2 li label .check_icon { margin: 0 auto 10px; height: 40px;}
ul.checkboxes_list2 li label .check_icon img{height: 30px; object-fit: scale-down;}
ul.checkboxes_list2 li label p{display: block; white-space: normal; margin-bottom: 0; min-height: 40px; font-weight: 600; font-size: 14px;}
ul.checkboxes_list2 li input[type="radio"]:checked + label {border: 2px solid var(--app-primary); background-color: transparent; color: var(--app-primary); transition: all .2s;}
ul.checkboxes_list2 li input[type="radio"] {position: absolute;opacity: 0;}

.slidecontainer { width: 100%;}
.slider { -webkit-appearance: none; width: 100%; height: 2px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s;
  transition: opacity .2s;}
.slider:hover { opacity: 1;}
.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: var(--app-primary); cursor: pointer;}
.slider::-moz-range-thumb { width: 25px; height: 25px;background: var(--app-primary); cursor: pointer; border-radius: 100% !important;}
.btn_block {text-align: center; margin-top: 40px;}
.btn_block .btn {display: inline-block;}

.form-progress {position: relative; margin-bottom: 50px;}
.progress{height:7px;position:absolute;left:0;right:0;top:15px;border-radius:0; margin-bottom: 50px;}
.progress-bar{background-color:var(--app-secondary)}
.step-form .form-control, .step-form .form-select{box-shadow: none; height: auto; padding: 10px 15px;}
.tab {  display: none;}
.step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none;   border-radius: 50%; display: inline-block;
  opacity: 0.5;}
.step.active {  opacity: 1;}
.step.finish { background-color: var(--app-primary);}

.botom_logo img{max-width: 250px;}

.testimonial_slider .item img{width: auto;}
.testimonial_slider .item .test_top img{max-width: 35px; float: left; margin-right: 12px;}
.testimonial_slider .item .google_logo {text-align: right;}
.testimonial_slider .item .google_logo img {max-width: 40px;}
.test_top h5 {display: inline-block; font-size: 16px; vertical-align: text-top;}
.star_rev {display: inline-block; margin-left: 2px;}
.star_rev i{color: orangered;}