@font-face {
  font-family: 'Muli Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Muli Regular'), url('Muli-Regular.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Muli Italic'), url('Muli-Italic.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli ExtraLight';
  font-style: normal;
  font-weight: normal;
  src: local('Muli ExtraLight'), url('Muli-ExtraLight.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli ExtraLight Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Muli ExtraLight Italic'), url('Muli-ExtraLightItalic.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli Light';
  font-style: normal;
  font-weight: normal;
  src: local('Muli Light'), url('Muli-Light.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Muli Light Italic'), url('Muli-LightItalic.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli SemiBold';
  font-style: normal;
  font-weight: normal;
  src: local('Muli SemiBold'), url('Muli-SemiBold.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli SemiBold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Muli SemiBold Italic'), url('Muli-SemiBoldItalic.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli Bold';
  font-style: normal;
  font-weight: normal;
  src: local('fonts/Muli Bold'), url('fonts/Muli-Bold.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('fonts/Muli Bold Italic'), url('fonts/Muli-BoldItalic.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli ExtraBold';
  font-style: normal;
  font-weight: normal;
  src: local('fonts/Muli ExtraBold'), url('fonts/Muli-ExtraBold.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli ExtraBold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('fonts/Muli ExtraBold Italic'), url('fonts/Muli-ExtraBoldItalic.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli Black';
  font-style: normal;
  font-weight: normal;
  src: local('fonts/Muli Black'), url('fonts/Muli-Black.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Muli Black Italic';
  font-style: normal;
  font-weight: normal;
  src: local('fonts/Muli Black Italic'), url('fonts/Muli-BlackItalic.woff') format('woff');
  }


body{
  font-size: 18px;
  line-height: 22px;
	color: #293646;
	font-family: 'Muli', sans-serif;
}


img {
  max-width: 100%;
}

/**************Header**************/
header {
    background: #199BAA;
    padding: 7px 0px;
}

header .navbar-brand {max-width: 210px;}

header a.navbar-brand2 {max-width: 208px;margin-left: 20px;}

header .navbar-nav .nav-link {color: #FFF !important;padding: 0px 16px !important;}
h1, h2, h3, h4, h5, h6{
  color: #293646;
}
 h3{
   font-size: 18px;
   line-height: 22px;
 }
.logo-col {
    max-width: 323px;
    margin-top: -10px;
}
.section-title{
  font-size: 48px;
  line-height: 62px;
  color: #293646;
  font-weight: 800;
}
.lead-text{
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}
/**************Button**************/

.btn {
  border-radius: 40px;
  padding: 12px 33px;
  font-size: 17px;
  min-width: 220px;
  text-align: center;
  font-weight: 700;
}
.btn-primary {
  background: #6DC32A;
  border-color: #6DC32A;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
  background: #82e138!important;
  border-color: #82e138!important;
  box-shadow: none !important;
  color: #ffffff;
}
/**************Hero Banner**************/

.hero-banner {
  background: url(../images/hero-x2.jpg) no-repeat;
  padding: 100px 0px;
  text-align: center;
  min-height: 400px;
  background-position: top left;
  background-size: cover;
}
.hero-banner  .hero-title {font-size: 55px;font-weight: 800;color: #ffffff;}

.hero-banner  .hero-sub-title {font-size: 22px;text-decoration: underline;}

/**************Product Section**************/
.product-box {text-align: center;background: #FFF;box-shadow: 0px 0px 4px rgb(41 54 70 / 13%);border-radius: 10px;padding: 30px;}
.product-box .btn {
  padding: 6px 10px;
  min-width: 161px;
  font-size: 14px;
  font-weight: 400;
}
section.product-section {padding: 0px 0px 80px;margin-top: -85px;}

.product-box h3 {
  font-weight: 900;
  margin-bottom: 19px;
}

.pro-img {max-width: 120px;margin: 0px auto 13px;}
.pro-img img {
    max-width: 82px;
}

 /**************Step Section**************/

section.step-section  .lead-text {max-width: 700px;margin: 0px auto 35px}

section.step-section  .lead-text {max-width: 610px;margin: 20px auto 35px;font-weight: 400;}
.step-box h3 {text-align: center;font-weight: 400;}

.text-green {color: #199BAA;}

.step-box {margin-bottom: 30px;}

section.step-section {
    padding: 0px 0px 145px;
}

 /**************logo Section**************/
section.logo-section {background: #F5FAFA;padding: 50px 0px 15px;}
section.logo-section.form-page-logo {
  padding: 80px 0px 15px;
}
h2.sm-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
color: #0F7480;}

h2.sm-title strong {
  font-weight: 700;
}
.logo-inner {
  max-width: 865px;
  margin: auto;
  text-align: center;
}

 /**************Inner Page**************/

.hero-banner-inner{
background: url(../images/mobility-scooter-hero-x2.jpg) no-repeat;
background-size: cover;
}

.hero-text {
  background: #FFF;
  max-width: 498px;
  padding: 40px;
  border-radius: 9px;
  position: relative;
  top: 47px;
  box-shadow: 0px 0px 4px rgb(41 54 70 / 17%);
}

h1.hero-title {font-weight: 800;}

h3.hero-sub-title {
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  margin: 0px 0px 14px;
}
.hero-text h3.hero-sub-title {
  color: #199BAA;
  font-weight: 800;
  margin-bottom: 4px;
}
.hero-text  .hero-title {
  font-weight: 800;
  font-size: 39px;
}
ul.tick-style {margin: 20px 0px;padding: 0;}

ul.tick-style li {display: inline-block;font-size: 17px;font-weight: 600;position: relative;padding-left: 33px;margin-bottom: 13px;}

ul.tick-style li img {position: absolute;left: 0;max-width: 23px;}

  /**************FAQ Section**************/
section.faq-section {padding: 100px 0px;}

.accordion-button {background: transparent;border: 0 !important;color: #293646;font-size: 20px;font-weight: 700;padding: 0px 0px 0px 0px;box-shadow: none !important;}

.accordion-item {border: 0;border-bottom: 1px solid #ccc;margin-bottom:0px;padding-bottom: 25px;}

.accordion-button:not(.collapsed) {background: transparent;color: #293646;}

.accordion-body {padding: 0;margin-top: 25px;}

.accordion-button:not(.collapsed)::after {background: url(../images/accordion-minus-x2.png ) no-repeat;width: 30px;height: 30px;background-size: contain;}

.accordion-button::after{
    background: url(../images/accordion-plus-x2.png ) no-repeat;width: 30px;height: 30px;background-size: contain;
}
section.guide-section .section-title-main {
  margin-bottom: 60px;
}
.accordion {max-width: 800px;margin: 70px auto 30px;}

section.guide-section {padding: 0px 0px 100px;}

.guide-info h3 {font-size: 25px;font-weight: 700;margin: 22px 0px;}

.guide-info p {font-weight: 500;}

a.morex-text {color: #70C42F;font-weight: 700;}



/* Form  */
fieldset legend span {
  color: #6DC32A;
}
section.form-banner-inner {
  background: url(../images/form-hero-x1.jpg) no-repeat;
  background-size: cover !important;
  background-position: center;
  padding: 100px 0px 0px;
}
.form-main {
  background: #FFF;
  padding: 40px;
  position: relative;
  top: 40px;
  max-width: 900px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgb(41 54 70 / 17%);
}
select.form-select {
  padding: 10px;
  height: 56px;
  font-size: 16px;
  border: 2px solid #F0F5FC !important;
  margin-bottom: 20px;
  background-color: #F0F5FC;
  box-shadow: none !important;
  color: #787D82;
}
.form-main h1 {
  color: #293646;
  font-size: 18px;
  font-weight: 800;
}
span.checkmark {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
  min-width: 122px;
  height: 88px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 24px;
  justify-content: center;
  background: #E6F5F8;
  font-weight: 700;
  color: #00395b;
}
button.page-prev.btn.btn-danger:focus {
  box-shadow: none !important;
  outline: 0;
  color: #758896 !important;
}
label.radio_container {
  margin: 0px 10px;
}
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
}
.form-input.quote-step {display: flex;}

.title-col {margin-right: 10px;min-width: 90px;}

.name-col {margin-right: 10px;}

.email-col {margin-right: 10px;}

.btn-col .btn {border-radius: 5px;height: 55px;font-weight: 700;}

.form-control, .form-control:focus {box-shadow: none !important;background: #F0F5FC;border-color: #F0F5FC;color: #787D82;}
.main-form-wrap {
  /* max-width: 500px; */
  margin: 0px auto;
  text-align: center;
}
.thanks-col .form-group h2 {font-size: 48px;font-weight: 700;}

.thanks-col .form-group p {color: #293646;font-size: 20px;max-width: 532px;margin: 17px auto 17px;font-weight: 600;line-height: 28px;}

fieldset legend {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 22px;
  line-height: 36px;
}

.btn-action-main {
  display: block;
  align-items: center;
  justify-content: center;
}
button.page-prev.btn.btn-danger {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: #3e464c;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 10px;
}

.btn-action-main {
  list-style: none;
  margin: 8px 0px;
}

.btn-action-main li {
  margin: 0px 24px;
}

.progress-bar.active {
  animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
.progress .progress-value {
  display: block;
  padding: 3px 7px;
  font-size: 13px;
  color: #000;
  border-radius: 4px;
  background: transparent;
  border: 0;
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  margin: 0px auto;
  width: 100%;
}

.privacy-text, .privacy-text a {font-size: 13px;font-weight: 500;text-decoration: none;}

.privacy-text a {color: #343E48;}
.progress-bar-striped {
  background: #107884;
}
.progress {
  background-color: #F0F5FC;
  height: 8px;
  margin: 20px auto 12px;
  max-width: 500px;
}
.form-control {
  padding: 10px;
  height: 56px;
  font-size: 16px;
  border: 2px solid #F0F5FC;
  margin-bottom: 20px;
}
.two-col span.checkmark {
  min-width: 180px;
  font-size: 20px;
}

.privacy-text {
  margin-top: 30px;
}
section.thanks-col .privacy-text {
  margin-top: 9px;
}
 
.active_box span.checkmark {
  background: #6dc32a;
  color: #ffffff;
}
.post-col input.form-control {margin-bottom: 0;}

.form-input.input-group.post-col {max-width: 500px;margin: 0px auto 30px;}

.form-input.input-group.post-col .btn {border-radius: 0px 6px 6px 0px;}

.form-input.input-group.post-col .form-control {background: #F0F5FC;border-color: #F0F5FC;padding-left: 20px;box-shadow: none !important;border-radius: 6px 0px 0px 6px;height: 52px;}
 

section.form-section.thanks .form-main {
  text-align: center;
}

section.form-section.thanks .form-main p {
  font-size: 20px;
  font-weight: 600;
}

a.back-btn {
  color: #4e606f;
  text-decoration: underline;
  font-weight: 600;
  margin: 100px 0px;
  display: inherit;
}





 /**************Footer**************/
footer .copyright p {
    font-size: 13px !important;
}
footer {background: #199BAA;}

.footer-col h3 {color: #ffffff;margin: 0px 0px 4px;}

.footer-col.footer-menu ul {margin: 0px;padding: 0px;}

.footer-col.footer-menu ul li {list-style: none;}

.footer-col.footer-menu ul li a {color: #C2E2E5;text-decoration: none;font-size: 14px;}
img.footer-logo {max-width: 209px;}

p.lead-text-footer {color: #C2E2E5;margin-top: 23px;}
.tp-loog img {max-width: 204px;}

.footer-copy p {color: #E0E7F0;font-size: 10px;margin-top: 6px;}

.footer-copy {margin-top: 70px;}

 
@media (min-width:992px){
  .form-img-top {
    position: absolute;
    max-width: 124px;
    right: 38px;
    top: -30px;
    display: block !important;
  } 
}



@media (min-width:992px) and (max-width:1220px){
  header .navbar-nav .nav-link {
      padding: 0px 6px !important;
  }    
  }

@media (max-width:991px){
header {
    padding: 0px 0px;
}
  .navbar-light .navbar-toggler-icon {background-image: none !important;box-shadow: none !important;border: 0;}

  .navbar-light .navbar-toggler {border: 0 !important;}
  
  .navbar-light .navbar-toggler:focus {box-shadow: none;}
.tp-img-sm {
    display: block !important;
    margin-bottom: 10px;
    max-width: 230px;
}
a.navbar-brand.tp-desktop {
  display: none;
}
header .container-fluid {
    justify-content: space-between;
    padding-left: 0;
}
 
.navbar-light .navbar-toggler {position: absolute;right: 7px;}

.btn {
  padding: 8px 10px;
  min-width: 169px;
  font-size: 13px;
}

.product-box {padding: 20px;margin-bottom: 18px;}

.product-box h3 {
  font-size: 12px;
  margin-bottom: 10px;
}
.product-box .btn {
  min-width: 99px;
  padding: 6px 14px;
}
.pro-img {max-width: 84px;margin-bottom: 3px;}

 
.hero-banner .hero-sub-title {
  font-size: 16px;
  max-width: 256px;
  margin: 0px auto 10px;
}

.hero-banner {padding: 30px 0px;min-height: 235px;}

.hero-banner .hero-title {font-size: 21px;}

.section-title {font-size: 24px;}

section.step-section .lead-text {font-size: 16px;}

section.product-section {padding: 0px 0px 11px;}

.step-media {max-width: 175px;margin: 0px auto 9px;}

.step-box {margin-bottom: 50px;}

section.step-section {padding: 0px 0px 3px;}
section.logo-section {padding: 20px 0px 10px;}

h2.sm-title {font-size: 20px;line-height: 21px;max-width: 280px;margin: 0px auto 12px;}
.logo-inner img {
  max-width: 400px;
}
.footer-col {
    margin-bottom: 30px;
}
footer {
    padding: 30px 0px 5px;
}
.footer-copy {margin-top: 0;}
.navbar-collapse {
  position: absolute;
  top: 53px;
  background: #0d5f68;
  width: 100%;
  left: 0;
  right: 0;
  padding: 20px;
  z-index: 99;
  border-bottom: 4px solid #c8d64a;
}

header .navbar-nav .nav-link {margin-bottom: 20px;}
.guide-box {max-width: 500px;margin: 0px auto 40px;text-align: center;}

.guide-info h3 {font-size: 18px;}

body {font-size: 16px;}

section.faq-section {padding: 37px 0px 10px;}

.lead-text {font-size: 16px;}

.accordion {margin: 20px 0px 20px;float: left;width: 100%;}

.accordion-button {font-size: 16px;line-height: 23px;}

.accordion-item {margin-bottom: 17px;
    padding-bottom: 17px;}

section.guide-section .section-title-main {margin-bottom: 30px;}

.section-title {line-height: 30px;}

section.guide-section {padding: 0px 0px 15px;}
.hero-text .hero-title {font-size: 24px;line-height: 30px;}

.hero-text h3.hero-sub-title {font-size: 18px;}

ul.tick-style li {
  font-size: 15px;
  display: block;
}

.hero-text {
  padding: 24px;
  max-width: 100%;
}

ul.tick-style li img {max-width: 18px;top: 3px;}
.banner-inner-sm {min-height: 137px;background-position: right;}
section.hero-banner-inner.banner-bg-sm {background: #FFF;}

section.hero-banner-inner.banner-bg-sm .hero-text {top: 0;border-radius: 0;}

section.hero-banner-inner.banner-bg-sm .container {
  padding: 0;
  max-width: 100%;
}

section.hero-banner-inner.banner-bg-sm  .row {margin: 0;}

section.hero-banner-inner.banner-bg-sm  .col-lg-6.col-md-12 {padding: 0;}

section.form-banner-inner  .row {margin: 0;}

section.form-banner-inner {padding: 4px 0px 0px;}

.form-main h1 {font-size: 14px;}

fieldset legend {font-size: 17px;line-height: 24px;}

.form-main {
  padding: 30px 20px;
}

span.checkmark {min-width: 97px;font-size: 19px;}

label.radio_container {margin: 0px 5px;}

.privacy-text {margin-top: 10px;text-align: left;/* font-size: 11px; */}

.privacy-text, .privacy-text a {font-size: 10px;}

.privacy-text p {
  display: flex;
  justify-content: center;
}

.privacy-text p span {
  margin-left: 15px;
  line-height: 14px;
}
.main-form-wrap  .form-control {font-size: 14px;}

.form-input.input-group.post-col   .btn-primary {min-width: 95px;}

.form-input.quote-step {
  display: block;
  max-width: 350px;
  margin: auto;
}
select.form-select {
  font-size: 15px;
}
.btn-col .btn {
  min-width: 100%;
  font-weight: 700;
  font-size: 15px;
}

.btn-col {padding: 0px 0px;}

.title-col, .name-col, .email-col {margin: 0;}
 
section.logo-section.form-page-logo {
  padding: 80px 0px 15px;
}
h4.sm-title-form {
  background: #107884;
  color: #FFF;
  padding: 10px;
  margin: 0;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 6px 6px 0px 0px;
  font-size: 12px;
  text-align: center;
  display: block !important;
}
 
.form-main h1 {margin-top: 35px;}




}


@media (min-width:1200px) and (max-width:1400px){

  header .container  {max-width: 99%;}  

  }
  
  @media (min-width:992px) and (max-width:1199px){

  header .container  {max-width: 99%;}  
  header .navbar-nav .nav-link {font-size: 15px;}
  header .navbar-brand {max-width: 152px;}

  }
  
  
   @media (max-width:480px){
    .logo-inner img {
      max-width: 100%;
  }
   }


   @media (max-width:364px){
    .product-box h3 {
      font-size: 11px;
      margin-bottom: 6px;
  }
  .product-box .btn {
    font-size: 11px;
    min-width: auto;
    padding: 6px 14px;
}

.product-box {
  padding: 10px;
}

   }

@media (max-width:340px){

.hero-banner .hero-title {
      font-size: 21px;
}  
}

 /**************Step Section**************/
 .text-primary {
    color: #239BA9 !important;
}
 h2 {
    color: #1C274C;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
}
.head-main {
    text-align: center;
    max-width: 700px;
    margin: 0px auto;
}
.step-icon {
  width: 130px;
  height: 130px;
  background: #1C274C;
  text-align: center;
  line-height: 129px;
  border-radius: 50%;
  margin: 0px auto 20px;
  position: relative;
}
.step-col:hover .step-icon {
  background: #239BA9;
}
.step-col {
  text-align: center;
}

.step-info h5 {
  color: #239BA9;
  font-weight: 400;
  font-size: 16px;
}

.step-info h3 {
    font-size: 20px;
    line-height: 28px;
}



.step-box-col:before {
  content: "";
  width: 100%;
  border-top: 2px dashed #000;
  position: absolute;
  top: 26%;
  left: auto;
  right: -111px;
}

.step-box-col {
  position: relative;
}

.step-box-col:last-child:before {
  border: 0;
}

.step-box-col:hover:before {
  border-color: #239BA9;
}
.border-hide::before {
  border: 0;
}

.border-right-hide:before {
  background: transparent;
}



 /**************Why Section**************/

 .why-section {
  margin-top: 0;
  position: relative;
}

.man-img img {
  width: 100%;
}

.why-section:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 560px;
  bottom: 0;
  background: #239BA9;
  /* z-index: 1; */
}

.man-img {
  position: relative;
  top: -54px;
}

.why-section .container {
  position: relative;
  z-index: 1;
}

.why-text {
    margin-top: 0;
    padding-left: 90px;
}
.why-text h2, .why-text p {
  color: #FFF;
}

.why-box {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 30px;
  min-height: 300px;
  margin-bottom: 30px;
}

.why-icon img {
  width: auto !important;
  margin: auto;
}

.why-info {
  text-align: center;
}

.why-icon {
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.why-wrap {
    margin-top: -237px;
    padding-bottom: 90px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
.why-info p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.faq-section {
  background: #F5F5F5;
}
section.faq-section {
    padding: 70px 0px 90px;
}
.man-img {
    position: relative;
    top: -160px;
}


.why-info h3 {
    font-weight: 600;
}


.navbar-expand-lg .navbar-nav {
  align-items: center;
}
  
@media (min-width:1400px){
 .why-info h3 {
    min-height:47px;
}
.why-info h3 {
    font-size: 24px;
    font-weight: 700;
}
.why-box {
    padding: 12px;
}  

}

@media (min-width:768px) and (max-width:1399px){
 .why-info h3 {
    min-height:44px;
}   
}


@media (min-width:1200px) and (max-width:1399px){
	
.why-section {
    margin-top: 164px !important;
}
.why-text {
    margin-top: -77px;
}   
.step-info h3 {
    font-size: 17px;
    line-height: 27px;
}	
}
 









@media (max-width:991px){
.man-img {
    max-width: 300px;
    margin: 31px auto 0;
}	
.step-box-col:before {
    border: none;
}

.step-info h3 {
    font-size: 20px;
    line-height: 25px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.step-box-col {
    margin-top: 0;
    margin-bottom: 30px;
}

.head-main {
    margin-bottom: 30px;
}

h2 {
    font-size: 24px;
}
 	
.product-box h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 9px; 
}	
	
.man-img {
    top: 0;
}

.why-text {
    margin-top: 0;
    padding: 4px 0px 125px;
    text-align: center;
}

section.why-wrap {
    margin-top: -105px;
    padding-bottom: 30px;
}

.row>* {
    margin-top: 0;
}

.btn-col .btn {
    height: auto;
    padding: 13px 14px;
}

.head-main {
    margin-top: 56px;
}

.why-box {
    margin-bottom: 10px;
}	
img.footer-logo {
    margin-bottom: -18px;
}	
.why-text h2 {
    text-align: center;
}	
}






@media (min-width:992px) and (max-width:1199px){
.product-box h3 {
    font-weight: 600;
}

.hero-banner .hero-title {
    font-size: 45px;
}

.step-info h3 {
    font-size: 15px;
    line-height: 22px;
    min-height: auto;
    font-weight: 600;
}

.why-text {
    margin-top: -170px;
}

.why-box {
    padding: 11px;
}	
}






@media (max-width:991px){
.navbar-light .navbar-brand img {
    max-width: 180px;
} 
.tp-img-sm {
    display: inline-block !important;
    margin-bottom: 0 !important;
}
img.tp-img-sm.d-none {
    max-width: 114px;
     margin-left: 6px;
}    
}


@media (max-width:480px){
.navbar-light .navbar-brand img {
    max-width: 140px;
}

img.tp-img-sm.d-none {
    max-width: 114px;
    margin-left: 0;
}     
}

@media (max-width:372px){
.navbar-light .navbar-brand img {
    max-width: 120px;
}     
}





@media (max-width:480px){
section.why-wrap.sec-pad  .row.g-5 {
    margin: 0;
}
 

.head-main {
    margin-top: 20px;
}	
}

 a.navbar-brand.tp-desktop:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 41px;
  background: #FFF;
  position: absolute;
  left: -17px;
}

a.navbar-brand.tp-desktop {
  position: relative;
  margin-left: 20px;
}
a.navbar-brand.tp-desktop img {
  max-width: 103px;
}
header .navbar-nav .nav-link {
    color: #FFF !important;
    padding: 0px 16px !important;
    font-size: 14px;
    font-weight: 700;
}








/*New CSS*/

.sec-space {
    padding: 70px 0px;
}

.mid-banner-sec {
    background: #199baa;
    color: #FFF;
}

.mid-banner-sec h2 {
    color: #FFF;
    margin: 0px auto 20px;
    max-width: 1000px;
}

.sec-space .btn-col {
    margin-top: 32px;
}

section.meet-sec {
    background: #f7f7f7;
}

.mid-col h2 {
    margin-bottom: 20px;
}

.mid-col {
    text-align: center;
}

.mid-col p {
    margin: 22px 0px;
}

.mid-col p:last-child {
    margin: 0;
}


.section-intro {
    max-width: 800px;
    margin: 0px auto 50px;
}

.section-intro p {
    line-height: 29px;
}

.why-box-main {
    background: #ffffff;
    padding: 30px;
    height: 100%;
    border-radius: 7px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.11);
    border-bottom: 7px solid #199baa;
    min-height: 212px;
}

.why-col {
    margin-bottom: 30px;
}

.why-box-main h3 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 14px;
}

.why-box-main p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

section.eligible-sec {
    background: #199baa;
    color: #FFF;
}

section.eligible-sec h2 {
    color: #FFF;
    margin-bottom: 23px;
}

section.eligible-sec  ul {
    margin: 30px 0px 30px -10px;
}

section.eligible-sec ul li {
    margin-bottom: 17px;
}

.tr-box {
    background: #ffffff;
    padding: 24px;
    height: 100%;
    border-radius: 7px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .11);
    border-bottom: 7px solid #199baa;
    min-height: 212px;
}

.tr-box h3 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 14px;
}

.tr-box p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.tr-col {
    margin-bottom: 30px;
}


section.faq-sec {
    background: #f7f7f7;
}

section.faq-sec  .accordion {
    margin: 30px 0px 0px;
    max-width: 100%;
}

button.btn.btn-link {
    width: 100%;
    text-align: left;
}

section.cta-sec {
    padding: 70px 0px  165px;
    color: #FFFF;
}

.cta-col {
    background: #239ba9;
    padding: 60px;
    border-radius: 10px;
    text-align: center;
}

.cta-col p {
    margin: 20px 0px 29px;
}

.cta-col h2 {
    color: #FFFF;
}

section.faq-sec .accordion-item {
    padding: 20px;
}






@media (max-width:991px){

.sec-space {
    padding: 40px 0px;
}

h2 {
    line-height: 34px;
}

section.mid-banner-sec {
    margin-top: 30px;
}

.why-col:last-child {
    margin-bottom: 0;
}
 

section.why-sec .mt-4.btn-col.text-center {
    margin-top: 0 !important;
}

section.cta-sec {
    padding: 40px 0px 30px;
}

.cta-col {
    padding: 30px;
}
main {
    overflow: hidden;
}
	
	
}




@media (min-width:981px){
 .banner-sec .banner-row  p {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 24px;
    color: #1C274C;
    text-align:left;
    margin-top:16px;
}
   
}


