body {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-family: "Roboto", sans-serif; }

@font-face {
  src: url("./font/Roboto-Regular.ttf");
  font-family: "Roboto";
  font-weight: 400; }
@font-face {
  src: url("./font/Montserrat-Bold.ttf");
  font-family: "Montserrat";
  font-weight: 700; }
@font-face {
  src: url("./font/Montserrat-Medium.ttf");
  font-family: "Montserrat";
  font-weight: 500; }
@font-face {
  src: url("./font/Montserrat-Black.ttf");
  font-family: "Montserrat";
  font-weight: 900; }
@font-face {
  src: url("./font/Signika-Bold.ttf");
  font-family: "Signika";
  font-weight: 900; }
.custom-btn {
  padding: 5px 25px;
  border: 1px solid #0f2d53;
  background-color: #0f2d53;
  color: #fff !important;
  font-size: 14px;
  border-radius: 2px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; }

.how-work h2, .home-service h2, .contact-us h2, .testimonial h2, .inner-banner h2 {
  color: #0f2d53;
  font-weight: 700; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%; }

.topNav {
  background-color: #0f2d53; }
  .topNav .nav-item {
    padding: 0  30px;
    margin-bottom: 0; }
    .topNav .nav-item .nav-link {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 15px;
      color: #fff;
      margin-bottom: 0;
      padding: 4px; }

.navigation {
  z-index: 55;
  background-color: #fff;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4); }
  .navigation a i {
    color: #1a1a1a; }
  .navigation a h1 {
    font-weight: 700;
    letter-spacing: 1px;
    color: #0f2d53;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
  .navigation .navbar-nav .nav-item {
    padding: 0  30px; }
    .navigation .navbar-nav .nav-item .nav-link {
      color: #1a1a1a; }
    .navigation .navbar-nav .nav-item:hover .nav-link {
      color: #0f2d53; }

@media (min-width: 992px) {
  .slider, .slide {
    min-height: 100%; } }

.slide {
  position: relative; }
  .slide .slide__img {
    width: 100%;
    height: auto;
    overflow: hidden; }
    .slide .slide__img img {
      width: 100%;
      max-width: 100%;
      height: auto;
      opacity: 1 !important;
      animation-duration: 3s;
      transition: all 1s ease; }
  .slide .slide__content {
    position: absolute;
    top: 50%;
    z-index: 22;
    width: 100%;
    text-align: center;
    transform: translate(0%, -50%); }
    .slide .slide__content--headings {
      text-align: center;
      color: #FFF; }
      .slide .slide__content--headings p {
        padding: 0 100px; }
      .slide .slide__content--headings h2 {
        font-size: 3rem;
        margin: 10px 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-shadow: 1px 1px 3px #000; }
        .slide .slide__content--headings h2 span {
          color: #fbe7ae; }
      .slide .slide__content--headings .animated {
        transition: all .5s ease; }

.slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      display: block;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      transition: all .3s ease; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px; }
  .simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px; }
    .simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
      opacity: 1; }
  .simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75; }

.stick-dots .slick-dots li {
  height: 3px;
  width: 50px; }
  .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 50px;
    height: 3px;
    padding: 0; }
    .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
      opacity: 1; }
  .stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75; }
    .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
      opacity: 1; }

/* /////////// IMAGE ZOOM /////////// */
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1); }
  to {
    transform: scale3d(1.1, 1.1, 1.1); } }
.zoomInImage {
  animation-name: zoomInImage; }

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    transform: scale3d(1, 1, 1); } }
.zoomOutImage {
  animation-name: zoomOutImage; }

.home-service .service-img {
  background: url("../img/home-service.jpg") center right;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%; }
.home-service .card {
  text-align: center;
  border: none;
  overflow: hidden;
  margin-bottom: 1rem;
  margin-left: 8px;
  margin-right: 8px;
  box-shadow: 0 0 8px rgba(36, 36, 36, 0.2); }
  .home-service .card h4 {
    font-weight: 600;
    color: #1a1a1a; }
  .home-service .card a {
    color: #0f2d53;
    font-weight: 700;
    border-bottom: 2px solid #0f2d53; }
  .home-service .card .card-body {
    min-height: 84px;
    padding: 1.25rem 1rem 1rem; }

.how-work .card {
  border-radius: 0; }
  .how-work .card .card-body {
    position: relative;
    padding-top: 50px; }
    .how-work .card .card-body h3 {
      font-weight: 700;
      font-size: 1.5rem; }
    .how-work .card .card-body .number {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -25px;
      background-color: #fff;
      height: 50px;
      width: 50px;
      border-radius: 50%;
      padding-top: 12px;
      color: #0f2d53;
      margin: auto;
      text-align: center;
      border: 1px solid #0f2d53; }
      .how-work .card .card-body .number h4 {
        font-size: 1.25rem;
        font-weight: 700; }

.why-choose {
  background: url("../img/bg-img.jpg") top center no-repeat;
  background-size: cover;
  color: #fff; }
  .why-choose .card {
    border: none;
    background-color: transparent; }
    .why-choose .card .icon i {
      font-size: 1.75rem; }
    .why-choose .card .card-body h4 {
      margin-bottom: 1rem; }

.contact-us .card {
  height: 100%;
  border-radius: 0;
  padding-top: 30px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); }
  .contact-us .card .icon {
    font-size: 32px;
    color: #0f2d53; }

.testimonial .client-slider {
  width: 100%; }
  .testimonial .client-slider .testiminial-card {
    text-align: center; }
    .testimonial .client-slider .testiminial-card .client-img {
      text-align: center; }
      .testimonial .client-slider .testiminial-card .client-img img {
        margin: auto; }
    .testimonial .client-slider .testiminial-card h6 {
      color: #0f2d53;
      font-weight: 700; }
    .testimonial .client-slider .testiminial-card .loan-type {
      color: #666; }
  .testimonial .client-slider .slick-arrow {
    display: none !important; }

.inner-banner {
  background: url("../img/home-banner.jpg") no-repeat top center;
  background-size: cover;
  height: 250px; }
  .inner-banner h2 {
    margin-bottom: 0; }
  .inner-banner .bg-white {
    border-radius: 2px; }

.about-us {
  background: url("../img/about-page.jpg") no-repeat top center;
  background-size: cover;
  height: 250px; }

.loans {
  background-color: #f4f6f8; }
  .loans p {
    text-align: justify; }
  .loans h4 {
    font-weight: 600; }

.about, .counter, .about-contact {
  background-color: #f4f6f8; }

.counter i, .counter h3 {
  color: #0f2d53; }
.counter .icon {
  margin-bottom: 1rem; }
  .counter .icon i {
    font-size: 2.5rem; }
.counter ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }
  .counter ul i {
    font-size: 1.5rem; }
.counter h3 {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0; }
.counter p {
  font-weight: 700;
  color: #777b82;
  font-size: 14px; }

.contact-page h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 16px; }
.contact-page .message-box {
  padding: 0px 30px 15px;
  background: #fff; }
  .contact-page .message-box .custom-btn {
    padding: 5px 32px; }
  .contact-page .message-box input, .contact-page .message-box textarea, .contact-page .message-box select {
    box-shadow: none !important;
    border: 1px solid #dbdbdbb0;
    border-radius: 2px;
    font-size: 14px; }

.footer {
  background: #0f2d53; }
  .footer img {
    height: 60px;
    margin-bottom: 0.5rem; }
  .footer .navbar-brand i {
    font-size: 1.75rem; }
  .footer h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; }
  .footer a {
    text-decoration: none;
    position: relative;
    left: 0;
    transition: 0.5s left ease; }
    .footer a:hover {
      transition: 0.5s left ease;
      left: 10px;
      color: #fff; }
  .footer p, .footer a, .footer h6 {
    color: #f6f6f6; }
  .footer p {
    font-size: 14px; }
  .footer h6 {
    font-weight: 600;
    font-size: 1.25rem; }
  .footer h6 {
    margin-bottom: 1.5rem; }
  .footer address {
    color: #fff;
    margin-bottom: 0rem; }
  .footer ul {
    padding-left: 1rem;
    list-style: square; }
    .footer ul li {
      color: #f6f6f6;
      font-size: 14px;
      margin-bottom: 0.5rem; }
  .footer .contact {
    margin-bottom: 1rem; }
    .footer .contact i {
      color: #f6f6f6;
      margin-right: 12px; }
  .footer .social {
    list-style: none; }
    .footer .social a {
      display: inline-block;
      padding: 0 6px; }
      .footer .social a i {
        color: #f6f6f6;
        font-size: 24px; }

@media screen and (max-width: 991px) {
  .slide {
    height: 500px; }
    .slide img {
      display: none; }
    .slide .img1 {
      background: url("../img/home-banner.jpg") top center no-repeat;
      background-size: cover;
      height: 500px; }
    .slide .img2 {
      background: url("../img/home-banner3.jpg") top center no-repeat;
      background-size: cover;
      height: 500px; }
    .slide .img3 {
      background: url("../img/home-banner2.jpg") top center no-repeat;
      background-size: cover;
      height: 500px; } }
@media screen and (max-width: 767px) {
  .contact-page .message-box {
    padding: 0px 0px 15px; }

  .footer .social {
    display: flex;
    display: -ms-flex; }
    .footer .social li {
      padding-right: 10px; } }
@media screen and (max-width: 575px) {
  .navigation a h1 {
    font-size: 2rem; }

  .how-work h2, .home-service h2, .contact-us h2, .testimonial h2 {
    font-size: 1.75rem; }

  .slide .slide__content--headings p {
    padding: 0; }
  .slide .slide__content--headings h2 {
    font-size: 2rem; } }

/*# sourceMappingURL=main.css.map */