::placeholder {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  }
  .enterform{

  border: 1px solid #ccc!important;
  }
.eligibilitysection{
  padding-top:0px;
}
  #cardcredimg img {
  width: 50%;
  text-align: center;
}

.fa-times{
color: #000;
}
.crosscancel a{
  position: absolute;
  right:-8px;
    top: -8px;
}
.comparenewbtn{
float: right;
  margin-top: -80px;
}
.compareclosebtn{
    position: absolute;
 top: -90px;
  right: -270px;
  background: transparent;
}
.fa-times:before{
  background: #fff;
  padding: 5px;
  border-radius: 50%;
}
  .product-box__inner{
      margin-top: 150px;
  }

  .col-lg-5.col-md-5,.col-lg-2.col-md-2{
      padding-left: 15px!important;
      padding-right: 5px!important;
  }
  .form-group,.form-control{
      height: 50px!important;
  }
    .content1{
    border:none;
    background-color: rgba(0, 126, 144, 0.5);
    color: #fff;
    border-radius: 2px;
    padding: 10px;
    font-size: 14px;
    height: 50px;
    }

    .card-title {
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 30px;
    color: #38526d;
    margin-bottom: 0;
    text-transform: capitalize;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .creditheader{
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 30px;
    color: #38526d;
    margin-bottom: 0;
    text-transform: capitalize;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .bs-title-desc h2{
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 30px;
    color: #38526d;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .title-2 {
    color: #38526d;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin:5px;
    }


  .title {
      display: block;
      padding-top: 5px;
      font-size: 17px;
      font-weight: 700;
      color: rgba(52, 73, 94, 0.3);
      letter-spacing: 0;
      font-size: 18px;
      line-height: 1.72222;
  }

  .hr-timeline-content p{
      font-size: 14px;
      padding-left: 16px;
      padding-right: 16px;
  }
#wordhead {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    margin-bottom: 19px;
}
  .hr-timeline-section{
      margin-top: 50px;
  }
  #quote{
      font-size: 20px;
      font-weight: 500;
  }
  .faq-section {

      padding: 0;
      margin-bottom: 80px;
  }
  .faq-title h2 {
      position: relative;
      margin-bottom: 45px;
      display: inline-block;
      font-weight: 600;
      line-height: 1;
  }
  .faq-title h2::before {
      content: "";
      position: absolute;
      left: 50%;
      width: 60px;
      height: 2px;
      background: red;
      bottom: -25px;
      margin-left: -30px;
  }
  .faq-title p {
      padding: 0 190px;
      margin-bottom: 10px;
  }

  .faq {
      background: #FFFFFF;
      box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
      border-radius: 4px;
  }

  .faq .card {
      border: none;
      background: none;
      border-bottom: 1px dashed #CEE1F8;
  }

  .faq .card .card-header {
      padding: 0px;
      border: none;
      background: none;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
  }

  .faq .card .card-header:hover {
      background: rgba(233, 30, 99, 0.1);
      padding-left: 10px;
  }
  .faq .card .card-header .faq-title {
      width: 100%;
      text-align: left;
      padding: 0px;
      padding-left: 10px;
      padding-right: 30px;
      font-weight: 700;
      font-size: 15px;
      letter-spacing: 1px;
      color: #3B566E;
      text-decoration: none !important;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      cursor: pointer;
      padding-top: 20px;
      padding-bottom: 20px;
  }

.faq .card .card-header .faq-title .badge {
    display: inline-block;
    width: 25px;
    height: 20px;
    line-height: 14px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #2980b9;
    color: #fff;
    font-size: 12px;
    margin-right: 20px;
}

  .faq .card .card-body {
      padding: 30px;
      padding-left: 35px;
      padding-bottom: 16px;
      font-weight: 400;
      font-size: 16px;
      color: #6F8BA4;
      line-height: 28px;
      letter-spacing: 1px;
      border-top: 1px solid #F3F8FF;
  }

  .faq .card .card-body p {
      margin-bottom: 14px;
      text-align: justify;
      line-height: 1.5em;
  }
  .calltoaction-area-2 .xs-overlay{
      background-color: #4243e7;
      opacity: .9;
  }

  .product__resources .product__cont {
      width: 100%;
      max-width: 1200px;
      margin: auto;
  }
  .product__cont h2 {
      text-align: center;
      margin: 0 0 60px;
      color: #003A79;
  }
  .product__resources__item {
      float: left;
      width: 100%;
      margin-top: 50px;
      box-sizing: border-box;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      margin: 15px;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      background: #fff;
  }
  .product__resources__item__img {
      height: 250px;
      width: calc(100% - 60px);
      position: relative;
      left: 30px;
      top: -30px;
      background-size: cover !important;
      background-position: center !important;
  }
  .product__resources__item h3 {
      font-size: 16px;
      padding: 0 30px;
      color: #003A79;
      margin-bottom: 40px;
      text-align: center;
  }
  .product__resources__item p {

      padding: 0 30px;
      line-height: 1.45;
  }
  a.article-Button {
      padding: 5px 50px 5px 50px;
      border-radius: 30px;
      margin-top: -20px;
      margin-left: 56px;
      vertical-align: middle;
      text-transform: uppercase;
      color: #ffffff;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
      text-decoration: none;
      width: auto;
      background-color: #003A79;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      position: absolute;
  }
  .article-Button:after {
      background: url(https://www.desertfinancial.com/-/media/desert-financial/misc/sharing-success//ctaArrow.svg);
      background-repeat: no-repeat;
      content: "";
      height: 16px;
      margin-left: 8px;
      margin-top: 5px;
      padding-right: 38px;
      position: absolute;
      transition: all 0.3s linear;
  }
  .product__resources__item:hover {
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);
      -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  }
  .product__resources__item a:hover::after {
      transform: scaleX(1);
      transform-origin: bottom left;
  }
  .secondblog{
      margin-top: 50px;
  }
  #cardcredimg{
      text-align: center;
  }
  #cardcredimg img{
      padding-top: 40px;
  }
  .product__cred{
      float: left;
      width: 100%;
      margin-top: 50px;
      box-sizing: border-box;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      margin: 15px;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      background: #fff;
  }
  .product__cred:hover {
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);
      -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  }
  .product__cred a:hover::after {
      transform: scaleX(1);
      transform-origin: bottom left;
  }


  .primary-txt{
      padding: 10px 0px 10px 7px;
      display: block;
      list-style: disc;
      font-size: 16px;
      line-height: 1.80;
  }
  .primary-txt li{
      list-style: disc;
  }
  @media screen and (max-width: 695px) {
      .product__resources__item {
          width: 100%;
          margin: 30px 0 60px;
          display: block;
      }
  }
  /* Tabs*/
section {
    padding: 48px 0;
}
  section .section-title {
      text-align: center;
      color: #007b5e;
      margin-bottom: 50px;
      text-transform: uppercase;
  }

  #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

      background-color: transparent;
      border-color: transparent transparent red;
      border-bottom: 4px solid !important;
      font-size: 20px;
      font-weight: bold;
  }
  #tabs .nav-tabs .nav-link {
      border: 1px solid transparent;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;

      font-size: 20px;
  }
  .wrapper {
      width: 40em;
      margin: 4em auto;
      background: #fff;
      padding: 4em;
      border-radius: 8px;
      border: 1px solid #f5f5f5;
  }
  .wrapper > :first-child {
      margin-top: 0;
  }
  .wrapper > :last-child {
      margin-bottom: 0;
  }
 
  .todo {
      background: #f9f9f9;
      padding: 1em;
      border-radius: 4px;
      color: #ccc;
      font-style: italic;
      font-weight: lighter;
      font-size: .9em;
  }
  .todo ul {
      margin: .4em 0;
      padding: 0 1em;
  }
  .todo ul li {
      list-style-position: inside;
  }
  footer {
      margin: 4em auto;
      text-align: center;
      font-size: .9em;
  }
  a {
      text-decoration: none;
    
  }
  a:hover {
      text-decoration: underline;
  }

  .emoticon-face {
      background: #FFEB3B;
      border-radius: 100%;
      width: 1.7em;
      height: 1.7em;
      transform: rotate(90deg);
      display: inline-block;
      vertical-align: middle;
      margin: -.4em .2em 0;
      text-align: center;
      border: 1px solid #FDD835;
      padding-left: .1em;
      -webkit-font-smoothing: antialiased;
  }
  .emoticon-face--no-rotation {
      transform: rotate(0deg);
  }
  #cardcredimg h3{
      font-size: 16px;
      margin-top: 12px;
  }

  code {
      padding: .2em .3em;
      background: #f5f5f5;
      margin: 0 .2em;
      border-radius: 4px;
      font-size: .95em;
      font-family: 'Source Code Pro';
  }

  .tac {
      text-align: center;
  }

  .wrapper {
      width: 68em;
  }

  * {
      box-sizing: border-box;
  }

  .product-grid {
      width: 60em;
      margin: 2rem auto;
  }
  .product-grid.product-grid--flexbox .product-grid__wrapper {
      display: flex;
      flex-wrap: wrap;
  }
  .product-grid.product-grid--flexbox .product-grid__title {
      height: auto;
  }
  .product-grid.product-grid--flexbox .product-grid__title:after {
      display: none;
  }
  .product-grid__wrapper {
      margin-left: -1rem;
      margin-right: -1rem;
  }
  .product-grid__product-wrapper {
      padding: 1rem;
      float: left;
      width: 33.33333%;
  }
  .product-grid__product {
      padding: 1rem;
      position: relative;
      cursor: pointer;
      background: #fff;
      border-radius: 4px;
  }
  .product-grid__product:hover {
      box-shadow: 0px 0px 0px 1px #eee;
      z-index: 50;
  }
  .product-grid__product:hover .product-grid__extend {
      display: block;
  }
  .product-grid__img-wrapper {
      width: 100%;
      text-align: center;
      padding-top: 1rem;
      padding-bottom: 1rem;
      height: 150px;
  }
  .product-grid__img {
      max-width: 100%;
      height: auto;
      max-height: 100%;
  }
  .product-grid__title {
      margin-top: .875rem;
      display: block;
      font-size: 1.125em;
      color: #222;
      height: 3em;
      overflow: hidden;
      position: relative;
  }
  .product-grid__title:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 2.4em;
      height: 1.5em;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
  }
  .product-grid__price {
      color: #E91E63;
      font-weight: bold;
      letter-spacing: .4px;
  }
  .product-grid__extend-wrapper {
      position: relative;
  }
  .product-grid__extend {
      display: none;
      position: absolute;
      padding: 0 1rem 1rem 1rem;
      margin: .4375rem -1rem 0;
      box-shadow: 0px 0px 0px 1px #eee;
      background: #fff;
      border-radius: 0 0 4px 4px;
  }
  .product-grid__extend:before {
      content: "";
      height: .875rem;
      width: 100%;
      position: absolute;
      top: -.4375rem;
      left: 0;
      background: #fff;
  }
  .product-grid__description {
      font-size: .875em;
      margin-top: .4375rem;
      margin-bottom: 0;
  }
  .product-grid__btn {
      display: inline-block;
      font-size: .875em;
      color: #777;
      background: #eee;
      padding: .5em .625em;
      margin-top: .875rem;
      margin-right: .625rem;
      cursor: pointer;
      border-radius: 4px;
  }
  .product-grid__btn i.fa {
      margin-right: .3125rem;
  }
  .product-grid__add-to-cart {
      color: #fff;
      background: #E91E63;
  }
  .product-grid__add-to-cart:hover {
      background: #ee4c83;
  }
  .product-grid__view {
      color: #777;
      background: #eee;
  }
  .product-grid__view:hover {
      background: white;
  }
  input[type=text],
  input[type=tel] {
      font-size: 1em;
      padding: 5px 10px;
      border: 1px solid #ccc;
  }
  input[type=number] {
   
    border: 1px solid #ccc;
}
  .cd-header h1 {
      color: #ffffff;
      line-height: 150px;
      text-align: center;
  }
  @media only screen and (min-width: 1170px) {
      .cd-header {
          height: 180px;
      }
      .cd-header h1 {
          line-height: 180px;
      }
  }

  .cd-main-content {
      position: relative;
      min-height: 100vh;
  }
  .cd-main-content:after {
      content: "";
      display: table;
      clear: both;
  }
  .cd-main-content.is-fixed .cd-tab-filter-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
  }
  .cd-main-content.is-fixed .cd-gallery {
      padding-top: 76px;
  }
  .cd-main-content.is-fixed .cd-filter {
      position: fixed;
      height: 100vh;
      overflow: hidden;
  }
  .cd-main-content.is-fixed .cd-filter form {
      height: 100vh;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
  }
  .cd-main-content.is-fixed .cd-filter-trigger {
      position: fixed;
  }
  @media only screen and (min-width: 768px) {
      .cd-main-content.is-fixed .cd-gallery {
          padding-top: 90px;
      }
  }
  @media only screen and (min-width: 1170px) {
      .cd-main-content.is-fixed .cd-gallery {
          padding-top: 100px;
      }
  }

  /* --------------------------------
  
  xtab-filter
  
  -------------------------------- */
  .cd-tab-filter-wrapper {
      background-color: #ffffff;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
      z-index: 1;
  }
  .cd-tab-filter-wrapper:after {
      content: "";
      display: table;
      clear: both;
  }

  .cd-tab-filter {
      /* tabbed navigation style on mobile - dropdown */
      position: relative;
      height: 50px;
      width: 140px;
      margin: 0 auto;
      z-index: 1;
  }
  .cd-tab-filter::after {
      /* small arrow icon */
      content: '';
      position: absolute;
      right: 14px;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-arrow.svg") no-repeat center center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      pointer-events: none;
  }
  .cd-tab-filter ul {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ffffff;
      box-shadow: inset 0 -2px 0 #f03d6c;
  }
  .cd-tab-filter li {
      display: none;
  }
  .cd-tab-filter li:first-child {
      /* this way the placehodler is alway visible */
      display: block;
  }
  .cd-tab-filter a {
      display: block;
      /* set same size of the .cd-tab-filter */
      height: 50px;
      width: 140px;
      line-height: 50px;
      padding-left: 14px;
  }
  .cd-tab-filter a.selected {
      background: #f03d6c;
      color: #ffffff;
  }
  .cd-tab-filter.is-open::after {
      /* small arrow rotation */
      -webkit-transform: translateY(-50%) rotate(-180deg);
      -moz-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
      -o-transform: translateY(-50%) rotate(-180deg);
      transform: translateY(-50%) rotate(-180deg);
  }
  .cd-tab-filter.is-open ul {
      box-shadow: inset 0 -2px 0 #f03d6c, 0 2px 10px rgba(0, 0, 0, 0.2);
  }
  .cd-tab-filter.is-open ul li {
      display: block;
  }
  .cd-tab-filter.is-open .placeholder a {
      /* reduces the opacity of the placeholder on mobile when the menu is open */
      opacity: .4;
  }
  @media only screen and (min-width: 768px) {
      .cd-tab-filter {
          /* tabbed navigation style on medium devices */
          width: auto;
          cursor: auto;
      }
      .cd-tab-filter::after {
          /* hide the arrow */
          display: none;
      }
      .cd-tab-filter ul {
          background: transparent;
          position: static;
          box-shadow: none;
          text-align: center;
      }
      .cd-tab-filter li {
          display: inline-block;
      }
      .cd-tab-filter li.placeholder {
          display: none !important;
      }
      .cd-tab-filter a {
          display: inline-block;
          padding: 0 1em;
          width: auto;
          color: #9a9a9a;
          text-transform: uppercase;
      }
      .no-touch .cd-tab-filter a:hover {
          color: #f03d6c;
      }
      .cd-tab-filter a.selected {
          background: transparent;
          color: #f03d6c;
          /* create border bottom using box-shadow property */
          box-shadow: inset 0 -2px 0 #f03d6c;
      }
      .cd-tab-filter.is-open ul li {
          display: inline-block;
      }
  }
  @media only screen and (min-width: 1170px) {
      .cd-tab-filter {
          /* tabbed navigation on big devices */
          width: 100%;
          float: right;
          margin: 0;
          -webkit-transition: width 0.3s;
          -moz-transition: width 0.3s;
          transition: width 0.3s;
      }
      .cd-tab-filter.filter-is-visible {
          /* reduce width when filter is visible */
          width: 80%;
      }
  }


  /* --------------------------------
  
  xfilter
  
  -------------------------------- */
  .cd-filter {
      position: absolute;
      top: 0;
      left: 0;
      width: 280px;
      height: 100%;
      background: #ffffff;
      box-shadow: 4px 4px 20px transparent;
      z-index: 2;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
      -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
      transition: transform 0.3s, box-shadow 0.3s;
  }
  .cd-filter::before {
      /* top colored bar */
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 50px;
      width: 100%;
      background-color: #444444;
      z-index: 2;
  }
  .cd-filter form {
      padding: 70px 20px;
  }
  .cd-filter .cd-close {
      position: absolute;
      top: 0;
      right: 0;
      height: 50px;
      line-height: 50px;
      width: 60px;
      color: #ffffff;
      text-align: center;
      background: #444444;
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s;
      z-index: 3;
  }
  .no-touch .cd-filter .cd-close:hover {
      background: #666666;
  }
  .cd-filter.filter-is-visible {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  }
  .cd-filter.filter-is-visible .cd-close {
      opacity: 1;
  }
  @media only screen and (min-width: 1170px) {
      .cd-filter {
          width: 20%;
      }
      .cd-filter form {
          padding: 70px 10%;
      }
  }

  .cd-filter-trigger {
      position: absolute;
      top: 0;
      left: 0;
      height: 50px;
      line-height: 50px;
      width: 60px;
      /* image replacement */
      overflow: hidden;
      text-indent: 100%;
      color: transparent;
      white-space: nowrap;
      background: transparent url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-filter.svg") no-repeat center center;
      z-index: 3;
  }
  .cd-filter-trigger.filter-is-visible {
      pointer-events: none;
  }
  @media only screen and (min-width: 1170px) {
      .cd-filter-trigger {
          width: auto;
          left: 2%;
          text-indent: 0;
          color: #9a9a9a;
          text-transform: uppercase;
          padding-left: 24px;
          background-position: left center;
          -webkit-transition: color 0.3s;
          -moz-transition: color 0.3s;
          transition: color 0.3s;
      }
      .no-touch .cd-filter-trigger:hover {
          color: #f03d6c;
      }
      .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
          color: #ffffff;
      }
  }

  .cd-filter-block h4 {
      /* filter block title */
      position: relative;
      margin-bottom: .2em;
      padding: 10px 0 10px 20px;
      color: #9a9a9a;
      text-transform: uppercase;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      font-size: 14px;
  }
  .no-touch .cd-filter-block h4:hover {
      color: #f03d6c;
  }
  
  .cd-filter-block h4::before {
      /* arrow */
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 16px;
      height: 16px;
      background: url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-arrow.svg") no-repeat center center;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
  }
  .cd-filter-block h4.closed::before {
      -webkit-transform: translateY(-50%) rotate(-90deg);
      -moz-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
      -o-transform: translateY(-50%) rotate(-90deg);
      transform: translateY(-50%) rotate(-90deg);
  }
  .cd-filter-block input, .cd-filter-block select,
  .cd-filter-block .radio-label::before,
  .cd-filter-block .checkbox-label::before {
      /* shared style for input elements */  border-radius: 0;
      background-color: #ffffff;
      border: 2px solid #e6e6e6;
  }

  
 
  #tabs{
      margin-top: -200px;
  }

  .slider {
      width: 60px;
      height: 60px;
      background: #fff;
      border-radius: 50%;
      line-height: 70px;
      text-align: center;
      margin-left: -30px;
      box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
      color: #CB1F40;
      cursor: pointer;
  }
  .slider:nth-of-type(2) {
      position: absolute;
      top: 50%;
      right: -60px;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

  @media screen and (max-width: 576px) {
      .card1 {
          -webkit-transform: rotate(90deg) scale(0.7) translate(calc(50% - 25vh), 50%);
          transform: rotate(90deg) scale(0.7) translate(calc(50% - 25vh), 50%);
          position: static;
      }
  }
  .youtube {
      font-family: 'Open Sans',sans-serif;
      text-decoration: none;
      position: absolute;
      right: 2.5vw;
      bottom: 2vw;

  }
  @-webkit-keyframes clickMe {
      50% {
          opacity: 0.5;
      }
  }
  @keyframes clickMe {
      50% {
          opacity: 0.5;
      }
  }
  .navflow {
      font-family: monospace;
      font-size: 18px;
      list-style: none;
      margin: 2em;
      padding:0 100px;
  }

  .navflowli {
      margin: 0;
      margin-bottom: 1em;
      padding-left: 1.5em;
      position: relative;
      font-family: "Roboto", sans-serif;
  }
  .navflowli:after {
      content: '';
      height: .4em;
      width: .4em;
      background: #D2153A;
      display: block;
      position: absolute;
      transform: rotate(45deg);
      margin-top: -16px;
      left: 0;
  }
  #myLink {
      z-index: 1000;
      display: block;
      width: 120px;
      padding: 8px 8px 8px 14px;
      background :#2980B9;
      color: #fff;
      text-decoration: none;
      text-align: center;
      line-height: 20px;
      border-top-left-radius: 11px;
      border-bottom-left-radius: 11px;
      right: 0px; display: block; top: 285px;
      position: fixed; border-top: 3px solid rgb(52, 152, 219);
      border-right: 3px solid rgb(52, 152, 219); 
      border-bottom: 3px solid rgb(52, 152, 219);
      border-left: none; border-image: initial;
  }
  .listing-rating{
      padding:10px;

  }  
  .listing-rating i {
      color: #FACC39;
  }
  .cd-filter-content{
      position: absolute;
      background: #fff;
      z-index: 100;
      padding: 10px;
          color: #34495e;
  background-color: #fff;
  -webkit-box-shadow: 2px 0 7px #ada8a8;
  box-shadow: 2px 0 7px #ada8a8;
  width: 200px;
  }
  .cd-filter-content label{
      padding-left: 20px;
  }
      .input-group-prepend{
      position: absolute;
      height: 50px;
      }
     .creditcardinput{
          display: block;
      }
    input::placeholder { 
    opacity: 1!important; 
    padding-left: 5px!important;
    }
    input[type="tel"] {
    padding-left: 40px!important; 
    }
.font-size-12{
  font-size: 12px;
}
.personalloan{
    margin-top: 0px;
  }
.elicre {
    width: 100%;
    margin-top: 50px;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #ffffff;
}
    .elicre .name {
  font-weight: 700;
  color: #004164;
  font-size: 1.8rem;
  text-align: center;
  position: relative;
  padding: 10px 0;
  margin-bottom: 20px;
}
.elicre .name:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: '';
  background: #e9e9e9;
  height: 1px;
  width: 240px;
  margin-left: -120px;
}
.elicre .desc-list {
    padding: 20px;
    padding-left: 0px!important;
}

.elicre .desc-list {
padding: 20px;
}
.elicre .desc-list li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 46px;
    line-height: 24px;
}
.elicre .desc-list li:before {
    height: 10px;
    width: 10px;
    content: '';
    left: 15px;
    top: 12px;
    position: absolute;
    background: #2980b9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.elicre .icon-parent{
 
 padding-top: 20px;
}
.elicre .icon-parent img {
    height: 80px;
    width: 80px;
    display: block;
    margin: 0 auto;
}
.vertical-tab{
  font-family: 'Roboto', sans-serif;
  display: table;
}
.verticaltab .name {
  font-weight: 700;
  color: #004164;
  font-size: 1.8rem;
  text-align: center;
  position: relative;
  padding: 10px 0;
  margin-bottom: 20px;
}
.verticaltab .name:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: '';
  background: #e9e9e9;
  height: 1px;
  width: 240px;
  margin-left: -120px;
}
.vertical-tab .nav-tabs{
 display: table-cell;
 width: 28%;
 min-width: 28%;
 border: none;
 border-right: 3px solid #ff0000;
 position: relative;
}
.vertical-tab .nav-tabs li{
 float: none;
 vertical-align: top;
}
.vertical-tab .nav-tabs li a{
  color: #606060;
  background-color: #f1f2f6;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 15px 15px;
  margin: 0;
  border: none;
  border-radius: 0;
  display: block;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
  color: #ff0000;
  background-color: #fff;
  border: none;
  text-decoration: none;
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
  content: '';
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.3) inset;
  opacity: 0;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  right: -10px;
  top: 100%;
  z-index: -1;
  transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{
  background-color: #ff0000;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  right: 100%;
  top: 50%;
}
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before{
  top: 50%;
  opacity: 1;
}
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li a:hover:after{
  right: -6px;
  opacity: 1;
}
.vertical-tab .tab-content{
  color: #606060;
  font-size: 14px;
  text-align: justify;
  line-height: 23px;
  vertical-align: top;
  padding: 15px 15px 15px 30px;
  display: table-cell;
}
.vertical-tab .tab-content h3{
  color: #ff0000;
  font-size: 24px;
  margin: 0 0 5px 0;
}

.timeline {
position: relative;
}
.timeline::before {
content: '';
background: #C5CAE9;
width: 5px;
height: 60%!important;
position: absolute;
left: 50%;
transform: translateX(-50%);
    top: 240px;

}

.timeline-item {
width: 100%;
}
.timeline-item:nth-child(even) .timeline-content {
float: right;
padding: 40px 30px 10px 30px;
}
.timeline-item:nth-child(even) .timeline-content .date {
right: auto;
left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #f5f5f5 transparent transparent;
}
.timeline-item::after {
content: '';
display: block;
clear: both;
}

.timeline-content {
position: relative;
width: 45%;
padding: 10px 30px;
border-radius: 4px;
background: #f5f5f5;
box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
right: -15px;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #f5f5f5;
}

.timeline-img {
width: 30px;
height: 30px;
background: #3F51B5;
border-radius: 50%;
position: absolute;
left: 50%;
margin-top: 25px;
margin-left: -15px;
}
.timelinesecond{
top:-180px;
}
.timelinethird{
top:-270px;
}
.timelinefour{
top:-350px;
}


.timeline-card {
padding: 0 !important;
}
.timeline-card p {
padding: 15px 20px;
}
.timeline-card a {
margin-left: 20px;
}

.timeline-item .timeline-img-header {
background: linear-gradient(rgba(204, 65, 65, .5), rgba(9, 120, 185, 1)), url(../../../webtesting.creditkaro.com/assets/images/benefit/easy-credit.jpg) center center no-repeat;
background-size: cover;
}
.timelinesecond .timeline-img-header {
background: linear-gradient(rgba(204, 65, 65, .5), rgba(9, 120, 185, 1)), url(../../../webtesting.creditkaro.com/assets/images/benefit/recurring-payment.jpg) center center no-repeat;
background-size: cover;
}
.timelinethird .timeline-img-header {
background: linear-gradient(rgba(204, 65, 65, .5), rgba(9, 120, 185, 1)), url(../../../webtesting.creditkaro.com/assets/images/benefit/cashbacks.jpg) center center no-repeat;
background-size: cover;
}
.timelinefour .timeline-img-header {
background: linear-gradient(rgba(204, 65, 65, .5), rgba(9, 120, 185, 1)), url(../../../webtesting.creditkaro.com/assets/images/benefit/rewards.jpg) center center no-repeat;
background-size: cover;
}
.timeline-img-header {
height: 200px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-header h2 {
color: #FFFFFF;
position: absolute;
bottom: 5px;
left: 20px;
}

blockquote {
margin-top: 30px;
color: #757575;
border-left-color: #3F51B5;
padding: 0 20px;
}

.date {
background: #FF4081;
display: inline-block;
color: #FFFFFF;
padding: 10px;
position: absolute;
top: 0;
right: 0;
}

@media screen and (max-width: 768px) {
  .timeline::before {
    display: none;
}
.timeline .timeline-img {
  left: 35px;
}
.timeline .timeline-content {
  max-width: 100%;
  width: auto;
}
.timelinefirst{
  top: 0;
  height: 400px;
}
.timelinesecond{
  top: 0;
  height: 400px;
  margin-top: 20px;
}
.timelinethird{
  top: 0;
  height: 400px;
}
.timelinefour{
  top: 0;
}
.timeline .timeline-item:nth-child(even) .timeline-content {
  float: none;
}
.timeline .timeline-item:nth-child(odd) .timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #f5f5f5 transparent transparent;
}
}
@media only screen and (max-width: 479px){
  .vertical-tab .nav-tabs{
      display: block;
      width: 100%;
      border-right: none;
  }
  .vertical-tab .nav-tabs li a{
      padding: 10px;
      margin: 0 0 10px;
  }
  .vertical-tab .tab-content{
      display: block;
      padding: 20px 15px 5px;
      border-radius: 0 0 10px 10px;
  }
  .vertical-tab .tab-content h3{ font-size: 18px; }
}
.info-wrap .list-item:before {
     content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 25px;
  left: 20px;
  background: #ff0000;
  position: absolute;
}
.desc h3{
  font-size: 18px;
  color:#fff;
  font-weight: 700;
}
.info-wrap .list-item .desc p {
  color: #fff;
}
.info-wrap .list-item .desc{
padding-top: 20px;
text-align: justify;
}
.info-wrap {
      padding: 30px 25px;
  float: right;
  width: 100%;
  background: rgba(0,65,100,0.8);
    background-image: linear-gradient(121deg, rgba(3,105,209,0.3), rgba(3,105,209,0.3), rgba(255,0,0,0.3), rgba(255,0,0,0.3));
}
.featuresection{
  background-image: url(../images/creditcardbanner.jpg);
}
.pricing-plans {
   padding-top: 0px; 
  margin-top: -270px;
}
.timelinefirst{
  margin-top: 50px;
}
.secondhead{
  font-size:20px;
  text-align:left;
}
.enterform{
  padding-left: 42px!important;
}
.product__resources {
  display: none;
}
.desc a{
    color: #ff0000;
}

.input-group{
    display: -webkit-box;
    }
    .form-control{
    margin-top: 0!important;
    }
  
  
    .hr-single-timeline{
      visibility: visible!important;
    }
    .alertsContainer {
      top: 250px !important;
      z-index: 9999999;
    }
    .alertsContainer .alertsRow .iconpanel{
      padding: 0px !important;
    }
  @keyframes move_wave {
      0% {
          transform: translateX(0) translateZ(0) scaleY(1)
      }
      50% {
          transform: translateX(-25%) translateZ(0) scaleY(0.55)
      }
      100% {
          transform: translateX(-50%) translateZ(0) scaleY(1)
      }
  }
  .backflow{
        background-image: url(../../../webtesting.creditkaro.com/assets/images/backgroundflow.png);
      background-position: center;
      background-size: cover;
  }
  .waveWrapper {
      overflow: hidden;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      margin-top: 150px;
  }
  .waveWrapperInner {
   /*   position: absolute;*/
      width: 100%;
      overflow: hidden;
      height: 100%;
      bottom: -1px;
  /*    background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);*/
  }
  .bgTop {
      z-index: 15;
      opacity: 0.5;
  }
  .bgMiddle {
      z-index: 10;
      opacity: 0.75;
  }
  .bgBottom {
      z-index: 5;
  }
  .wave {
      position: absolute;
      left: 0;
      width: 200%;
      height: 100%;
      background-repeat: repeat no-repeat;
      background-position: 0 bottom;
      transform-origin: center bottom;
  }
  .waveTop {
      background-size: 50% 100px;
  }
  .waveAnimation .waveTop {
    animation: move-wave 3s;
     -webkit-animation: move-wave 3s;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
  }
  .waveMiddle {
      background-size: 50% 120px;
  }
  .waveAnimation .waveMiddle {
      animation: move_wave 10s linear infinite;
  }
  .waveBottom {
      background-size: 50% 100px;
  }
  .waveAnimation .waveBottom {
      animation: move_wave 15s linear infinite;
  }
  /*.solution-section.bg-one {
      background: url(../images/2.jpg) no-repeat center;
      background-size: cover;
      background-attachment: fixed;
  }
  .solution-section {
      margin: 140px 0 140px 0;
  }
  .solution-section .opacity.opacity-one {
      background: linear-gradient( 0deg, rgba(241,115,143,0.87) 50%, rgba(104,61,163,0.87) 100%);
  }
  
  .solution-section .opacity {
      position: relative;
      padding: 130px 0 110px 0;
  }*/
  #employeeform{
    display: none;
  }
  #companyform{
    display: none;
  }
  #monthlyincomeform{
    display: none;
  }
  #tenureform{
    display: none;
  }
  #detailform{
    display: none;
  }
  .single-we-offer{
    border-radius: 20px;
   /* background: #608ace;*/
   background: linear-gradient(217deg, rgba(151,149,240,.8), rgba(151,149,240,0) 70.71%),
              linear-gradient(127deg, rgba(251,200,212,.8), rgba(251,200,212,0) 70.71%),
              linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
        box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);
  }
  .combo-select .combo-input{
    height: 45px;
    padding: 10px;
  }
  .we-offer-wraper{
    box-shadow: none;
  }
  .form-control{
    margin-top: 50px;
  }
  .flow-form h1{
      font-size: 24px;
      color: #000;
      text-align: center;
  }
  hr{
          border-top: 1px solid rgba(227,30,37,.5);
  }
  .btn:not([class*=btn-outline-]){
      color: #9999;
  }
  .flow-form.submit-btn{
      background: red;
      width: 54px;
      border-radius: 50%;
      padding: 0;
      float: right;
  }
  .flow-form input, .flow-form textarea,.flow-form select{
      margin-bottom: 20px;
      border-radius: 0;
      padding-left: 0;
      
      padding: 10px;
  }
  input{
    margin-bottom: 20px;
  }
  .single-service.bg-3 {
      background-color: #fff;
  }
  #companyform .middle{
    padding-top: 50px;
  }
  .ui-autocomplete {
    width: 190px;
    max-height: 180px;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #2ec5aa;
    color: #fff;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: #2ec5aa;
  }
  .ui-autocomplete ul {
    list-style: none;
  }
  .ui-autocomplete li {
    height: 36px;
    margin: 0;
    font: bold 14px/36px Arial, Helvetica, sans-serif;
    white-space: nowrap;
  }
  .ui-autocomplete li:hover {
    -moz-transition: background 0.3s ease-in;
    -o-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
    background: #3ed1b7;
  }
  
  .ui-autocomplete li a {
    display: block;
    padding: 0 12px;
    cursor: pointer;
  }
    #bars {
    margin: 2em auto;
    max-width: 960px;
    overflow: hidden;
  }
  
  .bar {
    float: left;
    width: 20%;
    text-align: center;
  }
  
  .bar h3 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
  }
  
  .bar-circle {
    display: block;
    margin: 0.7em auto;
  }
  .creditscore-wraper{
    padding: 50px;
  }
  .input-material .placeholder-title{
    color: #fff;
  }
  .input-material .bar{
   background: none;
  }
  .headericon{
    width: 20px;
    margin-right: 10px;
  }
  .we-offer-wraper{
    margin-top: 150px;
  }
  .contact-form{
    background: #f7f7f7;
  }
  /**
   * Variables
   */
  /**
   * Wrapper
   */
   #tenureform .combo-select{
    margin-top: 80px;
    width: 100%;
   }
  .combo-select {
    position: relative;
    border-bottom: solid 1px #d2d2d2;
  
    font: 100% Helvetica, Arial, Sans-serif;
    font-size: 14px;
    width: 220px;
  
  }
  
  .combo-select .combo-input {
    margin-bottom: 0;
  }
  /**
   * Input field
   */
  .combo-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    height: 34px;
    line-height: 34px;
    padding-right: 34px;
    border-radius: 0px;
    font-size: 14px;
  }
  .combo-input:focus {
    outline: none;
  }
  /**
   * Arrow
   */
  .combo-arrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    width: 40px;
    color: #999999;
  }
  .combo-arrow:before {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 22px;
    top: -25px;
    display: block;
    width: 0;
    height: 0;
    right: 25px;
    bottom: 0;
    position: absolute;
    margin: auto 0;
  }
  /**
   * When opened
   */
  .combo-open .combo-arrow {
    border-color: #51A7E8;
  }
  .combo-open .combo-arrow:before {
    content: "\f106";
  }
  /**
   * When focused
   */
  .combo-focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-color: #51A7E8; 
    }
  .combo-focus input {
    border-color: #51A7E8;
  }
  /**
   * Hide native select
   */
  .combo-select select {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
  }
  
  @media only screen and (min-width: 960px) {
  .combo-select select {
    left: -1px;
    top: -1px;
    width: 0;
    height: 0;
    margin: 0;
  }
  }
  /**
   * Selected option
   */
  .option-selected {
    background-color: #eee;
  }
  /**
   * Hovered option
   */
  .option-hover {
    background-color: #dfdfdf;
    color: #454545;
  }
  /**
   * Option item
   */
  .option-item {
    cursor: pointer;
  /*border-bottom: 1px #e3e3e3 solid;*/ }
  .option-item:hover {
    background-color: #efefef;
    color: #454545;
  }
  .option-item:last-child {
    border-bottom: none;
  }
  /**
   * Disabled and optgroups
   */
  /*.option-group {
    cursor: text;
    font-weight: 600;
    background: #e1e1e1;
    border: 1px #ccc solid;
    border-width: 1px 0; }*/
  
  /**
   * Disabled
   */
  .option-disabled {
    opacity: 0.5;
  }
  /**
   * Dropdown
   */
  .combo-dropdown {
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-width: 300px;
    max-height: 270px;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    /*display: none;*/
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
  }
  .combo-dropdown li {
    list-style: none;
    padding: 10px 15px;
    margin: 0 !important;
    color: #000;
  }
  
  /**
   * On Active
   */
  .combo-open .combo-dropdown {
    /*display: block; */
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
  /**
   * Search marker
   */
  .combo-marker {
    text-decoration: underline;
  }
  
  
  .middle {
    width: 100%;
    text-align: center;
    /* Made by */
  }
  .middle h1 {
    font-family: "Dax", sans-serif;
    color: #fff;
  }
  .middle input[type="radio"] {
    display: none;
  }
  .middle input[type="radio"]:checked + .box {
    background-color: rgba(0, 126, 144, 0.5);/*#007e90;*/
  
  }
  .middle input[type="radio"]:checked + .box span {
    color: white;
   /* transform: translateY(35px);*/
  }
  /*.middle input[type="radio"]:checked + .box span:before {
    transform: translateY(0px);
    opacity: 1;
  }*/
  
  .flow-form2{
          margin-top: 40px;
      padding: 20px;
      border-radius: 20px;
       /*   box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);*/
  }
  .middle h1{
      font-size: 24px;
      color: #000;
  }
  .middle .box {
        width: 180px;
      height: 180px;
          border-radius: 20px 0 20px 0;
    background-color: #fff;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-family: "Dax", sans-serif;
    font-weight: 900;
    box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);
  }
  .front-end.box img{
    margin-top: 30px;
    width: 70%;
  }
  .back-end.box img{
    margin-top: 10px;
    width: 70%;
  }
  .companylist{
      list-style-type: none;
      display: inline-block;
     
      text-align: left;
      
      margin-top: 30px;
  }
  .companylist li{
    background:url('../../../templates.websitetemplatesonline.com/Action-Business-Theme/images/marker-1.gif')no-repeat 0px 8px;padding: 0px 0 6px 12px;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  }
  
  .middle .box:active {
    transform: translateY(10px);
  }
  .middle .box span {
    /*position: absolute;*/
    /*transform: translate(0, 35px);*/
    left: 0;
    right: 0;
        font-size: 16px;
      margin-top: 10px;
    transition: all 300ms ease;
  
    user-select: none;
    color: #007e90;
  }
  .middle .box span:before {
    font-size: 1.2em;
    font-family: FontAwesome;
    display: block;
   /* transform: translateY(-80px);
    opacity: 0;*/
    transition: all 300ms ease-in-out;
    font-weight: normal;
    color: white;
  }
  /*.middle .front-end span:before {
    content: '\f121';
  }
  .middle .back-end span:before {
    content: '\f0f4';
  }*/
  .middle p {
    color: #fff;
    font-family: "Dax", sans-serif;
    font-weight: 400;
  }
  .middle p a {
    text-decoration: underline;
    font-weight: bold;
    color: #FFF;
  }
  .middle p span:after {
    content: '\f0e7';
    font-family: FontAwesome;
    color: yellow;
  }
  #othersubmit{
    color: #000;
    background: red;
    border-radius: 20px;
    padding: 20px;
  }
  .hidden{
    display: none;
  }
  .companybox{
      width: 100px;
      height: 100px;
      border-radius: 20px;
      box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);
      border:2px solid #ccc;
  }
  .flow-form4{
          margin-top: 40px;
      padding: 20px;
      border-radius: 20px;
      /*box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);*/
  }
  .validation{
    position: absolute;
  }
  #companyform i{
    color: #999;
    float: left;
    font-size: 27px;
  }
  #tenureform i{
    color: #999;
    float: left;
    font-size: 27px;
  }
  #employeeform i{
    color: #999;
    float: left;
    font-size: 27px;
  }
  #companysubmit{
    margin-left: -150px;
      padding: 9px;
      margin-top: 5px;
      width: 120px;
      background: red;
      border: none;
      border-radius: 20px;
      color: #fff;
      float: right;
  }
  #monthlyincomeform i{
    color: #999;
    float: left;
    font-size: 27px;
  }
  .tenurebox{
      width: 200px;
      height: 200px;
      border-radius: 20px;
      box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);
      border:2px solid #ccc;
  }
  /*.flow-form5{
          margin-top: 40px;
      padding: 20px;
      border-radius: 20px;
      box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);
  }*/
  .incomebox{
      width: 200px;
      height: 200px;
      border-radius: 20px;
      box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.2);
      border:2px solid #ccc;
  }
  .fa-check{
    background:red;
    padding: 10px;
    border-radius: 50%;
  }
  #monthlysubmit{
        margin-left: -150px;
      padding: 9px;
      margin-top: 5px;
      width: 120px;
      background: red;
      border: none;
      border-radius: 20px;
      color: #fff;
      float: right;
  }
  .phoneenter{
        margin-top: 30px!important;
      margin-left: 0;
      left: 0;
      float: left;
      padding: 0;
  }
  /*form{
      background-image: url("../images/macbook.png");
          background-size: contain;
  }*/
  
  
  
  @import url(https://fonts.googleapis.com/css?family=Concert+One);
  @import url(https://fonts.googleapis.com/css?family=Advent+Pro:300);
  html,body{
    height:100%;   
  }
 
  label[for=range] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  margin-top: -32px;
  height: 49px;
  padding-top: 6px;
  width: 350px;
  padding-left: 13px;
  -webkit-transform: skew(-62deg);
  overflow: hidden;
  padding-bottom: 10px;
  }
  label[for=range]:after {
  content: "";
  position: absolute;
  bottom: 11px;
  left: 69px;
  height: 9px;
  width: 278px;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.51);
  
  }
  input[type=range] {
  -webkit-appearance: none;
  background-color: transparent;
  width: 300px;
  height: 38px;
    padding-top:10px;
    overflow:hidden;
  margin: 0;
  margin-left: -20px;
  transform-style: preserve-3d;
  perspective: 300;
  transform-origin: 50% 50% 300px;
  perspective-origin: 50% -121%;
  transform: skew(62deg);
  }
  input[type=range]:focus{
    outline:none;
  }
  input[type="range"]::-webkit-slider-thumb {
    position:relative;
       -webkit-appearance: none;
      cursor:pointer;
      background-color: transparent;
      width: 30px;
      height: 18px;
      box-shadow: 1px 5px 10px -1px rgba(0, 0, 0,0.2),
      -25px 0 0 10px rgba(90, 184, 6, 0.5),
      -75px 0 0 10px rgba(90, 184, 6, 0.5),
      -125px 0 0 10px rgba(90, 184, 6, 0.5),
      -175px 0 0 10px rgba(90, 184, 6, 0.5),
      -225px 0 0 10px rgba(90, 184, 6, 0.5),
      -275px 0 0 10px rgba(90, 184, 6, 0.5),
      -325px 0 0 10px rgba(90, 184, 6, 0.5);
    z-index:2;
  }
  input[type="range"]::-webkit-slider-thumb:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -285px;
  top: -28px;
  width: 300px;
  height: 140px;
  background: #9FE472;
  transform: rotateX(90deg);
  transform-origin: 0 0px 0;
  transform: rotateX(90deg) translateY(-140px) translateZ(-18px);
  }
  input[type="range"]::-webkit-slider-thumb:before {
  content: "< >";
  font-family: 'Concert One', cursive;
  position: absolute;
  background: #eaebe5;
  background: -moz-linear-gradient(top, #eaebe5 0%, #dcdedd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaebe5), color-stop(100%,#dcdedd));
  background: -webkit-linear-gradient(top, #eaebe5 0%,#dcdedd 100%);
  background: -o-linear-gradient(top, #eaebe5 0%,#dcdedd 100%);
  background: -ms-linear-gradient(top, #eaebe5 0%,#dcdedd 100%);
  background: linear-gradient(to bottom, #eaebe5 0%,#dcdedd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebe5', endColorstr='#dcdedd',GradientType=0 );
  top: -2px;
  left: 0px;
  border-radius: 2px;
  color: #5a5a5a;
  text-shadow: 0 1px 0 white;
  height: 22px;
  width: 32px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  box-sizing: border-box;
  text-align: center;
  line-height: 19px;
  font-size: 17px;
  }
  input[type="range"]::-webkit-slider-runnable-track:before {
  content: "";
  position: absolute;
  height: 38px;
  width: 283px;
  background: #e8e8e8;
  background: -moz-linear-gradient(top, #dfdfdf 0%, #d8d8d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#d8d8d8));
  background: -webkit-linear-gradient(top, #dfdfdf 0%,#d8d8d8 100%);
  background: -o-linear-gradient(top, #dfdfdf 0%,#d8d8d8 100%);
  background: -ms-linear-gradient(top, #dfdfdf 0%,#d8d8d8 100%);
  background: linear-gradient(to bottom, #dfdfdf 0%,#d8d8d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#d8d8d8',GradientType=0 );
  bottom: 0;
  left: 0;
  }
  input[type="range"]::-webkit-slider-runnable-track:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 270px;
  background: rgb(247, 247, 247);
  top: 0;
  right: 26px;
  transform: skew(62deg);
  }
  input[type=range]:before {
  content: "";
  position: absolute;
  background: rgb(190, 190, 190);
  box-shadow:0 1px 0 rgb(235, 235, 235);
  width: 283px;
  left: 0;
  height: 1px;
  top: 29px;
  z-index: 1;
  }
  input[type=range]:after {
  content: "";
  position: absolute;
  background: rgb(190, 190, 190);
  width: 7px;
  left: 3px;
  border-radius: 50%;
  height: 6px;
  top: 26px;
  z-index: 1;
  box-shadow:30px 0 0 rgb(190, 190, 190),
  60px 0 0 rgb(190, 190, 190),
  90px 0 0 rgb(190, 190, 190),
  120px 0 0 rgb(190, 190, 190),
  150px 0 0 rgb(190, 190, 190),
  180px 0 0 rgb(190, 190, 190),
  210px 0 0 rgb(190, 190, 190),
  240px 0 0 rgb(190, 190, 190),
  270px 0 0 rgb(190, 190, 190),
  60px 1px 0 rgb(235, 235, 235),
  90px 1px 0 rgb(235, 235, 235),
  120px 1px 0 rgb(255, 255, 255),
  150px 1px 0 rgb(235, 235, 235),
  180px 1px 0 rgb(235, 235, 235),
  210px 1px 0 rgb(235, 235, 235),
  240px 1px 0 rgb(235, 235, 235),
  270px 1px 0 rgb(235, 235, 235);
  }
  
  .budget {
  position: absolute;
  top: 50%;
  left:0;
  margin-top: -100px;
  text-align: center;
  width: 100%;
  font-size: 2em;
  font-family: 'Advent Pro', sans-serif;
  color: rgb(58, 58, 58);
  }
  .output {
  position: absolute;
  bottom: 50%;
  left: 0;
  margin-bottom: -100px;
  text-align: center;
  width: 100%;
  font-size: 2em;
  font-family: 'Advent Pro', sans-serif;
  color: rgba(132, 206, 66, 1);
  }
  .flowheading{
    margin-bottom: 0;
    color: red;
    font-weight: 700;
  }
  #firstform p {
      color: #000;
      text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
      font-size: 16px;
  }
  .forminner{
    margin-top: 80px;
  }
  @media only screen and (max-width: 786px) {
    .waveWrapper {
      display: none;
    }
    /*.single-we-offer{
      margin-top: 400px;
    }*/
  }
  #age{
    margin-top: 80px;
    text-align: center;
  }
  .frame {
    position: absolute;
    top: 20%;
    left: 30%;
    width: 400px;
    height: 400px;
    margin-top: -220px;
    margin-left: -200px;
    border-radius: 2px;
    overflow: hidden;
    color: #333;
    z-index: 9;
    font-family: 'Rubik', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
  }
  .rs-tooltip.edit{
    display: none;
  }
  
  .thermostat {
    position: absolute;
    width: 120px;
    height: 120px;
       top: 150px;
      left: 200px;
    background: #F2F2F2;
    border-radius: 50%;
    box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.8);
  }
  
  .thermostat .control {
    position: absolute;
    z-index: 5;
    width: 50px;
    height: 50px;
    top: 35%;
    left: 35px;
    background: #E6E6E6;
    border-radius: 50%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7);
  }
  
  .thermostat .control .temp_outside {
    position: absolute;
    top: 25px;
    left: 6px;
    right: 0;
    text-align: center;
    font-weight: 300;
    font-size: 1rem;
  }
  
  .thermostat .control .temp_room {
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    color: #873183;
    letter-spacing: -8px;
    padding-right: 12px;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    transition: all .5s ease-in-out;
  }
  
  .thermostat .control .temp_room span {
    position: absolute;
    top: 0;
    right: 37px;
    font-size: 2rem;
    line-height: 34px;
    padding: 3px 0 0 7px;
    color: #8e2275;
  }
  
  .room {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 300;
    font-size: 1rem;
  }
  
  .thermostat .ring {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 10px;
    left: 10px;
    background: url("../../../100dayscss.com/codepen/thermostat-gradient.jpg") center center no-repeat;
    border-radius: 50%;
    box-shadow: inset 2px 4px 4px 0px rgba(0, 0, 0, 0.3);
  }
  
  .thermostat .ring .bottom_overlay {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    background: #F2F2F2;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-radius: 0 0 95px 0;
  }
  
  #slider {
    position: absolute;
    width: 170px;
    height: 150px;
      top: 45%;
      left: 58%;
    z-index: 1000;
  }
  
  
  #slider .rs-border {
    border-color: transparent;
  }
  
  .rs-control .rs-range-color, .rs-control .rs-path-color, .rs-control .rs-bg-color {
    background-color: rgba(0, 0, 0, 0);
  }
  
  .rs-control .rs-handle {
    background-color: rgba(82, 44, 109, 0.8);
    border-radius: 50%;
  }
  
  .rs-tooltip.edit, .rs-tooltip .rs-input, .rs-tooltip-text {
    font-family: rubik, helvetica, sans-serif;
    font-size: 20px;
    background: transparent;
    color: #8e2275;
    font-weight: 400;
    top: 65%;
    height: 3.9rem;
    padding: 0 !important;
    width: 4.5rem;
    margin-left: 0!important;
    margin-top: -40px;
  }
  .irs--square .irs-bar{
    background-color: red!important;
  }
  .irs--square .irs-grid-text{
    color: red!important;
  }
  #slider:hover .rs-tooltip, .rs-tooltip:focus, .rs-tooltip-text:focus {
    border: none;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    transition: .1s;
  }
  
  #slider .rs-transition {
    transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425);
  }
  
  .instructions {
    position: absolute;
    bottom: .5rem;
    color: rgba(255, 255, 255, 0.25);
    font-size: 1rem;
    font-family: raleway, sans-serif;
    width: 85%;
    left: 10%;
    font-weight: 300;
    letter-spacing: .05rem;
    line-height: 1.3;
    text-align: center;
  }
  
  .fas {
    -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite;
  }
  
  @-webkit-keyframes pulse {
    50% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
  }
  
  @keyframes pulse {
    50% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
  }
  .irs--flat .irs-grid-text{
    color: #000;
  }
  .irs--flat .irs-min, .irs--flat .irs-max{
    color: #000;
  }

    /*---- List Design ----*/
    .calltoaction-area-2{
        display: none;
      }
      
      input.parsley-error,
      select.parsley-error,
      textarea.parsley-error {
        border: 1px solid red!important
      }
      
      .half-gutters {
        margin-right: -7.5px;
        margin-left: -7.5px
      }
      
      .half-gutters>.col,
      .half-gutters>[class*=col-] {
        padding-right: 7.5px;
        padding-left: 7.5px
      }
      
      .wrapper {
        position: relative
      }
      
      .no-border {
        border: none!important
      }
      
      .form-response {
        margin-top: 10px;
        background-color: #2e5ae8
      }
      
      .form-response span {
        color: #fff;
        display: block;
        margin-bottom: 30px;
        padding: 10px 15px
      }
      
      .pt-175 {
        padding-top: 175px
      }
      
      .pb-175 {
        padding-bottom: 175px
      }
      
      .pt-120 {
        padding-top: 120px
      }
      
      .pb-120 {
        padding-bottom: 120px
      }
      
      .pt-100 {
        padding-top: 100px
      }
      
      .pb-100 {
        padding-bottom: 100px
      }
      
      .pb-90 {
        padding-bottom: 90px
      }
      
      .pb-70 {
        padding-bottom: 70px
      }
      
      .mt-70 {
        margin-top: 70px
      }
      
      .animated {
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards
      }
      
      .bounce {
        -webkit-animation: bounce 2s infinite;
        animation: bounce 2s infinite
      }
      
      .spin {
        -webkit-animation: spin 2s linear infinite;
        animation: spin 1s linear infinite;
        width: 70px;
        height: 70px;
        position: absolute;
        border: 5px solid rgba(255, 255, 255, .1);
        border-top: 5px solid #fff;
        border-bottom: 5px solid #fff;
        border-radius: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
      }
      
      @-webkit-keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
        }
        40%,
        60% {
          -webkit-transform: translateY(-5px);
          transform: translateY(-5px)
        }
      }
      
      @keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
        }
        40%,
        60% {
          -webkit-transform: translateY(-5px);
          transform: translateY(-5px)
        }
      }
      
      @-webkit-keyframes spin {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0)
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }
      
      @keyframes spin {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0)
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }
      
      .page-title {
        padding-top: 130px;
        padding-bottom: 95px
      }
      
      .page-title h2 {
        color: #fff;
        position: relative;
        margin-bottom: 20px;
        text-transform: capitalize
      }
      
      .page-title h2:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px;
        margin: auto;
        width: 30px;
        height: 2px;
        background: #fff
      }
      
      .section-title h2:before,
      .widget-title:before {
        width: 50px;
        height: 2px;
        background-color: #2e5ae8;
        left: 0
      }
      
      .page-title a {
        color: #fff
      }
      
      .page-title a:hover {
        color: #ddd
      }
      
      .breadcrumb-item+.breadcrumb-item:before,
      .section-title.text-white h2 {
        color: #fff
      }
      
      .custom-breadcrumb li {
        font-size: 18px;
        display: inline-block
      }
      
      .custom-breadcrumb li:last-child a {
        pointer-events: none
      }
      
      .section-title h2 {
        margin-top: 0;
        padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative
      }
      
      .section-title h2:before {
        content: " ";
        position: absolute;
        right: 0;
        bottom: 6px;
        margin: 0 auto
      }
      
      .section-title.text-left h2:before {
        margin: 0
      }
      
      .widget-title {
        position: relative;
      /*  padding-bottom: 10px;
        margin-bottom: 25px;*/
        font-weight: 700
      }
      
      .widget-title:before {
        content: '';
        position: absolute;
        bottom: 0
      }
      
      .section-title.section-title--2 h2:before {
        display: none
      }
      
      .section-title.section-title--2 p {
        padding: 5px 20px;
        position: relative;
        font-size: 16px;
        line-height: 26px
      }
      
      .section-title.section-title--2 p:after {
        position: absolute;
        left: 0;
        top: 10%;
        height: 80%;
        width: 3px;
        content: '';
        background-color: #fff
      }
      
      .section-title.section-title--2 h2 {
        margin: 0;
        font-weight: 500;
        padding-bottom: 0
      }
      
      .section-title.text-white h2:before {
        background-color: #fff
      }
      
      .light-version .section-title h2 {
        color: #145af9;
        font-weight: 600
      }
      
      .light-version .section-title p {
        color: #535353
      }
      
      .light-version .section-title p:after,
      .section-title.light p:after {
        background-color: #145af9
      }
      
      .header {
        position: relative
      }
      
      .header-absoulate {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
      }
      
      .main-header {
        position: relative;
        z-index: 999;
        -webkit-transition: all .2s;
        transition: all .2s;
        padding: 15px;
        background-color: transparent
      }
      
      .main-header.bg-secondary {
        background-color: #819fff!important
      }
      
      .main-header.bg-dark {
        background-color: #0063f8!important
      }
      
      .main-header .logo img {
        display: inline-block
      }
      
      .main-header .logo img+img {
        display: none
      }
      
      .header-menu,
      .header-menu #menu-button,
      .header-menu ul,
      .header-menu ul li,
      .header-menu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative
      }
      
      .header-menu #menu-button {
        display: none
      }
      
      .header-menu>ul {
        text-align: right
      }
      
      .header-menu>ul ul {
        text-align: left;
        z-index: 99999
      }
      
      .header-menu>ul>li {
        display: inline-block
      }
      
      .header-menu>ul>li+li {
        margin-left: 40px
      }
      
      .header-menu>ul>li+li:before {
        content: '\f111';
        font-family: 'Font Awesome\ 5 Free';
        position: absolute;
        left: -25px;
        color: #fff;
        font-size: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
      }
      
      .header-menu>ul>li>a {
        padding: 6px 0;
        color: #fff;
        line-height: 38px
      }
      
      .header-menu>ul>li.active>a:after,
      .header-menu>ul>li:hover>a:after,
      .header-menu>ul>li>a:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 1px;
        background: #fff;
        left: 0;
        right: 0;
        bottom: 10px;
        margin: auto;
        -webkit-transition: all .2s;
        transition: all .2s
      }
      
      .header-menu ul ul ul:after,
      .header-menu ul ul ul:before {
        content: "";
        position: absolute
      }
      
      .header-menu>ul>li.active>a:after,
      .header-menu>ul>li:hover>a:after,
      .header-menu>ul>li>a:hover:after {
        width: 100%
      }
      
      .header-menu>ul>li>a>i {
        font-size: 12px
      }
      
      .header-menu ul ul {
        position: absolute;
        left: -9999px;
        opacity: 0;
        -webkit-transition: top .2s ease, opacity .2s ease;
        transition: top .2s ease, opacity .2s ease
      }
      
      .header-menu>ul>li>ul {
        top: 91px;
        background: #fff;
        padding: 10px 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
      }
      
      .header-menu>ul>li:hover>ul {
        left: auto;
        top: 50px;
        opacity: 1
      }
      
      .header-menu.align-right>ul>li:hover>ul {
        right: 0
      }
      
      .header-menu ul ul ul {
        top: 40px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
      }
      
      .header-menu ul ul ul:before {
        left: -7px;
        top: 7px;
        width: 0;
        height: 0;
        border-right: 7px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        z-index: 99
      }
      
      .header-menu ul ul ul:after {
        left: -10px;
        top: 0;
        width: 10px;
        height: 100%;
        z-index: -1
      }
      
      .header-menu ul ul ul li {
        background: #fff
      }
      
      .header-menu ul ul ul li:first-child {
        padding-top: 10px
      }
      
      .header-menu ul ul ul li:last-child {
        padding-bottom: 10px
      }
      
      .header-menu ul ul>li:hover>ul {
        top: 0;
        left: 188px;
        opacity: 1
      }
      
      .header-menu.align-right ul ul>li:hover>ul {
        left: auto;
        right: 178px;
        padding-left: 0;
        padding-right: 10px;
        opacity: 1
      }
      
      .header-menu ul ul li a {
        width: 180px;
        padding: 5px 20px;
        color: #5e7b97;
        font-size: 13px;
        line-height: 18px;
        position: relative;
        -webkit-transition: all .2s;
        transition: all .2s
      }
      
      .header-menu ul ul li a:hover,
      .header-menu ul ul li.active a,
      .header-menu ul ul li:hover>a {
        padding-left: 30px
      }
      
      .header-menu ul ul li a:before,
      .header-menu ul ul li.active a:before,
      .header-menu ul ul li:hover>a:before {
        content: '\f111';
        font-family: 'Font Awesome\ 5 Free';
        position: absolute;
        left: 10px;
        font-size: 6px;
        color: #2e5ae8;
        opacity: 0;
        -webkit-transition: all .2s;
        transition: all .2s
      }
      
      .header-menu ul ul li a:hover:before,
      .header-menu ul ul li.active a:before,
      .header-menu ul ul li:hover>a:before {
        left: 20px;
        opacity: 1
      }
      
      .header-menu ul ul li a i {
        position: absolute;
        right: 15px;
        top: 8px
      }
      
      .header-menu ul ul li.active>a,
      .header-menu ul ul li:hover>a,
      .header-menu ul ul li>a:hover {
        color: #2e5ae8
      }
      
      .register-button i {
        font-size: 12px;
        margin-right: 10px
      }
      
      
      
      .goDown {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -33px;
        margin: auto;
        display: inline-block;
        width: 66px;
        height: 66px;
        border: 3px solid #fff;
        border-radius: 100%;
        color: #fff;
        text-align: center;
        background: #2e5ae8;
        font-size: 18px;
        line-height: 68px;
        cursor: pointer
      }
      
      .banner-shape,
      canvas#c {
        top: 0;
        height: 100%;
        width: 100%
      }
      
      .banner--2 .btn.btn-transparent:hover {
        color: #fff;
        background-color: #0063f8;
        border-color: #0063f8
      }
      
      .banner--2 .btn.btn-transparent {
        padding: 13.5px 30px
      }
      
      .banner--2 .btn.btn-icon {
        padding: 10.25px 30px
      }
      
      .btn-icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
      }
      
      .btn-icon svg {
        margin-right: 10px
      }
      
      .btn-icon svg path {
        stroke: #fff;
        fill: #fff
      }
      
      .main-banner.banner--2 {
        padding: 200px 0 275px
      }
      
      .main-banner.banner--2 .banner-content h2 {
        font-size: 54px;
        line-height: 1.3;
        margin-bottom: 30px
      }
      
      .main-banner.banner--2 .banner-content p {
        margin-bottom: 35px
      }
      
      .main-banner.banner--2 .banner-image {
        position: relative;
        text-align: right;
        margin-top: 50px
      }
      
      .main-banner.banner--2 .animate-icon {
        position: absolute;
        -webkit-animation: iconAnimate 4s linear infinite;
        animation: iconAnimate 4s linear infinite
      }
      
      @-webkit-keyframes iconAnimate {
        0%,
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
        }
        50% {
          -webkit-transform: translateY(-30px);
          transform: translateY(-30px)
        }
      }
      
      @keyframes iconAnimate {
        0%,
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
        }
        50% {
          -webkit-transform: translateY(-30px);
          transform: translateY(-30px)
        }
      }
      
      .main-banner.banner--2 .animate-icon.animate-icon_1 {
        bottom: 15%;
        left: 52%
      }
      
      .main-banner.banner--2 .animate-icon.animate-icon_2 {
        bottom: 27%;
        left: 69%;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
      }
      
      .main-banner.banner--2 .animate-icon.animate-icon_3 {
        bottom: 38%;
        left: 86%;
        -webkit-animation-delay: 1s;
        animation-delay: 1s
      }
      
      .banner-shape {
        position: absolute;
        left: 0;
        background-repeat: no-repeat
      }
    
      
      canvas#c {
        position: absolute;
        left: 0
      }
      
      .main-banner.banner--4 {
        padding: 100px 0 75px
      }
      
      .banner-image.banner-img--4 {
        position: relative
      }
      
      .banner-image.banner-img--4 img {
        margin: 0;
        max-width: 100%
      }
      
      .banner-image.banner-img--4 img:first-child {
        position: relative;
        z-index: 4
      }
      
      .banner-image.banner-img--4 img:nth-child(2) {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1
      }
      
      .banner-image.banner-img--4 img:nth-child(3) {
        position: absolute;
        right: 17%;
        top: 36%;
        z-index: 3
      }
      
      .features {
        margin-bottom: -15px;
        margin-top: -15px
      }
      
      .single-feature {
        text-align: center;
        border: 1px solid #e1eeff;
        border-bottom: 1px solid #2e5ae8;
        padding: 30px 20px 25px;
        margin: 15px 0;
        -webkit-transition: all .2s;
        transition: all .2s;
        height: calc(100% - 30px)
      }
      
      .single-feature h3 {
        margin: 15px 0
      }
      
      .single-feature:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, .2)
      }
      
      .single-feature-item.feature-style--2 {
        text-align: center;
        background-color: #145af9;
        color: #fff;
        padding: 50px 20px;
        font-size: 26px;
        border-radius: 10px;
        position: relative;
        z-index: 1;
        margin-bottom: 30px
      }
      
      .single-feature-item.feature-style--2:not(:last-child) {
        margin-bottom: 30px
      }
      
      .single-feature-item.feature-style--2 img {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1
      }
      
      .feature-items.feature--2 .row .col-md-8:last-child .single-feature-item {
        margin-bottom: 0
      }
      
      .feature-style--2.light {
        background-color: #fff;
        box-shadow: 0 6px 16px rgba(0, 0, 0, .1);
        color: #145af9;
        font-weight: 600;
        -webkit-transition: .3s;
        transition: .3s
      }
      
      .feature-style--2.light:hover {
        box-shadow: 0 15px 38px rgba(0, 0, 0, .1)
      }
      
      .feature-img-inner {
        display: table-cell;
        vertical-align: bottom;
        height: 100%;
        width: 100%
      }
      
      .feature-image--4 {
        display: table;
        text-align: center;
        height: 100%;
        width: 100%
      }
      
      .feature-img-inner img:nth-child(2) {
        position: absolute;
        right: calc(50% - 91px);
        top: -30px;
        z-index: 2
      }
      
      .feature-img-inner img:nth-child(3) {
        position: absolute;
        left: 0;
        bottom: 50px;
        z-index: 1
      }
      
      .single-feature--4:not(:last-child) {
        margin-bottom: 50px
      }
      
      .single-feature--4 .feature-icon {
        min-width: 70px;
        text-align: center
      }
      
      .single-feature--4 .feature-text {
        padding-left: 30px
      }
      
      .single-feature--4 .feature-text h3 {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 10px
      }
      
      .single-feature--4 .feature-text p {
        font-size: 16px
      }
      
      .single-feature--4.dark h3,
      .single-feature--4.dark p {
        color: #fff
      }
      
      .single-home-feature h3 {
        margin-top: 15px;
        margin-bottom: 25px;
        padding-top: 30px;
        position: relative
      }
      
      .single-home-feature h3:before {
        content: '';
        position: absolute;
        width: 50px;
        height: 1px;
        background-color: #031b4e;
        left: 0;
        top: 0
      }
      
      .single-pricing-plan {
        background: #fff;
            box-shadow: 0px 0px 30px 0px rgba(186,184,191,0.35);
        -webkit-transition: all .2s;
        transition: all .2s;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        /*overflow: hidden;*/
        border-radius: 20px;
        margin-top: 20px;
        cursor: pointer;
      }
      
      .single-pricing-plan:hover {
        background: #fff;
         box-shadow: 0px 0px 30px 0px rgba(186,184,191,1);
      }
      
      .single-pricing-plan p {
        padding: 0 30px 15px;
        position: relative;
        margin-bottom: 20px
      }
      
      
      
      .single-pricing-plan ul {
        padding: 0 30px;
        margin-bottom: 20px
      }
      
      .single-pricing-plan ul li {
        margin: 10px 0;
        color: #7884ac
      }
      
      .single-pricing-plan ul+span {
        font-size: 36px;
        line-height: 36px;
        font-weight: 500;
        color: #031b4e;
        display: block;
        padding: 0 30px
      }
      
      .single-pricing-plan ul+span sup {
        font-size: 16px;
        top: -13px;
        margin-right: 3px
      }
      
      .single-pricing-plan ul+span sub {
        font-size: 14px;
        color: #9aa4c6;
        bottom: 0
      }
      
      .purchase {
        padding: 65px 0 30px;
        z-index: 1
      }
      
      .purchase:before {
          bottom: -50px;
          -webkit-transform: skewY(-5deg);
          transform: skewY(-5deg);
      }
      
      .pricing-plans .row>div:nth-child(even) .purchase:before {
        -webkit-transform: skewY(5deg);
        transform: skewY(5deg)
      }
      .listheading{
        font-size: 12px;
        margin-bottom: 10px;
        color: #000;
      }
      .listcenter h4{
        color:#7a7a7a;
        font-size: 14px;
          font-family: "Roboto", sans-serif;
      }
      .listcenter h5{
        color:#7a7a7a;
        font-size: 12px;
      }
      .listcenter h4 i{
        color:red;
      }
      
      .listdata img{
        width: 30%;
        text-align: center;
      }
      .listdata h3{
        font-size: 14px;
        margin-top: 20px;
      }
      .purchasebtn{
       border: 1px solid #0063f8;
       border-radius: 20px;
       color: #0063f8;
         padding:10px;
         margin-top: 50px;
      }
      
      section .section-title {
          text-align: center;
          color: #007b5e;
          margin-bottom: 50px;
          text-transform: uppercase;
      }
      
      
      #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
          color: red!important;
          background-color: transparent;
          border-color: transparent transparent #f3f3f3;
          border-bottom: 2px solid !important;
          font-size: 18px;
          font-weight: bold;
      }
      .nav-tabs {
          border-bottom: 1px solid #dee2e6!important;
      }
      #tabs .nav-tabs .nav-link {
          border: 1px solid transparent;
          border-top-left-radius: .25rem;
          border-top-right-radius: .25rem;
          color: #031b4e;
          font-size: 20px;
      }
      /* Wobble Bottom */
      @-webkit-keyframes hvr-wobble-bottom {
        16.65% {
          -webkit-transform: skew(-12deg);
          transform: skew(-12deg);
        }
      
        33.3% {
          -webkit-transform: skew(10deg);
          transform: skew(10deg);
        }
      
        49.95% {
          -webkit-transform: skew(-6deg);
          transform: skew(-6deg);
        }
      
        66.6% {
          -webkit-transform: skew(4deg);
          transform: skew(4deg);
        }
      
        83.25% {
          -webkit-transform: skew(-2deg);
          transform: skew(-2deg);
        }
      
        100% {
          -webkit-transform: skew(0);
          transform: skew(0);
        }
      }
      
      @keyframes hvr-wobble-bottom {
        16.65% {
          -webkit-transform: skew(-12deg);
          transform: skew(-12deg);
        }
      
        33.3% {
          -webkit-transform: skew(10deg);
          transform: skew(10deg);
        }
      
        49.95% {
          -webkit-transform: skew(-6deg);
          transform: skew(-6deg);
        }
      
        66.6% {
          -webkit-transform: skew(4deg);
          transform: skew(4deg);
        }
      
        83.25% {
          -webkit-transform: skew(-2deg);
          transform: skew(-2deg);
        }
      
        100% {
          -webkit-transform: skew(0);
          transform: skew(0);
        }
      }
      
      .hvr-wobble-bottom {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
      }
      .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
        -webkit-animation-name: hvr-wobble-bottom;
        animation-name: hvr-wobble-bottom;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
      }
      .single-pricing-plan .popular {
        position: absolute;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 2px;
        color: #fff;
        background: #0063f8;
        bottom: 150px;
        right: -50px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        padding: 0 10px
      }
      
      .single-pricing-plan .popular:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: -3px;
        top: 0;
        border-bottom: 20px solid #0063f8;
        border-left: 3px solid transparent
      }
      .listp{
        font-size: 16px;
      }
      
      .pricing-plans .row>div:nth-child(odd) .single-pricing-plan .popular {
        bottom: 190px
      }
      
      .pricing-plans .row>div:nth-child(odd) .single-pricing-plan .popular:before {
        border-top: 20px solid #0063f8;
        border-bottom: none
      }
      
      .pricing-filter {
        margin-bottom: 40px;
        font-size: 0;
        text-align: center
      }
      
      .pricing-filter .pricing_nav {
        font-size: 16px;
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        border: 1px solid #767cc0;
        border-radius: 4px;
        overflow: hidden;
        z-index: 0
      }
      
      .pricing-filter .pricing_nav:after,
      .pricing-filter .pricing_nav:before {
        content: " ";
        display: table
      }
      
      .pricing-filter .pricing_nav .nav-item {
        display: inline-block
      }
      
      .pricing-filter .pricing_nav .nav-item a {
        color: #fff;
        padding: 17px 30px;
        display: block;
        position: relative;
        z-index: 1
      }
      
      .pricing-filter .pricing_nav .nav-item a.active:after {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #145af9;
        content: '';
        top: 0;
        left: 0;
        z-index: -1
      }
      
      .pricing-filter .pricing_nav .nav-item a.active {
        border-color: #145af9
      }
      
      .single_pricing_table {
        padding: 50px;
        border-radius: 4px;
        border: 1px solid #fff;
        color: #fff;
        -webkit-transition: .3s linear;
        transition: .3s linear;
        margin-bottom: 30px;
        position: relative;
        z-index: 1
      }
      
      .single_pricing_table:after {
        position: absolute;
        left: 0;
        top: -195px;
        width: 100%;
        height: 100%;
        z-index: -1;
        content: '';
        -webkit-transform: scale(0);
        transform: scale(0);
        background-color: #145af9;
        -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1);
        transition: all .5s cubic-bezier(.77, 0, .175, 1)
      }
      
      .single_pricing_table:hover:after {
        top: 0;
        left: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
      }
      
      .single_pricing_table .pt_header .pt_price span {
        font-size: 40px;
        font-weight: 500
      }
      
      .single_pricing_table .pt_header .pt_price small {
        font-size: 20px
      }
      
      .single_pricing_table .pt_header .pt_price {
        display: inline-block;
        margin: 0 auto 40px;
        border: 1px solid #145af9;
        padding: 30px 22px;
        border-radius: 4px;
        -webkit-transition: .6s linear;
        transition: .6s linear
      }
      
      .single_pricing_table .pt_header h2 {
        font-size: 30px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 20px
      
      }
      
      
      .single_pricing_table .pt_body .pt_feature ul {
        margin: 0 0 30px;
        padding: 0;
        list-style: none;
        font-size: 18px;
        line-height: 36px
      }
      
      .single_pricing_table .pt_footer a {
        border-color: #145af9;
        font-size: 16px
      }
      
      .single_pricing_table:hover .btn,
      .single_pricing_table:hover .pt_price {
        background-color: #fff;
        color: #145af9
      }
      
      .single_pricing_table.light {
        background-color: #fff
      }
      
      .single_pricing_table.light,
      .single_pricing_table.light .btn {
        border-color: #145af9;
        color: #535353
      }
      
      .single_pricing_table.light h2 {
        color: #535353
      }
      
      .pricing-filter .pricing_nav .nav-item a.active,
      .single_pricing_table.light:hover,
      .single_pricing_table.light:hover h2 {
        color: #fff!important
      }
      
      .pricing-filter.light .pricing_nav .nav-item a {
        color: #535353
      }
      
      .single_pricing_table.light .pt_header .pt_price {
        background-color: #145af9;
        color: #fff
      }
      
      .single_pricing_table.light:hover .pt_header .pt_price {
        color: #145af9;
        background-color: #fff
      }
      
      .single_pricing_table--4 {
        box-shadow: 0 5px 25px rgba(34, 34, 34, .1);
        border-radius: 10px;
        background-color: #fff;
        padding: 50px;
        margin-bottom: 30px;
        position: relative;
        z-index: 1;
        overflow: hidden
      }
      
      .single_pricing_table--4:after {
        position: absolute;
        top: -70%;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: #02d9f5;
        background: -webkit-linear-gradient(top, #02d9f5 0, #1764e3 100%);
        background: linear-gradient(to bottom, #02d9f5 0, #1764e3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02d9f5', endColorstr='#1764e3', GradientType=0);
        -webkit-transition: .3s linear;
        transition: .3s linear;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        border-radius: 100%
      }
      
      .single_pricing_table--4.active:after,
      .single_pricing_table--4:hover:after {
        top: 0;
        opacity: 1;
        visibility: visible;
        border-radius: 0
      }
      
      .single_pricing_table--4.active .pt-icon svg path,
      .single_pricing_table--4:hover .pt-icon svg path {
        fill: #fff
      }
      
      .single_pricing_table--4.active .pt_body .pt_feature,
      .single_pricing_table--4.active .pt_body .pt_price,
      .single_pricing_table--4.active .pt_body .single_pricing_table--4.active .pt_body .pt_price,
      .single_pricing_table--4.active .pt_header,
      .single_pricing_table--4.active .pt_header h2,
      .single_pricing_table--4.dark .pt_body .pt_feature,
      .single_pricing_table--4.dark .pt_body .pt_price,
      .single_pricing_table--4.dark .pt_body .single_pricing_table--4.dark .pt_body .pt_price,
      .single_pricing_table--4.dark .pt_header,
      .single_pricing_table--4.dark .pt_header h2,
      .single_pricing_table--4:hover .pt_body .pt_feature,
      .single_pricing_table--4:hover .pt_body .pt_price,
      .single_pricing_table--4:hover .pt_body .single_pricing_table--4:hover .pt_body .pt_price,
      .single_pricing_table--4:hover .pt_header,
      .single_pricing_table--4:hover .pt_header h2 {
        color: #fff
      }
      
      .single_pricing_table--4.active .pt_header:after,
      .single_pricing_table--4.dark .pt_header:after,
      .single_pricing_table--4:hover .pt_header:after {
        background-color: #fff
      }
      
      .single_pricing_table--4.dark .btn-gradient {
        background: 0 0;
        border: 1px solid
      }
      
      .single_pricing_table--4.active .btn-gradient,
      .single_pricing_table--4:hover .btn-gradient {
        background: #fff!important;
        color: #1764e3!important
      }
      
      .single_pricing_table--4 .pt_header h2 {
        color: #1764e3;
        font-weight: 500
      }
      
      .single_pricing_table--4 .pt_header p {
        font-size: 16px
      }
      
      .single_pricing_table--4 .pt_header {
        position: relative;
        padding-bottom: 15px
      }
      
      .single_pricing_table--4 .pt_header:after {
        position: absolute;
        width: 80px;
        height: 2px;
        content: '';
        background-color: #1764e3;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
      }
      
      .single_pricing_table--4 .pt_body {
        padding: 30px 0
      }
      
      .single_pricing_table--4 .pt_body .pt-icon {
        min-height: 75px
      }
      
      .single_pricing_table--4 .pt_body .pt_feature {
        padding: 30px 0;
        color: #7f8080;
        font-size: 18px;
        line-height: 32px
      }
      
      .single_pricing_table--4 .pt_body .pt_price {
        color: #1764e3
      }
      
      .single_pricing_table--4 .pt_body .pt_price span {
        font-size: 50px;
        font-weight: 900;
        line-height: 1
      }
      
      .single_pricing_table--4 .pt_body .pt_price small {
        font-size: 14px
      }
      
      .single_pricing_table--4 .pt_body .pt_price small:first-child {
        vertical-align: top
      }
      
      .single_pricing_table--4.dark {
        background: #166be4
      }
      
      .section-title {
        padding-bottom: 55px
      }
      
      .single-reason {
        margin-bottom: 25px
      }
      
      .single-reason h3 {
        margin-bottom: 30px
      }
      
      .why-us-video-sticky-tape {
        width: calc(100% - 40px);
        margin: auto
      }
      
      .why-us-video:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #031b4e;
        opacity: .5
      }
      
      .why-us-video p {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 95px
      }
      
      .why-us-video p span {
        display: block;
        font-size: 18px;
        margin-top: 15px
      }
     
      .tag-list {
        margin-left: -6px;
        margin-bottom: -5px
      }
      
      .tag-list li {
        display: inline-block;
        margin-left: 6px;
        margin-bottom: 10px
      }
      
      .tag-list li a {
        color: #7884ac;
        background: #f6faff;
        display: block;
        padding: 6px 10px;
        -webkit-transition: all .2s;
        transition: all .2s
      }
      
      .comment-content>a,
      .post-image a {
      
        font-family: Karla, sans-serif
      }
      
      .tag-list li a:hover {
        background: #0063f8;
        color: #fff
      }
      
      .comment-author img,
      .post-author img {
        border-radius: 100%
      }
      
      .post-image a {
        position: absolute;
        left: 30px;
        bottom: 10px;
        color: #5e7b97;
        background: #fff;
        padding: 2px 10px;
        transition: all .2s
      }
      
      .post-image a:hover {
        color: #fff;
        background: #0063f8
      }
      
      .post-detail-content {
        padding: 25px 30px
      }
      
      .post-detail-content h2 {
        color: #0063f8;
        font-weight: 500;
        margin-bottom: 20px
      }
      
      .post-detail-content p {
        line-height: 24px;
        color: #7884ac
      }
      
      .post-detail-content p b {
        color: #031b4e
      }
      
      .post-detail-content p:not(:last-child) {
        margin-bottom: 20px
      }
      
      .tag-cat-soc {
        padding: 25px 0
      }
      
      .tag-cat {
        color: #5e7b97;
        font-size: 13px;
        margin: 0
      }
      
      .tag-cat li+li {
        margin-left: 10px
      }
      
      .tag-cat a {
        color: #5e7b97;
        margin-left: 6px
      }
      
      .share-icons a:hover,
      .tag-cat a:hover {
        color: #031b4e
      }
      
      .share-icons {
        margin: 0
      }
      
      .share-icons li+li {
        margin-left: 10px
      }
      
      .share-icons a {
        font-size: 12px
      }
      
      .single-post-page .more-post {
        padding-bottom: 25px;
        margin-top: 25px
      }
      
      .post-author {
        margin-top: 45px;
        padding-bottom: 30px
      }
      
      .post-author img {
        margin-right: 20px;
        margin-top: 5px
      }
      
      .post-author-info {
        border-left: 1px solid #e1eeff;
        overflow: hidden;
        padding-left: 15px
      }
      
      .post-author-info h4 a {
        font-weight: 400;
        color: #5e7b97;
        margin-bottom: 15px
      }
      
      .post-author-info h4 a:hover {
        color: #2e5ae8
      }
      
      .post-author-info p {
        line-height: 24px;
        margin-bottom: 10px
      }
      
      .post-comments {
        margin-top: 55px
      }
      
      .post-comments h3 {
        margin-bottom: 35px
      }
      
      .main-comment {
        border-bottom: 1px solid #e0f3ff;
        padding-bottom: 30px;
        margin-bottom: 30px
      }
      
      .comment-author {
        margin-right: 15px
      }
      
      .comment-content {
        overflow: hidden;
        position: relative
      }
      
      .comment-content>a {
        color: #9aa4ac;
        position: absolute;
        right: -40px;
        top: 0;
        display: inline-block;
        transition: all .2s
      }
      
      .comment-content>a i {
        font-size: 12px;
        margin-right: 7px
      }
      
      .comment-content>a:hover {
        color: #2e5ae8;
        right: 0
      }
      
      .comment-content h4 {
        margin-bottom: 15px
      }
      
      .comment-content h4 a {
        color: #5e7b97;
        font-weight: 400
      }
      
      .comment-content h4 a:hover {
        color: #2e5ae8
      }
      
      .comment-content h4 span {
        color: #9aa4ac;
        font-weight: 400;
        font-size: 13px;
        font-family: Karla, sans-serif;
        margin-left: 10px
      }
      
      .comment-content p {
        color: #7884ac;
        line-height: 24px;
        max-width: calc(100% - 70px);
        margin-bottom: 0
      }
      
      .comment-reply {
        margin-left: 65px;
        border-top: 1px solid #e0f3ff;
        padding-top: 30px;
        margin-top: 30px
      }
      
      .comment-form {
        margin-top: 55px
      }
      
      .comment-form h3 {
        margin-bottom: 30px
      }
      
      .comment-form form div {
        margin-bottom: 15px
      }
      
      .comment-form input,
      .comment-form textarea {
        border: 1px solid #e1eeff;
        border-radius: 0;
        height: 40px
      }
      
      .comment-form textarea {
        height: 150px
      }
      
      .comment-form .parsley-errors-list {
        display: none
      }
      
      .main-footer {
        background: #031b4e;
        margin-top: 200px;
        padding-top: 60px;
        z-index: 0
      }
      
      .main-footer:before {
        background-color: #031b4e;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
      }
      
      .footer-widget {
        margin-bottom: 50px
      }
      
      
      .footer-widget .widget-title:before {
        background-color: #fff;
        width: 30px
      }
      
      .footer-posts p {
        font-size: 13px;
        color: #9aa4c6;
        margin-bottom: 5px
      }
      
      .footer-posts p a {
        color: #9aa4c6
      }
      
      .footer-posts p a:hover {
        color: #fff
      }
      
      .footer-posts h4 a {
        line-height: 24px;
        color: #e0f3ff;
        display: inline-block
      }
      
      .footer-posts h4 a:hover {
        color: #fff
      }
      
      .footer-posts li:not(:last-child) {
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
      }
      
      .footer-posts li+li p {
        margin-top: 10px
      }
      
      .footer-contacts ul li {
        position: relative;
        padding-left: 100px
      }
      
      .footer-contacts ul li+li {
        margin-top: 12px
      }
      
      .footer-contacts ul li span {
        position: absolute;
        left: 0;
        width: 100px
      }
      
      .footer-contacts ul li span i {
        float: right;
        font-style: normal;
        margin-right: 5px
      }
      
      .footer-contacts ul li a,
      .footer-contacts ul li address {
        font-family: Karla, sans-serif;
        color: #9aa4c6;
        margin-bottom: 0
      }
      
      .footer-contacts ul li a:hover {
        color: #fff
      }
      
      .footer-contacts ul li:last-child a {
        color: #e0f3ff
      }
      
      .footer-contacts ul li:last-child a:hover {
        color: #fff
      }
      
      .footer-contacts ul li:last-child a+a {
        margin-left: 12px;
        font-size: 12px
      }
      
      .footer-form input:not([type=submit]) {
        background: rgba(255, 255, 255, .05);
        border: 1px solid transparent;
        border-radius: 0;
        margin-bottom: 10px;
        height: 40px;
        padding: 0 10px;
        color: #fff;
        -webkit-transition: all .2s;
        transition: all .2s
      }
      
      .footer-form input:not([type=submit]):focus {
        background: rgba(255, 255, 255, .1)
      }
      
      .footer-form textarea {
        height: 100px;
        padding: 10px;
        background: rgba(255, 255, 255, .05);
        border: 1px solid transparent;
        border-radius: 0;
        color: #fff;
        -webkit-transition: all .2s;
        transition: all .2s
      }
      
      .footer-form textarea:focus {
        background: rgba(255, 255, 255, .1);
        color: #fff;
        border-color: transparent
      }
      
      .footer-form input::-webkit-input-placeholder,
      .footer-form textarea::-webkit-input-placeholder {
        color: #9aa4c6!important
      }
      
      .footer-form input::-moz-placeholder,
      .footer-form textarea::-moz-placeholder {
        color: #9aa4c6!important
      }
      
      .footer-form input[type=submit] {
        position: absolute;
        right: 10px;
        bottom: 10px;
        padding: 3.5px 19px
      }
      
      .footer-form .parsley-errors-list {
        display: none
      }
      
      .bottom-footer {
        border-top: 1px solid rgba(255, 255, 255, .15)
      }
      
      .copyright-text {
        padding: 30px 0;
        display: block
      }
      
      .copyright-text a,
      .copyright-text a:hover {
        color: inherit;
        font-weight: 500
      }
      
      .back-to-top {
        color: #031b4e;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 100%;
        display: inline-block;
        line-height: 40px;
        -webkit-transition: all .2s;
        transition: all .2s;
        position: absolute;
        left: 0;
        right: 0;
        top: -22px;
        margin: auto;
        text-align: center
      }
      
      .back-to-top:hover {
        color: #fff;
        background: #0063f8
      }
      
      .footer-menu {
        margin-bottom: 0
      }
      
      .footer-menu li {
        padding: 30px 0
      }
      
      .footer-menu li:not(:last-child) {
        margin-right: 25px!important
      }
      
      .footer-menu li a {
        color: #9aa4c6;
        font-size: 12px
      }
      
      .footer-menu li a:hover {
        color: #fff
      }
      
      .main-footer--2 {
        font-size: 16px
      }
      
      .main-footer--2 .widget-title {
        font-size: 24px;
        font-weight: 500
      }
      
      .main-footer--2 .widget-title:before {
        display: none
      }
      
      .subscribe-form.form-style--2 form {
        position: relative;
        margin-bottom: 40px
      }
      
      .subscribe-form.form-style--2 input:not([type=submit]) {
        width: 100%;
        border-radius: 4px;
        background-color: #0a26b0;
        border-color: transparent;
        -webkit-transition: .3s;
        transition: .3s;
        padding: 0 15px;
        color: #fff!important
      }
      
      .subscribe-form.form-style--2 input:not([type=submit]):focus {
        outline: 0;
        border-color: #145af9
      }
      
      .subscribe-form.form-style--2 button {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50px;
        background-color: #145af9;
        border: none;
        border-radius: 0 4px 4px 0;
        cursor: pointer
      }
      
      .subscribe-form.form-style--2 input:not([type=submit])::-webkit-input-placeholder {
        color: #fff!important
      }
      
      .subscribe-form.form-style--2 input:not([type=submit])::-moz-placeholder {
        color: #fff!important
      }
      
      .subscribe-form.form-style--2 input:not([type=submit]):-ms-input-placeholder {
        color: #fff!important
      }
      
      .subscribe-form.form-style--2 input:not([type=submit])::placeholder {
        color: #fff!important
      }
      
      .social-links {
        margin-top: 40px
      }
      
      .social-links li a {
        color: #fff;
        -webkit-transition: .3s;
        transition: .3s
      }
      
      .social-links li a:hover {
        color: #145af9
      }
      
      .footer-menu--2 li a,
      .footer-posts--2 h4 {
        font-size: 16px
      }
      
      .main-footer.main-footer--3 {
        padding-top: 120px;
        background-color: #1764e3
      }
      
      .footer-widget .logo {
        margin-bottom: 25px
      }
      
      .subscribe-form.form-style--3 p {
        font-size: 16px;
        font-family: Poppins, sans-serif
      }
      
      .subscribe-form.form-style--3 form input {
        background-color: #fff;
        width: 100%
      }
      
      .subscribe-form.form-style--3 form button {
        position: absolute;
        right: 6px;
        top: 6px;
        bottom: 6px
      }
      
      .main-footer.main-footer--3 .widget-title {
        font-size: 25px;
        font-weight: 500
      }
      
      .footer-posts.footer-posts-3 p {
        font-size: 14px
      }
      
      .footer-posts.footer-posts-3 li:not(:last-child) {
        border-color: #fff
      }
      
      .footer-contacts.footer-contacts--3 ul li a,
      .footer-contacts.footer-contacts--3 ul li address,
      .footer-posts.footer-posts-3 h4 a,
      .footer-posts.footer-posts-3 p,
      .footer-posts.footer-posts-3 p a,
      .widget_nav_menu li a {
        color: #fff;
        -webkit-transition: .3s;
        transition: .3s
      }
      
      .social-links--2 li a:hover {
        color: #fff
      }
      
      .footer-posts.footer-posts-3 h4 {
        font-size: 16px
      }
      
      .widget_nav_menu li a {
        margin: 10px 0;
        font-size: 16px;
        display: block;
        position: relative;
        padding-left: 17px
      }
      
      .widget_nav_menu li a:hover {
        margin-left: 5px
      }
      
      .widget_nav_menu li a:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "\f105";
        font-family: FontAwesome;
        font-weight: 900
      }
      
      .footer-contacts.footer-contacts--3 li {
        padding-left: 40px;
        font-size: 16px;
        font-weight: 500
      }
      
      .footer-contacts.footer-contacts--3 li span {
        width: auto;
        display: block
      }
      
      .footer-contacts.footer-contacts--3 ul li a,
      .footer-contacts.footer-contacts--3 ul li address {
        font-family: Poppins, sans-serif
      }
      
      .about-us-title span,
      .domain-checker input[type=text],
      .member-info span {
        font-family: Karla, sans-serif
      }
      
      .footer-contacts ul li span i {
        color: #fff;
        font-size: 13px;
        line-height: 26px
      }
      
      .main-footer--3 .bottom-footer {
        border-color: #1459c4;
        padding: 30px 0;
        font-size: 14px
      }
      
      .back-to-top.back-top--2,
      .back-to-top.back-top--3 {
        position: fixed;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        z-index: 99999;
        opacity: 0;
        visibility: hidden;
        margin: 0;
        left: auto;
        right: 50px;
        bottom: 50px;
        top: auto;
        border-radius: 4px
      }
      
      .back-to-top.back-top-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
      }
      
      .back-to-top.back-top--2.light {
        border: 1px solid #00f
      }
      
      .back-to-top.back-top--3 {
        border-radius: 50%;
        background-color: #fff;
        height: 55px;
        width: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        box-shadow: 0 0 25px rgba(0, 0, 0, .3)
      }
      
      .back-to-top.back-top--3:hover {
        -webkit-animation: bounce .5s infinite;
        animation: bounce .5s infinite
      }
      
      .about-us-title h2 {
        line-height: 40px
      }
      
      .about-us-title span {
        font-size: 18px;
        display: block;
        margin-top: 10px;
        margin-bottom: 20px
      }
      
      .sticky-tape:after,
      .sticky-tape:before {
        content: '';
        position: absolute;
        width: 100px;
        height: 100px;
        background-color: #0063f8;
        opacity: .3;
        z-index: -1
      }
      
      .sticky-tape:before {
        left: -20px;
        bottom: -20px
      }
      
      .sticky-tape:after {
        right: -20px;
        top: -20px
      }
      
      .single-member {
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -webkit-transition: all .2s;
        transition: all .2s;
        margin-bottom: 30px
      }
      
      .single-member:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, .2)
      }
      
      .member-info {
        padding: 15px 15px 10px;
        position: relative;
        z-index: 1;
        overflow: hidden
      }
      
      .member-info:before {
        bottom: -65px;
        -webkit-transform: skewY(-9deg);
        transform: skewY(-9deg)
      }
      
      .member-info h4 {
        font-weight: 500;
        margin-bottom: 2px
      }
      
      .member-info span {
        color: #9aa4c6
      }
      
      .member-info ul {
        margin-bottom: 0;
        margin-top: 25px
      }
      
      .member-info ul li {
        display: inline-block
      }
      
      .member-info ul li:not(:last-child) {
        margin-right: 10px
      }
      
      .member-info ul li a {
        font-size: 12px;
        color: #fff
      }
      
      .member-info ul li a:hover {
        color: #ddd
      }
      
      .happy-counter li {
        float: left;
        width: 20%
      }
      
      .happy-counter li span {
        display: block;
        font-size: 48px;
        font-weight: 700;
        color: #0063f8
      }
      
      .happy-counter li p {
        color: #7884ac;
        text-transform: uppercase;
        letter-spacing: 3px
      }
     
      .tooltip {
        position: absolute;
        /*background: #ff3466;*/
          margin-top: 10px;
        font-size: 16px;
        border-radius: 100%;
        color: #fff;
        opacity: 1!important;
      
      }
      .tooltip2{
        margin-left: 70px;
      }
      .tooltip i{
        color: red;
      }
      
      .tooltip:before,
      .tooltip:after {
        position: absolute;
        content: '';
        opacity: 0;
        transition: all 0.4s ease;
      }
      
      .tooltip:before {
        border-width: 10px 8px 0 8px;
        border-style: solid;
        border-color: #ff3466 transparent transparent transparent;
        top: -10px;
        transform: translateY(20px);
      }
      
      .tooltip:after {
        content: attr(data-tooltip);
        background: #ff3466;
        width: 120px;
        height: 40px;
        font-size: 13px;
        font-weight: 300;
        top: -49px;
        left: -10px;
        padding: 10px;
        border-radius: 5px;
        letter-spacing: 1px;
        transform: translateY(20px);
      }
      
      .tooltip:hover::before,
      .tooltip:hover::after {
        opacity: 1;
        transform: translateY(-2px);
      }
      
      @keyframes shake {
        0% {
          transform: rotate(2deg);
        }
        50% {
          transform: rotate(-3deg);
        }
        70% {
          transform: rotate(3deg);
        }
        100% {
          transform: rotate(0deg);
        }
      }
      #anim:hover {
        animation: shake 500ms ease-in-out forwards;
      }
      .arrow-right {
        background-color: red;
        box-shadow: 0 0 3px 2px rgba(0,0,0,0.8);
        height: 100px;
        left: -50px;
        position: absolute;
        top: -50px;
        width: 100px;
      }
      .check:before{
        background-image: url(../../../webtesting.creditkaro.com/assets/images/phone.png);
      }
      .arrow-right span {
        color: #f5f5f5;
        font-family: sans-serif;
        font-size: 1.005em;
        left: 15px;
        top: 78px;
        position: absolute;
        width: 80px;
      }
      
      #icon       
      {  
      font-size: 25px;
      background: red;
      border-radius: 50%;
      padding: 15px;
      color: #fff;
      }
      .secondhead{
        font-size:20px;
        text-align:left;
      }
      
      /* #icon:hover
      {    
      -webkit-transform: rotate(350deg);
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      } */
      
      
                 @-webkit-keyframes swing
      {
          15%
          {
              -webkit-transform: translateX(5px);
              transform: translateX(5px);
          }
          30%
          {
              -webkit-transform: translateX(-5px);
             transform: translateX(-5px);
          } 
          50%
          {
              -webkit-transform: translateX(3px);
              transform: translateX(3px);
          }
          65%
          {
              -webkit-transform: translateX(-3px);
              transform: translateX(-3px);
          }
          80%
          {
              -webkit-transform: translateX(2px);
              transform: translateX(2px);
          }
          100%
          {
              -webkit-transform: translateX(0);
              transform: translateX(0);
          }
      }
      @keyframes swing
      {
          15%
          {
              -webkit-transform: translateX(5px);
              transform: translateX(5px);
          }
          30%
          {
              -webkit-transform: translateX(-5px);
              transform: translateX(-5px);
          }
          50%
          {
              -webkit-transform: translateX(3px);
              transform: translateX(3px);
          }
          65%
          {
              -webkit-transform: translateX(-3px);
              transform: translateX(-3px);
          }
          80%
          {
              -webkit-transform: translateX(2px);
              transform: translateX(2px);
          }
          100%
          {
              -webkit-transform: translateX(0);
              transform: translateX(0);
          }
      }
      .swing:hover
      {
              -webkit-animation: swing 1s ease;
              animation: swing 1s ease;
              -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      }
      .btn-lock {
        position: absolute;
        top: calc(50% - 32px);
        left: calc(50% - 32px);
        display: inline-block;
        background: #ff5b5b;
        width: 30px;
        height: 30px;
        box-sizing: border-box;
        padding: 12px 0 0 18px;
        border-radius: 50%;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        margin-top: 15px;
        margin-left: -15px;
      }
      .btn-lock svg {
            fill: none;
          transform: translate3d(0, 0, 0);
          margin-left: -13px;
          margin-top: -11px;
          width: 15px;
      }
      button {
        position: relative;
        display: inline-block;
        cursor: pointer;
        outline: none;
        border: 0;
        vertical-align: middle;
        text-decoration: none;
        background: transparent;
        padding: 0;
        font-size: inherit;
        font-family: inherit;
      }
      .listspan{
        color: #38526d;
      }
      button.learn-more {
        width: 12rem;
        height: auto;
      }
      button.learn-more .circle {
        transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
        position: relative;
        margin: 0;
        width: 35px;
        height: 35px;
        background: #282936;
        border-radius: 1.625rem;
      }
      button.learn-more .circle .icon {
        transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #fff;
      }
      button.learn-more .circle .icon.arrow {
        transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
        left: 0.5rem;
        width: 1.125rem;
        height: 0;
        background: none;
      }
      button.learn-more .circle .icon.arrow::before {
        position: absolute;
        content: '';
        top: -0.25rem;
        right: 0.5rem;
        width: 0.625rem;
        height: 0.625rem;
        border-top: 0.125rem solid #fff;
        border-right: 0.125rem solid #fff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
      }
      button.learn-more .button-text {
        transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: .5rem 0;
        margin-left: -10px;
        color: #282936;
        font-weight: 700;
        line-height: 1.6;
        text-align: center;
        text-transform: uppercase;
      }
      button:hover .circle {
        width: 90%;
      }
      button:hover .circle .icon.arrow {
        background: #fff;
        -webkit-transform: translate(1rem, 0);
                transform: translate(1rem, 0);
      }
      button:hover .button-text {
        color: #fff;
      }
      
      
      .btn-lock svg .bling {
        stroke: #fff;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-dasharray: 3;
        stroke-dashoffset: 15;
        transition: all 0.3s ease;
      }
      .btn-lock svg .lock {
        stroke: #fff;
        stroke-width: 4;
        stroke-linejoin: round;
        stroke-linecap: round;
        stroke-dasharray: 36;
        transition: all 0.4s ease;
      }
      .btn-lock svg .lockb {
        fill: #fff;
        fill-rule: evenodd;
        clip-rule: evenodd;
        transform: rotate(8deg);
        transform-origin: 14px 20px;
        transition: all 0.2s ease;
      }
      .inpLock {
        display: none;
      }
      .inpLock:checked + label {
        background: #20cca5;
      }
      .inpLock:checked + label svg {
        opacity: 1;
      }
      .inpLock:checked + label svg .bling {
        animation: bling 0.3s linear forwards;
        animation-delay: 0.2s;
      }
      .inpLock:checked + label svg .lock {
        stroke-dasharray: 48;
        animation: locked 0.3s linear forwards;
      }
      .inpLock:checked + label svg .lockb {
        transform: rotate(0);
        transform-origin: 14px 22px;
      }
      
      @-moz-keyframes bling {
        50% {
          stroke-dasharray: 3;
          stroke-dashoffset: 12;
        }
        100% {
          stroke-dasharray: 3;
          stroke-dashoffset: 9;
        }
      }
      @-webkit-keyframes bling {
        50% {
          stroke-dasharray: 3;
          stroke-dashoffset: 12;
        }
        100% {
          stroke-dasharray: 3;
          stroke-dashoffset: 9;
        }
      }
      @-o-keyframes bling {
        50% {
          stroke-dasharray: 3;
          stroke-dashoffset: 12;
        }
        100% {
          stroke-dasharray: 3;
          stroke-dashoffset: 9;
        }
      }
      @keyframes bling {
        50% {
          stroke-dasharray: 3;
          stroke-dashoffset: 12;
        }
        100% {
          stroke-dasharray: 3;
          stroke-dashoffset: 9;
        }
      }
      @-moz-keyframes locked {
        50% {
          transform: translateY(1px);
        }
      }
      @-webkit-keyframes locked {
        50% {
          transform: translateY(1px);
        }
      }
      @-o-keyframes locked {
        50% {
          transform: translateY(1px);
        }
      }
      @keyframes locked {
        50% {
          transform: translateY(1px);
        }
      }
      .compare-btn{
        position: relative;
        background: none;
        color: #9aa4c6;
        text-transform: uppercase;
        text-decoration: none;
        padding: .8em 1.5em;
        margin-left: -100px;
      }
      .comparebtn{
        margin-left: 50px;
      }
      
      .brk-btn {
        position: relative;
        background: none;
        color: #9aa4c6;
        text-transform: uppercase;
        text-decoration: none;
        border: 0.2em solid #0063f8;
        padding: .8em 1.5em;
      }
      .brk-btn::before {
        content: "";
        display: block;
        position: absolute;
        width: 10%;
        background: #222;
        height: 0.3em;
        right: 20%;
        top: -0.21em;
        transform: skewX(-45deg);
        -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
      }
      .brk-btn::after {
        content: "";
        display: block;
        position: absolute;
        width: 10%;
        background: #222;
        height: 0.3em;
        left: 20%;
        bottom: -0.25em;
        transform: skewX(45deg);
        -webkit-transition: all 0.45 cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
      }
      .brk-btn:hover::before {
        right: 80%;
      }
      .brk-btn:hover::after {
        left: 80%;
      }
      .dropdown-menu {
        border-radius: 0;
      }
      .multiselect-native-select {
        position: relative;
      }
      .multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px;
      }
      .multiselect-container {
        position: absolute;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
      }
      .multiselect-container .input-group {
        margin: 5px;
      }
      .multiselect-container li {
        padding: 0;
      }
      .multiselect-container li .multiselect-all label {
        font-weight: 700;
      }
      .multiselect-container li a {
        padding: 0;
      }
      .multiselect-container li a label {
        margin: 0;
        height: 100%;
        cursor: pointer;
        font-weight: 400;
        padding: 3px 20px 3px 40px;
      }
      .multiselect-container li a label input[type=checkbox] {
        margin-bottom: 5px;
      }
      .multiselect-container li a label.radio {
        margin: 0;
      }
      .multiselect-container li a label.checkbox {
        margin: 0;
      }
      .multiselect-container li.multiselect-group label {
        margin: 0;
        padding: 3px 20px 3px 20px;
        height: 100%;
        font-weight: 700;
      }
      .multiselect-container li.multiselect-group-clickable label {
        cursor: pointer;
      }
      .btn-group .btn-group .multiselect.btn {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .form-inline .multiselect-container label.checkbox {
        padding: 3px 20px 3px 40px;
      }
      .form-inline .multiselect-container label.radio {
        padding: 3px 20px 3px 40px;
      }
      .form-inline .multiselect-container li a label.checkbox input[type=checkbox] {
        margin-left: -20px;
        margin-right: 0;
      }
      .form-inline .multiselect-container li a label.radio input[type=radio] {
        margin-left: -20px;
        margin-right: 0;
      }
      .btn {
        border-radius: 0;
      }
      .btn-primary {
        background-color: #ff0000;
        border: none;
        border-radius: 0;
        padding: 11px 15px;
        text-transform: uppercase;
      }
      .multiselect{
        line-height: 0;
        background: #ccc!important;
            border-radius: 5px;
      }
      .multiselect-selected-text{
        color: #031b4e;
        font-weight: 500;
      }
      .dropdown-toggle::after{
        color: red;
      }
      .apply i{
      font-size: 40px;
      margin-top: 25px;
      color: red;
      }
       .one {
      
        text-align: center;
        margin-bottom: 10px;
        border: 4px solid red;
        border-radius: 10px;
        color: white;
        font-size: 20px;
        overflow: hidden;
        position: relative;
      }
       .one a {
        color: white;
        text-decoration: none;
        line-height: 40px;
        width: 100%;
        height: 100%;
        display: block;
        margin-left: 19px;
        font-size: 12px;
      }
      .button .first, .one .first, .button .second{
      display: inline-block;
      }
      .first i{
        color: red;
       
      }
      .one{
            height: 40px;
          margin-top: 18px;
      }
      .first .fa{
         font-size: 30px;
             margin-left: -12px;
            margin-top: 7px;
      }
      .one {
        transition: all 0.5s;
      }
      
      .style1, .one{
        background: linear-gradient(to left, #F7977A 200px, #3BB878 200px);
        background-size: 400px 50px;
        background-repeat: no-repeat;
      }
      .style1 .elong, .one .elong {
        position: relative;
        transition: all 0.5s;
      }
      
      
      
      
      .one {
        background-position: 200px 0px;
      }
      .one .elong {
        width: 400px;
        left: 0px;
        margin-top: -6px;
      }
      
      
      
      .one:hover, .one:focus, .two:hover, .two:focus, .three:hover, .three:focus, .four:hover, .four:focus {
        background-position: 0px 0px;
      }
      
      .one:hover .elong, .one:focus .elong {
        left: -200px;
      }
      
      #listform{
        padding: 20px;
      }
      .secondrow{
        margin-top: 20px;
      }
      .listform{
        padding: 15px;
      }
      .modal-title{
        text-align: center;
      }
      .listform:active{
        border:1px solid #bfbfbf;
        border-bottom: 2px solid #00ccb1;
      }
      .listform:focus{
        border:1px solid #bfbfbf;
        border-bottom: 2px solid #00ccb1;
      }
      .btn-list{
        line-height: 0;
        color: #fff!important;
        font-weight: 500;
        height: 40px;
        border-radius: 2px;
      }
      .close{
            font-size: 20px;
          font-weight: 500;
          color: red;
      }
      
      
      #rectangle2 {
        width: 73%;
        background-color: #686de0;
        position: fixed;
        bottom:100px;
        z-index: 9999;
        padding: 15px 40px;
            background-color: #fafafa;
          box-shadow: 0 0 9px 0 rgba(20,22,92,.26);
          border-radius: 10px;
              border: 1px solid #00ccb1;
      }
      .card--compare {
          min-height: 70px;
          max-width: 300px;
          padding: 10px 20px;
          border: 1px dashed #d6dce0;
          background-color: #fff;
          border-radius: 2px;
      }
      .position-relative {
          position: relative!important;
      }
      .card--compare .card-close {
          cursor: pointer;
          top: 0;
          right: 0;
          position: absolute;
          margin: -8px -8px 0 0;
      }
      
      .compare{
        line-height:1;
        border-radius: 5px;
        padding: 20px 6px!important;
        color: #fff!important;
        height: 40px!important;
            margin-left: 70px;
          margin-top: 13px;
          height: 50px!important;
          background-color: #38526d!important;
      }
      .compareclose{
        float: right;
        margin-right: -40px;
          margin-top: -10px;
      }
      .ui-autocomplete {
        width: 190px;
        max-height: 180px;
        padding: 0;
        margin: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background: #2ec5aa;
        color: #fff;
        border-width: 4px 4px 4px 0;
        border-style: solid;
        border-color: #2ec5aa;
      }
      .ui-autocomplete ul {
        list-style: none;
      }
      .ui-autocomplete li {
        height: 36px;
        margin: 0;
        font: bold 14px/36px Arial, Helvetica, sans-serif;
        white-space: nowrap;
      }
      .ui-autocomplete li:hover {
        -moz-transition: background 0.3s ease-in;
        -o-transition: background 0.3s ease-in;
        -webkit-transition: background 0.3s ease-in;
        transition: background 0.3s ease-in;
        background: #3ed1b7;
      }
      
      .ui-autocomplete li a {
        display: block;
        padding: 0 12px;
        cursor: pointer;
      }
        #bars {
        margin: 2em auto;
        max-width: 960px;
        overflow: hidden;
      }
      
      .bar {
        float: left;
        width: 20%;
        text-align: center;
      }
      
      .bar h3 {
        font-size: 1.4em;
        font-weight: normal;
        margin: 0;
        text-transform: uppercase;
      }
      
      .bar-circle {
        display: block;
        margin: 0.7em auto;
      }
      .creditscore-wraper{
        padding: 50px;
      }
      .input-material .placeholder-title{
        color: #fff;
      }
      .input-material .bar{
       background: none;
      }
      .headericon{
        width: 20px;
        margin-right: 10px;
      }
      
      .flip-container {
        width: 40px;
        height: 40px;
            float: right;
          margin-right: -20px;
          z-index: 9999;
          /* left: 20px; */
          margin-top: -90px;
      }
      
      #flip, #flip-circle, #flip-reversed, #flip-circle-reversed {
        width: 40px;
        height: 40px;
        position: relative;
        transition: all 0.275s ease-out;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
      }
      .flip-container:hover #flip, .flip-container:hover #flip-circle, .flip-container:hover #flip-reversed, .flip-container:hover #flip-circle-reversed {
        -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg);
      }
      #flip i, #flip-circle i, #flip-reversed i, #flip-circle-reversed i {
        position: absolute;
          line-height: 40px!important;
          font-size: 1.8em!important;
          display: block;
          width: 100%;
          height: 100%;
          text-align: center;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          background: #00ccb1;
          color: #fff;
          font-weight: 900!important;
      }
      #flip i:first-of-type, #flip-circle i:first-of-type, #flip-reversed i:first-of-type, #flip-circle-reversed i:first-of-type {
        z-index: 100;
      }
      #flip i:last-of-type, #flip-circle i:last-of-type, #flip-reversed i:last-of-type, #flip-circle-reversed i:last-of-type {
        -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg);
        color: white;
        background: #55acee;
        border-color: #55acee;
      }
      
      #flip-circle i{
        border-radius: 100%;
      }
      #flip-circle-reversed i{
         border-radius: 100%;
      }
      
      .flip-container:hover #flip-reversed, .flip-container:hover #flip-circle-reversed {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
      }
      #flip-reversed i:last-of-type, #flip-circle-reversed i:last-of-type {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
      }
      .detail p{
      font-size: 10px;
      padding: 0;
      }
      
      /* --------------------------------
      
      xfilter
      
      -------------------------------- */
      .cd-filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        box-shadow: 4px 4px 20px transparent;
        z-index: 2;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
        -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
        transition: transform 0.3s, box-shadow 0.3s;
      }
      .cd-filter::before {
        /* top colored bar */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        background-color: #38526d;
        z-index: 2;
        border-top-left-radius: 5px;
          border-top-right-radius: 5px;
      }
      .cd-filter form {
        padding: 70px 20px;
      }
      .cd-filter .cd-close {
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
        line-height: 50px;
        width: 60px;
        color: #ffffff;
          text-align: center;
        background: #38526d;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        z-index: 3;
      }
      .no-touch .cd-filter .cd-close:hover {
        background: #666666;
      }
      .cd-filter.filter-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
      }
      .cd-filter.filter-is-visible .cd-close {
        opacity: 1;
      }
      @media only screen and (min-width: 1170px) {
        
        
      }
      
      .cd-filter-trigger {
        position: absolute;
        top:30px;
        left: 0;
        height: 50px;
        line-height: 50px;
        width: 60px;
        /* image replacement */
        overflow: hidden;
        text-indent: 100%;
        color: transparent;
        white-space: nowrap;
        background: transparent url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-filter.svg") no-repeat center center;
        z-index: 3;
      }
      .cd-filter-trigger.filter-is-visible {
        pointer-events: none;
      }
      @media only screen and (min-width: 1170px) {
        .cd-filter-trigger {
          width: auto;
          left: 2%;
          text-indent: 0;
          color: #fff;
          text-transform: uppercase;
                  padding-left: 24px;
          background-position: left center;
          -webkit-transition: color 0.3s;
          -moz-transition: color 0.3s;
          transition: color 0.3s;
        }
        .no-touch .cd-filter-trigger:hover {
          color: #f03d6c;
        }
        .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
          color: #ffffff;
        }
      }
      
      
      @-moz-document url-prefix() {
        /* hide custom arrow on Firefox - select element */
        .cd-filter-block .cd-select::after {
          display: none;
        }
      }
      .buttonlist {
        width: 15%;
        position: relative;
        border-radius: 4px;
        border: 2px solid white;
        padding: 10px 25px;
        color: #333;
        background: rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        transition: all .3s;
        display: inline-table;
        margin-left: 20px;
        margin-top: 10px;
        font-size: 12px;
      }
      .buttonlist:hover {
        -webkit-transform: scale(1.03);
                transform: scale(1.03);
        background: rgba(0, 0, 0, 0.13);
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
      }
      .buttonlist:active {
        -webkit-transform: scale(0.96);
                transform: scale(0.96);
      }
      .buttonlist:active .badge {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
      }
      
      
      .filtercheck{
        margin-top: 20px;
      }
        ::-webkit-scrollbar {
          width: 5px;
      }
      ::-webkit-scrollbar-thumb {
       /*   background: linear-gradient(to right, rgba(0, 104, 44,1), rgba(0, 104, 44,1));*/
      }
      ::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px grey;
          border-radius: 10px;
      }
       
      .panel-heading{
        background: #fff;
        padding-top: 10px;
            box-shadow: 0px 0px 30px 0px rgba(186,184,191,0.35);
      
      }
      
      .customerdetailsbtn{
        width:auto;
        float: right;
        margin-top: -2px;
        margin-right: 10px;
      }
    
      .customerdetails h4{
      padding-top: 8px;
      }
                 
      .nav-brand img{
        max-width: 100%;
      }
      .select {
        display:flex;
        flex-direction: column;
        position:relative;
        width:250px;
        height:40px;
      }
      
      .option {
        padding:0 30px 0 10px;
        min-height:40px;
        display:flex;
        align-items:center;
        background:#ccc;
        border-top:#bfbfbf solid 1px;
        position:absolute;
        top:0;
        width: 100%;
        pointer-events:none;
        order:2;
        z-index:1;
        transition:background .4s ease-in-out;
        box-sizing:border-box;
        overflow:hidden;
        white-space:nowrap;
        
      }
      
      .option:hover {
        background:#666;
        color: #fff;
      }
      
      .select:focus .option {
        position:relative;
        pointer-events:all;
      }
      
      .selectopt {
        opacity:0;
        position:absolute;
        left:-99999px;
      }
      
      .selectopt:checked + label {
        order: 1;
        z-index:2;
        background:#ccc;
        border-top:none;
        position:relative;
      }
      
      .selectopt:checked + label:after {
        content:'';
        width: 0; 
        height: 0; 
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid white;
        position:absolute;
        right:10px;
        top:calc(50% - 2.5px);
        pointer-events:none;
        z-index:3;
      }
      
      .selectopt:checked + label:before {
        position:absolute;
        right:0;
        height: 40px;
        width: 40px;
        content: '';
        background:#bfbfbf;
      }
      .option{
        margin-bottom: 0;
      }
      .cardheading{
        float: left;
        letter-spacing: .5px;
        font-weight: 700;
        font-size: 30px;
        color: #38526d;
        margin-bottom: 0;
        text-transform: capitalize;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      .cardsort{
        margin-top: 25px;
      }
      
      
      .option{
        margin-bottom: 0;
      }
      .cardsort{
        margin-top: 25px;
      }
      /**----End List Design----*/

#firstfilter{
  padding: 0;
}
.content {
    padding: 10px 10px;
}
.mobilestar{
  display: none;
}
#firstfilter{
  display: none;
}
@media screen and (max-width: 350px) and (min-width: 320px) {
    .product-box__inner{
    margin-top: 100px;
    }
    .timeline-item{
    padding-left: 0;
    position: initial;
    }

    .product__cred{
    margin: 0;
    }
    .product__cred ul{
    padding: 50px;
    }
    .pricing-plans{
    margin-top: 0;
    }
    .tooltip2{
    margin-left: 45px;
    margin-top: 0;
    }
    .listcenter{
    margin-left: 0;
    }

    .navflow{
    padding:0;
    }
    #myLink{
    display: none;
    }
    #rectangle2{
    width:90%;
    }
    .comparenewbtn{
    margin-top: 0;
    float: left;
    }
    .compare {
    margin-left: 30px;
    }
    .card--compare{
    margin-bottom: 10px;
    }
    .vertical-tab{
    display: block;
    }
    .featuresection{
    background-image: none;
    }
    .elicre{
    margin:0;
    }
    .creditcardproduct{
    width:33%;
    padding: 0;
    }
    .bs-title-desc h2{
    margin: 0;
    font-size: 22px;
    margin-bottom: 20px;
    }
    section {
    padding: 20px 0;
    }
    .mobilestar {
    display: block;
    margin-top: 8px;
    margin-left: 20px;
}
#fiterstarweb {
    display: none;
}
    .bankside{
    width: 33%;
    }
    .interestside{
    width: 33%;
    padding: 0;
    }
    #secondfilter {
    display: none;
    }
    .filterrightside {
    width: 33%;
    }
    #secondfilter {
    display: none;
    }
    .filterheading{
       width: 100%;
    display: inline-flex;
    }
    .filterstar{
    width: 70%;
    }
    .select{
    width:100%;
    }
    .customerdetailsbtn{
    margin-top: 2px;
    }
    .listing-rating{
      padding:0;
    } 
    .listcenter h4{
    font-size: 10px;
    }
    .listdata img{
    width: 25%;
    }
    #wordhead{
    font-size: 25px;
    }
    .navflow{
    font-size: 12px;
    }
    .navflowli:after{
    margin-top:-50px;
    }
    #howwork{
    display: none;
    }
    .card-title{
    font-size: 25px;
    }
    .timeline-img-header h2{
    font-size:25px;
    }
    button.learn-more .button-text{
    padding: .8rem 0;
    margin-left: 20px;
    }
    .cd-filter-content{
    width:113px;
    }
    .customerdetailsbtn{
   margin-top: 2px;
    }
    .listing-rating{
      padding:0;
    } 
    .cd-filter-content label {
    padding-left: 10px;
    font-size: 10px;
    }
    .flip-container{
    margin-right:-15px;
    }
    .content-over-img.img-2 {
    margin-left: 35px;
    }
    #filterdata{
    padding-left: 20px;
    }
    button.learn-more{
    margin-left: 50px;
    }
    #wordhead{
    margin-bottom: 0;
    }
    button.learn-more .circle .icon.arrow::before {
      position: absolute;
      content: '';
      right: 0.5rem;
      width: 12px;
      height: 12px;
      border-top: 0.125rem solid #fff;
      border-right: 0.125rem solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 2px;
      font-weight: 600;
    }
     .intro-footer-area{
      display: none;
      }
 .footer-bg{
  background-image: none;
}
.footer-bg:after{
  background-color: transparent;
}
.siteArea{
  display: none;
} 
.footer-area{
display: none;
}
 }
 @media screen and (max-width: 375px) and (min-width: 360px) {
 
    .product-box__inner{
    margin-top: 100px;
    }
    .timeline-item{
    padding-left: 0;
    position: initial;
    }
    .product__cred{
    margin: 0;
    }
    .product__cred ul{
    padding: 50px;
    }
    .pricing-plans{
    margin-top: 0;
    }
   .tooltip2{
    margin-left: 45px;
    margin-top: 0;
    }
    .listcenter{
    margin-left: 0;
    }
    .navflow{
    padding:0;
    }
    #myLink{
    display: none;
    }
    #rectangle2{
    width:90%;
    }
    .comparenewbtn{
    margin-top: 0;
    float: left;
    }
    .compare {
    margin-left: 30px;
    }
    .card--compare{
    margin-bottom: 10px;
    }
    .vertical-tab{
    display: block;
    }
    .featuresection{
    background-image: none;
    }
    .elicre{
    margin:0;
    }
    .creditcardproduct{
    width:33%;
    padding: 0;
    }
    .bs-title-desc h2{
    margin: 0;
    font-size: 22px;
    margin-bottom: 20px;
    }
    section {
    padding: 20px 0;
    }
    .mobilestar {
    display: block;
    margin-top: 8px;
    margin-left: 20px;
}
#fiterstarweb {
    display: none;
}
    .bankside{
    width: 33%;
    }
    .interestside{
    width: 33%;
    padding: 0;
    }
    .filterrightside {
    width: 33%;
    }
    #secondfilter {
    display: none;
    }
    .filterheading{
        width: 100%;
    display: inline-flex;
    }
    .filterstar{
    width: 70%;
    }
    .select{
    width:100%;
    }
    .customerdetailsbtn{
    margin-top: 2px;
    }
    .listing-rating{
      padding:0;
    } 
    .listcenter h4{
    font-size: 10px;
    }
    .listdata img{
    width: 25%;
    }
    #wordhead{
    font-size: 25px;
    }
    .navflow{
    font-size: 12px;
    }
    .navflowli:after{
    margin-top:-50px;
    }
    #howwork{
    display: none;
    }
    .card-title{
    font-size: 25px;
    }
    .timeline-img-header h2{
    font-size:25px;
    }
    .cd-filter-content{
    width:140px;
    }
    .customerdetailsbtn{
   margin-top: 2px;
    }
    .listing-rating{
      padding:0;
    } 
    .cd-filter-content label {
    padding-left: 10px;
    font-size: 10px;
    }
    .flip-container{
    margin-right:-15px;
    }
    .content-over-img.img-2 {
    margin-left: 35px;
    }
    #filterdata{
    padding-left: 20px;
    }
    button.learn-more{
    margin-left: 70px;
    }
    #wordhead{
    margin-bottom: 0;
    }
    button.learn-more .circle .icon.arrow::before {
      position: absolute;
      content: '';
      right: 0.5rem;
      width: 12px;
      height: 12px;
      border-top: 0.125rem solid #fff;
      border-right: 0.125rem solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 2px;
      font-weight: 600;
    }
     .intro-footer-area{
      display: none;
      }
 .footer-bg{
  background-image: none;
}
.footer-bg:after{
  background-color: transparent;
}
.siteArea{
  display: none;
} 
.footer-area{
display: none;
}
}
 @media screen and (max-width: 414px) and (min-width: 376px) {
    .product-box__inner{
    margin-top: 100px;
    }
    .vertical-tab{
    display: block;
    }
    .timeline-item{
    padding-left: 0;
    position: initial;
    }
    .product__cred{
    margin: 0;
    }
    .product__cred ul{
    padding: 50px;
    }
    .pricing-plans{
    margin-top: 0;
    }
    .tooltip2{
    margin-left: 45px;
    margin-top: 0;
    }
    .listcenter{
    margin-left:0;
    }
    .navflow{
    padding:0;
    }
    #myLink{
    display: none;
    }
    #rectangle2{
    width:90%;
    }
    .comparenewbtn{
    margin-top: 0;
    float: left;
    }
    .compare {
    margin-left: 30px;
    }
    .card--compare{
    margin-bottom: 10px;
    }
    .featuresection{
    background-image: none;
    }
    .elicre{
    margin:0;
    }
    .creditcardproduct{
    width:33%;
    padding: 0;
    }
    .bs-title-desc h2{
    margin: 0;
    font-size: 22px;
    margin-bottom: 20px;
    }
    section {
    padding: 20px 0;
    }
    .mobilestar {
    display: block;
    margin-top: 8px;
    margin-left: 20px;
}
#fiterstarweb {
    display: none;
}
    .bankside{
    width: 33%;
    }
    .interestside{
    width: 33%;
    padding: 0;
    }
    .filterrightside {
    width: 33%;
    }
#secondfilter {
    display: none;
    }
    .filterheading{
       width: 100%;
    display: inline-flex;
    }
    .filterstar{
    width: 70%;
    }
    .select{
    width:100%;
    }
    .customerdetailsbtn{
  margin-top: 2px;
    }
    .listing-rating{
      padding:0;
    } 
    .listcenter h4{
    font-size: 10px;
    }
    .listdata img{
    width: 25%;
    }
    #wordhead{
    font-size: 25px;
    }
    .navflow{
    font-size: 12px;
    }
    .navflowli:after{
    margin-top:-50px;
    }
    #howwork{
    display: none;
    }
    .card-title{
    font-size: 25px;
    }
    .timeline-img-header h2{
    font-size:25px;
    }
    .cd-filter-content{
    width:140px;
    }
    .customerdetailsbtn{
   margin-top: 2px;
    }
    .listing-rating{
      padding:0;
    } 
    .cd-filter-content label {
    padding-left: 10px;
    font-size: 10px;
    }
    .flip-container{
    margin-right:-15px;
    }
    .content-over-img.img-2 {
    margin-left: 35px;
    }
  
    button.learn-more{
    margin-left: 50px;
    }
    #wordhead{
    margin-bottom: 0;
    }
  button.learn-more .circle .icon.arrow::before {
      position: absolute;
      content: '';
      right: 0.5rem;
      width: 12px;
      height: 12px;
      border-top: 0.125rem solid #fff;
      border-right: 0.125rem solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 2px;
      font-weight: 600;
  }
   .intro-footer-area{
      display: none;
      }
 .footer-bg{
  background-image: none;
}
.footer-bg:after{
  background-color: transparent;
}
.siteArea{
  display: none;
} 
.footer-area{
display: none;
}
}
 @media screen and (max-width: 1030px) and (min-width: 1000px) {
 
 }

 .floaw-chartsec{
  position: relative;
    left: 50%;
    transform: translate(-50%, 10px);
 }

.welocmeoffer {
    padding: 10px;
    padding-left: 14px;
    box-shadow: 0px 0px 7px grey;
}
 .mostcredit{
      margin-top: 41px;
}
.mostcredits{
  margin-top: 20px; 
}

.abuutsec {
background-color: #edf8fb;
    padding: 30px;
    border-right: 9px solid #2980b9;
}

.abuutsecs {
    background: #ffffff;
    padding: 30px;
    border-left: 10px solid #2980b9;
}

.xs-header.header-style2 .xs-menus .nav-menu>li>a:hover {
    color: #fbb257;
}
.nav-menu>li>a {
    height: 100%;
    padding: 21px 3px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: color .3s,background .3s;
    transition: color .3s,background .3s;
}
.nav-menus-wrapper .nav-menu {
    padding-right: 0px;
}
.creditscoreimg{
  margin-top: -20px;
    width: 100%;
}
.xs-menus .nav-menu>li>a {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.align-to-right {
    float: right;
}
.xs-header.header-style2 .xs-menus .nav-menu>li:not(:last-child) {
    margin-right: 25px;
}


.crdititem {
    height: 218px;
    border-radius:16px;
    background: #2980b9;
}

.personlitem {
    border-radius: 16px;
    width: 143px;
    background: #a3c392;
}

.homeloanitem{
  border-radius: 16px;
    width: 143px;
    background: #fb4234;
}

.dematitem{
    border-radius: 16px;
    width: 143px;
    background: #b3dcff;
}
.insurnaceitem {
    border-radius: 16px;
    width: 143px;
    background: #ffe8b3;
}

.ifscitem{
border-radius: 16px;
    width: 143px;
    background: #eb1165;
}

.savingitem{
     border-radius: 16px;
    width: 143px;
    background: #2980b9;
}
.afterproduct {
    display: block!important;
    margin-top: 17px;
}
.itemnewclass {
    margin-top: 9px;
}

.payatention{
      font-size: 21px;
    text-transform: capitalize;
}
.abuutsecss {
    background-color:white;
    padding: 30px;
    border-left: 9px solid #2980b9;
}
.abuutsecsss {
    background-color:white;
    padding: 30px;
    border-right: 9px solid #2980b9;
}

.abuutseces{
  background-color:#edf8fb;
    padding: 30px;
    border-left: 9px solid #2980b9;
}
.personlloanrow {
    position: relative;
    left: 50%;
    transform: translate(-44%, -74%);
}

.creditcrdsec {
    margin-top: 72px;
}
.bnaersec {
    position: relative;
    left: 50%;
    transform: translate(-39%, 10px);
}

.imgsec{
  width: 47%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 10px);
}

.crdtext {
    margin-top: 34px;
}
.crdtexts{
      margin-top: 49px;
    margin-left: 21px;
}




.cheknowbtn{
      padding: 10px 20px;
    background: #2980b9;
    color: white;
    border-radius: 7px;

}

.firstrow {
    background:#edf8fb;
    margin-top: 20px;
}
.crdhed{
  font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #2980b9;"
}
.secondrow{
  background-color:white;
}
.bannerslider {
    margin-top: 0px;
    margin-bottom: 30px;
}
.home-loan{
  width: 80%;
    margin-left: 21px;
}
.firstulli{
  margin-left: 60px;
}
.productimage{width:390px;}

.productimages{
  position: relative;
    left: 50%;
    transform: translate(-50%, 30px);
}

/**********************teb css start***************/

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link.active {
    border: none;
    padding: 18px 25px;
    color: #fff;
    background: #2980b9;
    border-radius: 0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

.aplynowbtn {
    background: #2980b9;
    padding: 9px 19px;
    border-radius: 9px;
    color: white;
    font-size: 13px;
    position: relative;
    left: 15%;
}

.aplynowbtn:hover{
  background: red;
  color: white;
}