* {
  font-family: 'Poppins', sans-serif; }

body::-webkit-scrollbar {
  width: 6px;
  height: 3px; }

body::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 2px; }

.navbar-brand {
  color: #fff !important; }

.navbar-light .navbar-toggler {
  background: #fff; }

.navbar-nav .nav-link {
  color: #ddd !important; }

.navbar-nav .nav-link:hover {
  color: #bbb !important; }

body .container {
  width: 100% !important; }
  body .container .row {
    -webkit-box-shadow: 0px 5px 10px grey !important;
    box-shadow: 0px 5px 10px grey !important; }
  body .container .loanHeader {
    background: purple;
    color: #fff;
    margin-top: 0px;
    -webkit-box-shadow: 0px 4px 10px black !important;
    box-shadow: 0px 4px 10px black !important;
    z-index: 10; }
    body .container .loanHeader h2 {
      font-size: 30px;
      padding-top: 20px; }
    body .container .loanHeader .text-muted {
      color: #fff !important; }
  body .container .loanBody {
    background: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    body .container .loanBody .row {
      border: none;
      -webkit-box-shadow: 0px 0px 0px #fff !important;
      box-shadow: 0px 0px 0px #fff !important;
      width: 100%;
      margin: 0px;
      max-width: 100%; }
      body .container .loanBody .row .card {
        width: 90% !important;
        margin-top: 60px;
         max-width: 90%;
        min-width: 90%;
        -webkit-box-shadow: 0px 2px 10px lightgrey;
        box-shadow: 0px 2px 10px lightgrey;
        margin-bottom: 60px;
        border: none; }
        body .container .loanBody .row .card .card-header {
          background: purple;
          color: #fff;
          padding: 15px;
          font-size: 30px;
          font-weight: bold;
          text-transform: uppercase; }
        body .container .loanBody .row .card .card-block {
          padding-left: 40px;
          padding-right: 80px;
          padding-bottom: 60px; }
          body .container .loanBody .row .card .card-block form .form-group label {
            color: purple;
            font-weight: bold; }
          body .container .loanBody .row .card .card-block form .form-group input.form-control, body .container .loanBody .row .card .card-block form .form-group select {
            border: none;
            -webkit-box-shadow: 0px 0px 8px lightgrey;
            box-shadow: 0px 0px 8px lightgrey;
            border-radius: 20px;
            height: 40px;
            color: black;
            font-family: Poppins, sans-serif; }
          body .container .loanBody .row .card .card-block form input.btn {
            background: #9f0a9f;
            color: #fff;
            font-family: Poppins, sans-serif;
            border-radius: 20px;
            margin-top: 10px; }
          body .container .loanBody .row .card .card-block form button.btn {
            background: #9f0a9f !important;
            color: #fff !important;
            font-family: Poppins, sans-serif !important;
            border-radius: 20px;
            margin-top: 10px; }
          body .container .loanBody .row .card .card-block form input.btn:hover {
            color: #fff;
            background: #4d004d; }
          body .container .loanBody .row .card .card-block form button.btn:hover {
            color: #fff;
            background: #4d004d; }
          body .container .loanBody .row .card .card-block textarea {
            width: 100%; }
      body .container .loanBody .row .cardBody.pricing {
        padding: 50px; }
        body .container .loanBody .row .cardBody.pricing .text-center {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          margin: auto;
          padding: 60px 40px; }
          body .container .loanBody .row .cardBody.pricing .text-center a {
            text-decoration: none; }
          body .container .loanBody .row .cardBody.pricing .text-center .card.price {
            width: 300px !important;
            min-width: 250px!important;
            margin: auto;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s; }
            body .container .loanBody .row .cardBody.pricing .text-center .card.price img {
              width: 100%;
              height: 200px;
              margin: auto; }
            body .container .loanBody .row .cardBody.pricing .text-center .card.price .card-body {
              padding: 25px 20px; }
              body .container .loanBody .row .cardBody.pricing .text-center .card.price .card-body h3 {
                font-size: 20px;
                font-weight: bold; }
              body .container .loanBody .row .cardBody.pricing .text-center .card.price .card-body p {
                color: green; }
          body .container .loanBody .row .cardBody.pricing .text-center .card.price:hover {
            -webkit-transform: scale(1.005);
            -ms-transform: scale(1.005);
            transform: scale(1.005);
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            -webkit-box-shadow: 0px 4px 20px grey;
            box-shadow: 0px 4px 20px grey; }
  body .container .loanMenu {
    background: #111 !important; }
    body .container .loanMenu ul.nav {
      width: 100%;
      margin-right: 0px; }
      body .container .loanMenu ul.nav li.nav-item a#menuHome {
        background-color: inherit !important; }
      body .container .loanMenu ul.nav li.nav-item a {
        color: #fff; }
      body .container .loanMenu ul.nav li.nav-item a:hover {
        background: #222; }
      body .container .loanMenu ul.nav li.nav-item a#menuHome:hover {
        background: #222 !important; }
  body .container .loanFooter {
    background: #000;
    margin-top: 0px;
    padding: 100px 30px; }
    body .container .loanFooter footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      body .container .loanFooter footer p {
        color: #fff;
        font-size: 12px;
        max-width: 20%; }

@media screen and (max-width: 1080px) {
  body .container .loanBody .row .cardBody.pricing {
    width: 98% !important;
    min-width: 98% !important; }
    body .container .loanBody .row .cardBody.pricing .text-center {
      padding-left: 10px !important;
      padding-right: 10px !important; } }

@media screen and (max-width: 880px) {
  body .container .loanBody .row .card .card-block {
    padding-right: 40px; }
  body .container .loanBody .row .cardBody.pricing .text-center .card.price {
    width: 255px !important;
    min-width: 235 !important; }
    body .container .loanBody .row .cardBody.pricing .text-center .card.price img {
      width: 70%;
      margin: auto;
      height: 150px; } }

@media screen and (max-width: 800px) {
  body .container .loanBody .row .cardBody.pricing .text-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    body .container .loanBody .row .cardBody.pricing .text-center .card.price {
      margin-bottom: 20px; } }

@media screen and (max-width: 700px) {
  body .container .loanBody .row .card .card-block {
    padding-left: 20px;
    padding-right: 20px; }
    body .container .loanBody .row .card .card-block p {
      font-size: 12px; }
  body .container .loanBody {
    padding-left: 0px;
    padding-right: 0px; }
  body .container .loanBody .row .card {
    width: 95 !important; }
  body .container .loanFooter {
    padding-top: 30px; }
    body .container .loanFooter footer {
      display: block; }
      body .container .loanFooter footer p {
        width: 100%;
        max-width: 100%;
        padding-bottom: 20px; }
  body .container .loanBody .row .card .card-header {
    font-size: 15px; }
    body .container .loanBody .row .card .card-header h5 {
      font-size: 13px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-weight: normal; }
  body .container .loanBody .row .card .card-block form .form-group label {
    font-weight: normal; } }