/*
Theme Name: Fintrex Finance V2
Author: Kites Global (D)
Description: Bootstrap WordPress theme for Fintrex Finance
Version: 1.0
*/

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
  --main-purple: #6d4993;
  --main-purple-hover: #7946af;
  --main-green: #77c050;
}

body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-theme1 {
  border-radius: 1rem;
  background-color: var(--main-green);
  color: #fff;
  font-size: 0.8rem;
  padding: 0.3rem 1.5rem;
}

.btn-theme1:hover {
  border-radius: 1rem;
  background-color: #84d459;
  color: #fff;
}

.btn-theme2 {
  border-radius: 0.8rem;
  background-color: var(--main-green);
  color: #fff;
  font-size: 0.9rem;
  padding: 0.5rem 2rem;
}

.btn-theme2:hover {
  background-color: #84d459;
  color: #fff;
}

.btn-theme3 {
  border-radius: 0.8rem;
  background-color: var(--main-purple);
  color: #fff;
  font-size: 0.9rem;
  padding: 0.5rem 2rem;
}

.btn-theme4 {
  border-radius: 0;
  border: 1px solid #e6e6e6;
}

.btn-theme5 {
  border-radius: 0.8rem;
  background-color: #000;

  color: #fff;
  font-size: 0.9rem;
  padding: 0.5rem 2rem;
}

.btn-theme5:hover {
  background-color: #3c3c3c;
  color: #fff;
}

.btn-theme4:hover {
  background-color: #f2f2f2;
}

.btn-theme3:hover {
  background-color: #553972;
  color: #fff;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

.hide-mob {
  display: none !important;
}

.special-offers {
  background-color: var(--main-purple);
  border: none;
  color: white;
  padding: 0.5rem;
  border-radius: 0.8rem 0 0 0.8rem;
  display: flex;
  gap: 5px;
  position: fixed;
  z-index: 2000;
  right: 0;
  justify-content: center;
  align-items: center;
  transition: 0.3s all ease-out;
  text-decoration: none;

  top: 30%;

  span {
    font-weight: 700;
    display: none;
  }
}
.special-offers:hover {
  background-color: var(--main-purple-hover);
  transition: 0.3s all ease-in;
}

.whatsapp-button {
  display: flex;
  position: fixed;
  z-index: 2000;
  right: 30px;
  bottom: 1.8rem;
}

header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1038;
  background-color: var(--main-purple);

  .top-nav {
    display: flex;
    justify-content: end;
    position: relative;
    z-index: 5;
    margin-right: 0.5rem;
    .lang {
      margin-top: 0.5rem;
      .menu-lang-menu-container {
        background-color: var(--main-purple);
        color: #fff;
        border: none;
        margin-right: 0.5rem;
        /* padding: 0.2rem 1rem; */

        .btn {
          color: #fff;
          font-size: 13px;
        }
      }
    }

    .socialies {
      margin-left: 0.5rem;
      margin-top: 0.5rem;
      display: flex;
      align-items: center;

      a {
        color: #000;
        text-decoration: none;
        padding: 0 0.2rem;
        font-size: 1.2rem;

        i {
          background-color: white;
          border-radius: 50%;
          padding: 0.3rem 0.3rem;
          transition: 0.3s all ease-in-out;
        }

        /* .bxl-instagram {
          font-size: 1.6rem;
        }

        .bxl-youtube {
          font-size: 1.7rem;
        } */
      }
    }
  }

  .main-nav {
    /* margin-top: -2%; */
    background-color: var(--main-purple);
    transition: all ease 500ms;

    .navbar-brand {
      width: 25%;
      margin-top: -2.5rem;
    }

    .navbar-toggler {
      border: 0px solid transparent;
    }

    .navbar-toggler:focus {
      box-shadow: none;
    }

    .navbar-nav {
      .nav-item {
        .nav-link {
          color: #fff;
          text-transform: uppercase;
          font-size: 0.9rem;
        }

        .nav-link.active {
          color: var(--main-green);
        }

        .dropdown-item.active {
          background-color: var(--main-green);
        }
      }

      .current-post-parent {
        .nav-link {
          color: var(--main-green);
        }
      }
    }
  }
}

.hero-sec {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0) 80%,
    rgba(109, 73, 147, 1) 80%
  );

  .hero {
    /* margin-top: -2.5rem; */
    border-radius: 3rem;
    position: relative;
    z-index: 1030;

    .hero-owlcarousel {
      .owl-item {
        border-radius: 3rem;
        overflow: hidden;
        position: relative;

        .slide-title {
          position: absolute;
          top: 40%;
          width: 100%;

          .title-txt-cont {
            width: 80%;
            margin: auto;
            text-align: center;

            h3 {
              color: var(--main-purple);
              font-size: 3rem;
              text-transform: uppercase;
              line-height: 3rem;
              font-weight: 600;

              span {
                color: #4f4f4f !important;
                font-weight: 400;
              }
            }
          }
        }
      }

      .owl-nav {
        position: absolute;
        top: 40%;
        width: 100%;

        .owl-next,
        .owl-prev {
          position: absolute;
          color: #f8961d;
          font-size: 4rem;
        }

        .owl-prev {
          left: 1.5rem;
        }

        .owl-next {
          right: 1.5rem;
        }
      }
    }
  }
}

.aboutus-sec {
  position: relative;
  background-image: url(img/about-us-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 0 0 3rem 3rem;
  margin-top: 0rem;
  padding-top: 5%;

  .search-sec {
    z-index: 1032;
    width: 100%;

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
      color: #fff;
      background-color: var(--main-green);
      border-color: var(--main-green);
    }

    .nav-tabs {
      border-bottom: 0;

      .nav-link {
        background-color: #fff;
        margin: 0 0.3rem;
        color: #000;
        padding: 0.8rem 2rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        text-transform: uppercase;
        font-size: 0.8rem;

        i {
          font-size: 1.5rem;
        }
      }
    }

    .tab-content {
      min-height: 100px;
      background-color: var(--main-green);
      border-color: var(--main-green);
      padding: 2rem;
      border-radius: 2rem;

      #new-customer-tab-pane {
        .col-form-label {
          color: #fff;
          font-weight: 600;
          font-size: 1.1rem;
        }

        .btn-search {
          background-color: var(--main-purple);
          color: #fff;
          transition: all ease 500ms;
          border-radius: 0 2rem 2rem 0;
        }

        .btn-search:hover {
          background-color: #5e3f80;
        }

        .form-select {
          border-radius: 2rem;
        }
      }

      #get-quate-tab-pane {
        .get-quate-cont {
          align-items: center;
          justify-content: center;

          .tab-cont-title {
            color: #fff;
            font-weight: 600;
            font-size: 1.1rem;
          }

          .get-quate-itm-cont {
            a {
              text-decoration: none;
            }

            .get-quate-itm {
              border: 1px solid #ffffffc0;
              border-radius: 0.5rem;
              padding: 0.8rem;
              font-size: 0.85rem;
              color: #706c7f;
              text-decoration: none;
              text-align: center;
              transition: all ease 500ms;

              img {
                margin-bottom: 0.5rem;
                opacity: 0.7;
                transition: all ease 500ms;
              }

              small {
                display: block;
                font-weight: 600;
              }
            }

            .get-quate-itm:hover {
              border: 1px solid #fff;
              color: var(--main-purple);

              img {
                opacity: 1;
              }
            }
          }
        }
      }
    }

    .search-shadow {
      margin-top: -1rem;
    }

    #nearest-branch-tab-pane {
      .branch-single {
        background-color: #fff;
        border-radius: 1rem;
        margin-top: 0.5rem;
        overflow: hidden;

        .branch-single-info-cont {
          padding-left: 0;
          padding-right: 0;
          display: flex;
          align-items: center;

          .branch-single-info {
            padding: 1rem;

            .icon-cont {
              display: flex;
              gap: 1rem;
              justify-content: start;
              align-items: start;

              i {
                color: var(--main-purple);
                font-size: 24px;
                height: fit-content;
              }
            }

            h5 {
              color: var(--main-purple);
              text-transform: uppercase;
            }
          }
        }

        .map-cont {
          padding-left: 0;
          padding-right: 0;
        }
      }
    }
  }

  .about-info-cont {
    .about-info {
      padding: 20% 1rem 50% 1rem;

      h2 {
        text-transform: uppercase;
        color: var(--main-purple);
        font-size: 2.5rem;
        font-weight: 400;

        span {
          font-weight: 700;
        }
      }

      p {
        color: #4f4f4f;
      }

      a {
        color: var(--main-green);
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 600;
      }
    }
  }
}

.our-products {
  margin-top: 0rem;
  background-image: url(img/our-products-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 10rem 0 3rem 0;

  .container {
    position: relative;
  }

  h2 {
    text-transform: uppercase;
    color: var(--main-purple);
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    margin-left: 0;

    span {
      font-weight: 700;
    }
  }

  .video-cont {
    margin-bottom: 2rem;

    .video-itm-cont {
      position: relative;

      .ply-btn {
        position: absolute;
        top: 32%;
        width: 100%;
        text-align: center;

        .bi-play-circle-fill {
          color: #32bea6;
          font-size: 4rem;
          transition: all ease 500ms;
        }
      }
    }

    .video-itm-cont:hover {
      .ply-btn {
        .bi-play-circle-fill {
          font-size: 6rem;
          color: #77c050;
        }
      }
    }
  }

  .our-products-owlcarousel {
    a {
      text-decoration: none;
    }

    .our-pro-itm {
      text-align: center;
      text-transform: uppercase;

      .our-pro-img-cont {
        position: relative;
        border-radius: 1rem;
        overflow: hidden;
        margin-bottom: 1rem;

        span {
          position: absolute;
          right: 0.5rem;
          bottom: 0.5rem;
        }
      }

      h5 {
        color: #000;
        font-size: 1rem;
      }
    }

    .owl-nav {
      position: absolute;
      top: 20%;
      width: 100%;

      .owl-next,
      .owl-prev {
        position: absolute;
        color: #f8961d;
        font-size: 4rem;
      }

      .owl-prev {
        left: -3.5rem;
      }

      .owl-next {
        right: -3.5rem;
      }
    }
  }
}

.features-benefits-sec {
  background-image: url(img/features-benefits-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 3rem 0;

  h2 {
    text-transform: uppercase;
    color: var(--main-purple);
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 1rem;
    text-align: center;

    span {
      font-weight: 700;
    }
  }

  .nav-tabs {
    border-bottom: 0;

    .nav-link {
      text-align: center;
      padding: 0;
      margin: 0 0.3rem;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      color: #838383;

      .icon-box {
        background-color: #fff;
        border-radius: 1rem;
        margin-bottom: 0;
        padding: 0.7rem;

        img {
          filter: brightness(0%);
          width: 20px;
        }
      }
    }
  }

  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--main-purple);
    border-color: var(--main-purple);

    .icon-box {
      background-color: transparent;
      border-radius: 1rem;

      img {
        filter: brightness(100%);
      }
    }
  }

  .tab-content {
    min-height: 100px;
    border: 2px solid var(--main-purple);
    padding: 2rem;
    border-radius: 2rem;
    background-color: #fff;
  }

  .fb-leasing-owlcarousel {
    a {
      text-decoration: none;
    }

    .fb-itm {
      text-align: center;
      padding: 1rem;

      .fb-itm-img-cont {
        margin-bottom: 1rem;
        padding: 0 30%;

        img {
          filter: brightness(0%);
        }
      }

      h5 {
        color: var(--main-green);
        font-size: 1rem;
      }
    }

    .owl-item.active {
      border-right: 1px solid #644387a6;
    }

    .owl-item.active:last-child {
      border-right: 1px solid #ffffffa6;
    }

    .owl-nav {
      position: absolute;
      top: 30%;
      width: 100%;

      .owl-next,
      .owl-prev {
        position: absolute;
        color: #f8961d;
        font-size: 2rem;
      }

      .owl-prev {
        left: -2rem;
      }

      .owl-next {
        right: -2rem;
      }
    }
  }
}

.testimonials-sec {
  padding: 3rem 0;

  h2 {
    text-transform: uppercase;
    color: var(--main-purple);
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 2rem;
    text-align: center;

    span {
      font-weight: 700;
    }
  }

  .testimonials-owlcarousel {
    height: max-content;

    .testimonial-itm {
      .testimonial-itm-img {
        display: flex;
        align-items: end;
        justify-content: start;

        img {
          width: 20%;
          border-radius: 100%;
          border: 4px solid var(--main-purple);
          margin-right: 1rem;
          margin-left: 2rem;
        }

        h5 {
          color: var(--main-purple);
          margin-bottom: 0;
        }

        h6 {
          margin-bottom: 1rem;
          font-size: 0.9rem;
          color: #494949;
        }
      }

      .testimonial-itm-txt {
        background-color: #ececec;
        padding: 15% 1rem 1rem 1rem;
        border-radius: 1rem;
        margin-top: -13%;
        height: fit-content;

        p {
          height: 100px;
          overflow-y: hidden;
          color: #4f4f4f;
          transition: ease-in height 0.3s;

          a {
            text-decoration: none;
            color: #4f4f4f;
          }
        }

        button {
          border: none;
          padding: none;
        }
      }

      .testimonial-itm-txt p.active {
        transition: ease-in height 0.3s;
        height: auto;
        overflow-y: auto;
      }
    }

    .owl-dots .owl-dot.active span,
    .owl-dots .owl-dot:hover span {
      background: var(--main-purple) !important;
    }
  }
}

.promotions-sec {
  padding: 3rem 0 4rem 0;
  border-radius: 0 0 3rem 3rem;
  background-color: #fff;
  position: relative;
  z-index: 2;

  .container {
    position: relative;
  }

  h2 {
    text-transform: uppercase;
    color: var(--main-purple);
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 3.5rem;
    text-align: center;

    span {
      font-weight: 700;
    }
  }

  .promotions-owlcarousel {
    a {
      text-decoration: none;
    }

    .our-pro-itm {
      text-align: center;
      text-transform: uppercase;

      .our-pro-img-cont {
        position: relative;
        border-radius: 1rem;
        overflow: hidden;
        margin-bottom: 1rem;

        span {
          position: absolute;
          right: 0.5rem;
          bottom: 0.5rem;
        }
      }

      h5 {
        color: #383838;
        font-size: 0.8rem;
        font-weight: 600;
      }

      h6 {
        color: #383838;
        font-size: 0.8rem;
        font-weight: 400;
      }
    }

    .owl-nav {
      position: absolute;
      top: 20%;
      width: 100%;

      .owl-next,
      .owl-prev {
        position: absolute;
        color: #f8961d;
        font-size: 4rem;
      }

      .owl-prev {
        left: -3.5rem;
      }

      .owl-next {
        right: -3.5rem;
      }
    }
  }
}

footer {
  margin-top: -5rem;
  background-color: var(--main-purple);
  padding: 8rem 0 3rem 0;
  color: #fff;
  font-weight: 300;
  font-size: 0.9rem;

  .txt-cont {
    padding: 2rem 1rem;
  }

  a {
    color: #fff;
    text-decoration: none;
  }

  a:hover {
    color: #cdcdcd;
  }

  ul {
    padding-left: 0;
    list-style: none;
  }

  .flogo {
    margin-bottom: 2rem;
  }

  h6 {
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .mid-col {
    border-left: 1px solid #a87fd2;
    border-right: 1px solid #a87fd2;
  }

  .socialies {
    display: flex;
    align-items: center;

    a {
      color: #fff;
      text-decoration: none;
      padding: 0 0.4rem;
      font-size: 2rem;
    }
  }

  .copy-txt {
    text-align: center;
    margin-top: 2rem;
  }
}

.page-banner-sec {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0) 80%,
    rgba(109, 73, 147, 1) 80%
  );

  .page-banner {
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    border-radius: 3rem;
    position: relative;
    z-index: 1030;
    height: 300px;
    padding: 20% 0 3rem 0;

    h1 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-size: 3rem;
      font-weight: 400;
      text-align: center;

      span {
        font-weight: 700;
      }
    }
  }

  .video-responsive {
    padding-top: 2%;
    padding-bottom: 20.5%;
    position: relative;
    width: 100%;
    border-radius: 3rem;
    overflow: hidden;

    .canvas,
    .video {
      height: 112%;
      left: 0;
      position: absolute;
      top: -12px;
      width: 100%;
      background: #000;
      z-index: 5;
    }

    h1 {
      position: relative;
      text-transform: uppercase;
      color: var(--main-purple);
      font-size: 3rem;
      font-weight: 400;
      text-align: center;
      z-index: 6;

      span {
        font-weight: 700;
      }
    }
  }
}

.inner-nav {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1035;
  background-color: #fff;
  padding-top: 0.5rem;
  display: none;

  ul {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 1.5rem;
    border-bottom: 2px solid #e4e4e4;
    padding-bottom: 0.4rem;

    a {
      text-decoration: none;
      color: #4f4f4f;
      padding-bottom: 0.5rem;
      transition: all ease 500ms;
      border-bottom: 3px solid transparent;
    }

    a:hover {
      color: #2c2c2c;
      border-bottom: 3px solid var(--main-green);
    }

    a.active {
      color: #2c2c2c;
      border-bottom: 3px solid var(--main-green);
    }
  }
}

.page-cph {
  padding: 1rem 0 4rem 0;
  border-radius: 0 0 3rem 3rem;
  background-color: #fff;
  position: relative;
}

.benifits-cont {
  padding-top: 5.75rem;

  h3 {
    text-transform: uppercase;
    color: var(--main-purple);
    font-weight: 700;
  }

  .benifit-itm-cont {
    .benifit-itm {
      background-color: var(--main-purple);
      color: #fff;
      padding: 1.5rem 1rem;
      text-align: center;
      text-transform: uppercase;
      border-radius: 1rem;
      height: 100%;

      img {
        margin-bottom: 1rem;
        filter: brightness(100%);
      }

      h6 {
        font-weight: 400;
      }
    }

    margin-bottom: 2rem;
  }
}

.benifits-cont.eligi {
  padding-top: 2rem;
}

.explore-details {
  h3 {
    text-transform: uppercase;
    color: var(--main-purple);
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
  }

  a {
    text-decoration: none;
  }

  .ed-cont {
    align-items: center;

    .ed-info-cont {
      margin-bottom: 3rem;
      text-align: center;
      border-right: 1px solid #ccc;

      .call-us {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 2rem;
        padding-bottom: 1rem;

        i {
          font-size: 3rem;
          background-color: transparent;
          color: #000;
        }

        h4 {
          color: var(--main-purple);
          font-weight: 700;
          font-size: 2rem;
          margin-bottom: 0;
          transition: all ease 500ms;
        }

        h4:hover {
          color: var(--main-green);
        }

        small {
          color: var(--main-purple);
        }
      }

      .whtsapp-ca-btn {
        display: flex;
        align-items: center;
        justify-content: center;

        i {
          background-color: var(--main-green);
          color: #fff;
          font-size: 3rem;
          border-radius: 100%;
          padding: 0.3rem;
          z-index: 1;
          transition: all ease 500ms;
        }

        span {
          background-color: var(--main-green);
          color: #fff;
          text-transform: uppercase;
          padding: 0.5rem 1rem 0.5rem 1.5rem;
          border-radius: 0 1rem 1rem 0;
          margin-left: -1rem;
          z-index: 0;
          transition: all ease 500ms;
        }
      }

      .whtsapp-ca-btn:hover {
        i {
          background-color: var(--main-purple);
        }

        span {
          background-color: var(--main-purple);
        }
      }
    }

    .ed-form-cont {
      .tuyn-form {
        h5 {
          text-transform: uppercase;
          margin-bottom: 1rem;
        }

        .form-control {
          border-radius: 1rem;
          background-color: #f2f2f2;
        }
      }
    }
  }
}

.page-fd {
  ul {
    padding-left: 1.3rem;
  }

  .page-intro {
    h2 {
      font-weight: 300;
      font-size: 2.5rem;
    }

    .slogan {
      display: flex;
      align-items: center;
    }

    h5 {
      color: var(--main-purple);
    }
  }

  .deposit-rates {
    padding-top: 5.75rem;

    h3 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 700;
    }

    .rate-table-cont {
      padding: 1rem;
      background-color: #f0f0f0;
      border-radius: 2rem;
      margin-bottom: 2rem;

      table {
        thead {
          th {
            vertical-align: top;
          }
        }
      }

      .table > :not(caption) > * > * {
        background-color: transparent;
      }
    }

    .age60-txt {
      color: var(--main-purple);

      h6 {
        margin-bottom: 0;
      }
    }
  }

  .fd-cal-cont {
    padding-top: 5.75rem;
    margin-bottom: 5.75rem;

    h3 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 700;
    }

    form {
      background-color: #eaeaea;
      padding: 1.5rem 1.5rem 1.5rem 1.5rem;
      border-radius: 1rem;

      .form-itm-cont {
        display: flex;
        align-items: center;

        div {
          margin-bottom: 1rem;

          label {
            margin-right: 1rem;
            /* width: 20%; */
            /* text-align: right; */
          }

          .form-control-sm,
          .form-select-sm {
            /* margin-bottom: 1rem; */
            border-radius: 1rem;
            width: 100%;
          }

          /* .btn {
            margin-bottom: -1rem;
            text-transform: uppercase;
          } */
        }
      }
    }

    .fd-cal-result {
      border: 1px solid #eaeaea;
      border-radius: 0 0 1rem 1rem;
      padding: 3rem 1rem 1rem 1rem;
      margin-top: -1rem;
      display: flex;
      flex-direction: column;

      div {
        flex: 1 1 auto !important;

        strong {
          color: var(--main-purple);
          margin-left: 0.3rem;
        }
      }
    }
  }
}

.page-mpl {
  .page-intro {
    padding-top: 2.75rem;
    margin-bottom: 3rem;

    .slogan {
      display: flex;
      align-items: center;
    }

    h6 {
      color: var(--main-purple);
    }
  }

  .mobile-phone-filter {
    background-color: #eaeaea;
    padding: 2rem 1rem 1rem 1rem;
    border-radius: 2rem;
    margin-bottom: 3rem;

    .filter-cont {
      justify-content: center;
      margin-bottom: 3rem;

      h6 {
        text-align: center;
        color: #6c6c6c;
      }

      .input-group {
        label {
          display: none;
          margin-right: 1rem !important;
          color: #6c6c6c;
          font-weight: 600;
        }

        .form-select {
          border-radius: 2rem 0 0 2rem !important;
        }

        .btn-search {
          background-color: var(--main-green);
          color: #fff;
          transition: all ease 500ms;
          border-radius: 0 2rem 2rem 0;
          padding-left: 1.5rem;
          padding-right: 1.5rem;
        }

        .btn-search:hover {
          background-color: #84d459;
        }
      }
    }

    .filter-result-cont {
      .result-itm-cont {
        margin-bottom: 2rem;
        transition: all 0.3s ease-in-out;

        .result-itm {
          border: 1px solid #fff;
          border-radius: 2rem;
          padding: 1rem;
          text-align: center;
          color: #6c6c6c;
          height: 100%;
          position: relative;
          z-index: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;

          img {
            margin-bottom: 1rem;
          }

          small {
            display: block;
          }

          h5 {
            color: var(--main-purple);
            font-weight: 700;
          }

          .btn {
            text-transform: uppercase;
            /* margin-bottom: -3.5rem; */
            position: absolute;
            bottom: -1rem;
          }
        }

        .modal {
          .modal-dialog {
            .modal-content {
              border-radius: 1.5rem;

              .modal-header {
                border-bottom: 0;
                padding-bottom: 0;
              }

              .modal-body {
                .phn-cont {
                  display: flex;
                  align-items: center;
                  margin-bottom: 2rem;

                  .phn-img-cont {
                    flex: 1 1 auto !important;
                  }

                  .phn-info-cont {
                    color: #6c6c6c;
                    flex: 1 1 auto !important;

                    p {
                      margin-bottom: 0.2rem;
                      font-weight: 600;
                    }

                    h4 {
                      margin-bottom: 2rem;
                    }

                    h6 {
                      color: var(--main-green);
                      margin-bottom: 0;
                    }

                    h5 {
                      font-size: 1.8rem;
                      font-weight: 600;
                    }
                  }
                }

                .price-chart-cont {
                  text-align: center;

                  small {
                    font-size: 0.8rem;
                    color: #6c6c6c;
                  }

                  .price-chart {
                    border: 1px solid #d3d3d3;
                    border-radius: 2rem;
                    padding: 1.5rem;

                    h6 {
                      text-align: left;
                      color: #555555;
                    }

                    table {
                      tr {
                        td {
                          text-align: left;
                          color: #6c6c6c;
                          padding-left: 0;
                          padding-right: 0;
                          border-bottom: 0;
                        }

                        td:last-child {
                          text-align: right;
                        }
                      }
                    }
                  }
                }
              }

              .get-aquote {
                background-color: var(--main-green);
                text-align: center;
                padding: 1.5rem 3rem;
                border-radius: 0 0 1.5rem 1.5rem;

                h4 {
                  color: #fff;
                  text-transform: uppercase;
                  font-weight: 700;
                  margin-bottom: 1rem;
                }

                .form-control {
                  border-radius: 1rem;
                  text-align: center;
                }

                .btn {
                  text-transform: uppercase;
                }
              }
            }
          }
        }
      }
    }
  }

  .dealer-filter {
    background-color: #ddf4d1;
    padding: 2rem 1rem;
    border-radius: 2rem;
    margin-bottom: 3rem;

    .filter-cont {
      justify-content: center;
      margin-bottom: 3rem;

      h3 {
        text-align: center;
        text-transform: uppercase;
        color: #414141;
        font-weight: 700;
        margin-bottom: 2rem;
      }

      .input-group {
        label {
          display: none;
          margin-right: 1rem !important;
          color: #6c6c6c;
          font-weight: 600;
        }

        .form-select {
          border-radius: 2rem 0 0 2rem !important;
        }

        .btn-search {
          background-color: var(--main-green);
          color: #fff;
          transition: all ease 500ms;
          border-radius: 0 2rem 2rem 0;
          padding-left: 1.5rem;
          padding-right: 1.5rem;
        }

        .btn-search:hover {
          background-color: #84d459;
        }
      }
    }

    .filter-result-cont {
      h5 {
        color: #6c6c6c;
        font-weight: 700;
      }

      .result-itm-cont {
        margin-bottom: 1.5rem;

        .result-itm {
          border: 1px solid #fff;
          border-radius: 2rem;
          padding: 2rem;

          ul {
            padding-left: 0;
            list-style: none;
            color: #6c6c6c;
            margin-bottom: 0;

            li {
              margin-bottom: 0.6rem;
            }

            li:last-child {
              margin-bottom: 0rem;
            }

            a {
              color: #6c6c6c;
            }

            a:hover {
              color: #393939;
            }
          }
        }
      }
    }
  }

  .phone-quote {
    background-color: var(--main-green);
    padding: 2rem;
    border-radius: 2rem;
    color: #fff;

    h3 {
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    form {
      .form-itm-cont {
        align-items: center;

        h6 {
          font-weight: 600;
        }

        .form-control {
          border-radius: 0.9rem;
          margin-bottom: 1rem;
        }

        .btn {
          text-transform: uppercase;
        }
      }
    }
  }

  .benifits-cont {
    .benifit-itm-cont {
      .benifit-itm {
        small {
          text-transform: none;
          line-height: normal;
          font-size: 0.8rem;
        }
      }
    }
  }
}

.page-4wl {
  .page-intro {
    text-align: center;
    margin-bottom: 2rem;

    h2 {
      font-weight: 300;
    }
  }

  .leasing-apply-form {
    .laf-cont {
      .laf-form-cont {
        .laf-form-itm {
          .tov-cont {
            margin-bottom: 2rem;
            align-items: center;

            label {
              color: #000;
            }

            .tov-itms-cont {
              /* display: flex-wrap;
              flex-direction: row; */
              gap: 1.5rem;

              .tov-itm-cont {
                margin-bottom: 1.5rem;

                .tov-itm {
                  margin-bottom: 1.5rem;
                  border: 1px solid #000;
                  border-radius: 1rem;
                  padding: 1rem;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: center;
                  text-align: center;
                  height: 100%;

                  img {
                    height: fit-content;
                  }

                  label {
                    display: block;
                  }
                }
              }
            }
          }

          h6 {
            background-color: #e6e6e6;
            padding: 0.8rem;
            border-radius: 1rem;
            margin: 2rem 0;
            font-weight: 400;
          }

          label {
            color: var(--main-purple);
          }

          .form-control,
          .form-select {
            border-radius: 1rem;
            background-color: #f2f2f2;
          }

          .btn {
            text-transform: uppercase;
          }
        }
      }
    }
  }
}

.page-ar {
  h3 {
    margin-bottom: 2rem;
    text-transform: uppercase;
    color: var(--main-purple);
    font-weight: 700;
  }

  .ar-itm-cont {
    margin-bottom: 1.5rem;

    a {
      text-decoration: none;
    }

    .ar-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 1rem;
      font-size: 1.2rem;
      padding: 0.7rem 1.5rem;
      background-color: #f5f5f5;
      transition: all ease-in 500ms;
      color: #6d4993;

      i {
        font-size: 1.7rem;
        transition: all ease-in 500ms;
      }
    }

    .ar-item:hover {
      background-color: #ebebeb;

      i {
        color: var(--main-green);
      }
    }
  }
}

.sitemap {
  h3 {
    text-align: start;
  }

  ul {
    li {
      a {
        text-decoration: none;
        color: #4f4f4f;
      }
    }
  }
}

.page-fs {
  h3 {
    margin-bottom: 2rem;
    text-transform: uppercase;
    color: var(--main-purple);
    font-weight: 700;
  }

  .fs-itm-cont {
    margin-bottom: 1.5rem;

    a {
      text-decoration: none;
    }

    .fs-item {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 1rem;
      font-size: 1.2rem;
      padding: 0.7rem 1.5rem;
      background-color: #f5f5f5;
      transition: all ease-in 500ms;
      color: #6d4993;

      i {
        font-size: 1.7rem;
        transition: all ease-in 500ms;
        margin-left: 10px;
      }
    }

    .fs-item:hover {
      background-color: #ebebeb;

      i {
        color: var(--main-green);
      }
    }
  }
}

.page-ne {
  .ne-itms-cont {
    a {
      text-decoration: none;
    }

    .ne-itm-cont {
      margin-bottom: 1.5rem;

      .ne-item {
        padding: 1rem;
        background-color: #f5f5f5;
        border-radius: 1.5rem;
        transition: all ease 500ms;
        height: 100%;

        img {
          border-radius: 0.5rem;
          margin-bottom: 1rem;
        }

        h5 {
          color: var(--main-purple);
          font-weight: 400;
        }

        p {
          color: #686868;
        }

        .ne-date {
          color: #000;
          font-weight: 500;
        }

        .readmore-cont {
          color: var(--main-purple);
          font-size: 2.5rem;
          display: flex;
          align-items: center;

          i {
            margin-right: 0.2rem;
            transition: all ease 500ms;
          }
        }
      }

      .ne-item:hover {
        background-color: #ebebeb;

        .readmore-cont {
          i {
            margin-right: 0rem;
            color: var(--main-green);
          }
        }
      }
    }
  }
}

.page-csr {
  .page-banner {
    h1 {
      color: #fff;
    }
  }

  .csr-itms-cont {
    .csr-itm-cont {
      margin-bottom: 1.5rem;

      a {
        text-decoration: none;
      }

      .csr-item {
        padding: 1rem;
        background-color: #f5f5f5;
        border-radius: 1.5rem;
        transition: all ease 500ms;
        height: 100%;

        img {
          border-radius: 0.5rem;
          margin-bottom: 1rem;
        }

        h4 {
          color: var(--main-purple);
          font-weight: 400;
        }

        p {
          color: #686868;
        }

        .readmore-cont {
          color: var(--main-purple);
          font-size: 2.5rem;
          display: flex;
          justify-content: end;

          i {
            margin-right: 0.2rem;
            transition: all ease 500ms;
          }
        }
      }

      .csr-item:hover {
        background-color: #ebebeb;

        .readmore-cont {
          i {
            margin-right: 0rem;
          }
        }
      }
    }
  }
}

.easyleasing {
  .page-intro {
    h2 {
      font-weight: 300;
    }

    .slogan {
      display: flex;
      align-items: center;
    }

    margin-bottom: 1rem;
  }

  .easy-leasing-fimg {
    border-radius: 3rem 3rem 0 0;
    overflow: hidden;
    margin-bottom: 2rem;
  }

  .best-selling {
    margin-top: -5rem;

    h3 {
      margin-bottom: 2rem;
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 700;
      text-align: center;
    }

    .itm-cont {
      padding: 1rem;
    }

    .bs2wheel-itms-cont {
      justify-content: center;

      .bs2wheel-itm-cont {
        margin-bottom: 1rem;

        .bs2wheel-itm-cont {
          text-align: center;

          img {
            margin-bottom: 1rem;
          }

          p {
            margin-bottom: 0.5rem;
          }
        }

        .btn-theme1 {
          text-transform: uppercase;
        }
      }

      margin-bottom: 2rem;
    }

    .bs3wheel-itms-cont {
      justify-content: center;

      .bs3wheel-itm-cont {
        margin-bottom: 1rem;

        .bs3wheel-itm-cont {
          text-align: center;

          img {
            margin-bottom: 1rem;
          }

          p {
            margin-bottom: 0.5rem;
          }
        }

        .btn-theme1 {
          text-transform: uppercase;
        }
      }

      margin-bottom: 2rem;
    }

    .bs4wheel-itms-cont {
      justify-content: center;

      .bs4wheel-itm-cont {
        margin-bottom: 1rem;

        .bs4wheel-itm-cont {
          text-align: center;

          img {
            margin-bottom: 1rem;
          }

          p {
            margin-bottom: 0.5rem;
          }
        }

        .btn-theme1 {
          text-transform: uppercase;
        }
      }

      margin-bottom: 2rem;
    }
  }

  .fintrex-vehicle-loan,
  .smart-draft-info-cont,
  .fintrex-ver-drive-info-cont,
  .threewheeler-info-cont,
  .fintrex-speed-wheel-cont,
  .fintrex-vehicle-loan-cont,
  .fintrex-easyleasing-info-cont {
    background-repeat: no-repeat;
    background-size: contain;

    h2,
    h4 {
      color: var(--main-purple);
      font-size: 2.5rem;
      font-weight: 400;

      span {
        font-weight: 700;
      }
    }

    h4 {
      font-size: 1.5rem;
    }

    ul {
      padding-left: 1.2rem;
    }

    p {
      color: #4f4f4f;
    }

    a {
      color: var(--main-green);
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 600;
    }

    .fintrex-easyleasing-info {
      padding-left: 5rem;
    }
  }

  .fintrex-easyleasing-info-cont {
    position: relative;
    background-image: url(img/fintrex-easy-leasing.jpg);
    border-radius: 3rem;
    background-color: #efefef;
    background-position: center bottom;
    z-index: 2;

    .fintrex-easyleasing-info {
      padding: 2rem 0 6rem 0;
    }
  }

  .smart-draft-info-cont {
    background-image: url(img/smart-draft.jpg);
    background-size: contain;
    background-position: center bottom;
    margin-top: -2.5rem;

    .smart-draft-info {
      padding: 5rem 0 8rem 0;
    }
  }

  .fintrex-ver-drive-info-cont {
    background-image: url(img/ver-drive.jpg);
    border-radius: 3rem;
    background-color: #efefef;
    background-position: center bottom;
    margin-top: -3rem;
    margin-bottom: -3rem;
    position: relative;

    .fintrex-ver-drive-info {
      padding: 2rem 0 8rem 0;
    }
  }

  .threewheeler-info-cont {
    background-image: url(img/threewheeler.jpg);
    background-size: contain;
    background-position: center bottom;

    .threewheeler-info {
      padding: 5rem 0 8rem 0;
    }
  }

  .fintrex-speed-wheel-cont {
    position: relative;
    background-image: url(img/speed-wheel.jpg);
    border-radius: 3rem;
    background-color: #efefef;
    background-position: center bottom;
    background-size: contain;
    z-index: 2;
    margin-top: -3rem;
    margin-bottom: -3rem;

    .fintrex-speed-wheel-info {
      padding: 2rem 0 8rem 0;
    }
  }

  .fintrex-vehicle-loan-cont {
    background-image: url(img/vehicle-loan.jpg);
    background-size: contain;
    background-position: center bottom;
    border-radius: 0 0 3rem 3rem;
    margin-bottom: 3rem;
    box-shadow: 0px 2px 38.22px 10.78px rgba(78, 78, 78, 0.09);

    .fintrex-vehicle-loan-info {
      padding: 5rem 0 8rem 0;
    }
  }

  .dealer-details-sec {
    .dealer-details-cont {
      background-color: #eaeaea;
      padding: 2rem 1rem 1rem 1rem;
      border-radius: 2rem;
      margin-bottom: 3rem;

      .filter-cont {
        justify-content: center;
        margin-bottom: 1rem;

        label {
          text-align: left;
          color: #6c6c6c;
          font-weight: 700;
        }

        .form-select {
          border-radius: 2rem !important;
          margin-bottom: 0.5rem;
        }
      }

      .filter-result-cont {
        h5 {
          color: #6c6c6c;
          font-weight: 700;
        }

        .result-itm-cont {
          margin-bottom: 1.5rem;

          .result-itm {
            border: 1px solid #fff;
            border-radius: 2rem;
            padding: 2rem;

            ul {
              padding-left: 0;
              list-style: none;
              color: #6c6c6c;
              margin-bottom: 0;

              li {
                margin-bottom: 0.6rem;
              }

              a {
                color: #6c6c6c;
              }
            }
          }
        }
      }
    }
  }

  .get-a-quote {
    h2 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 700;
      text-align: center;
      margin-bottom: 2rem;
    }

    .get-a-quote-cont {
      align-items: center;
      justify-content: center;

      h4 {
        text-align: left;
      }

      .getaquote-itm-cont {
        margin-bottom: 0.5rem;

        a {
          text-decoration: none;
        }

        .getaquote-itm {
          background-color: #f5f5f5;
          color: #b19fc4;
          padding: 1.5rem 1rem;
          text-align: center;
          border-radius: 1rem;
          height: 100%;
          transition: all ease 500ms;

          img {
            margin-bottom: 1rem;
            opacity: 0.5;
          }
        }

        .getaquote-itm:hover {
          background-color: var(--main-purple);
          color: #fff;
          padding: 1.5rem 1rem;
          text-align: center;
          border-radius: 1rem;
          height: 100%;

          img {
            filter: brightness(0%) invert(1);
            opacity: 1;
          }
        }
      }
    }
  }
}

.topic-uppercase {
  text-transform: uppercase;
  color: var(--main-purple);
  font-weight: 700;
}

.sa-page {
  .savings-accounts {
    .sa-info {
      margin-bottom: 1rem;

      h3 {
        color: var(--main-purple);
      }

      h5 {
        color: var(--main-purple);
      }

      p {
        color: #4f4f4f;
      }

      ul {
        padding-left: 1rem;
      }
    }

    .vishishta-cont {
      position: relative;
      background-image: url(img/vishishta-info-cont-mob.jpg);
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: contain;
      border-radius: 0 0 3rem 3rem;
      z-index: 2;
      margin-bottom: 2rem;

      .sa-info {
        padding: 0 0 13rem 0;
      }
    }

    .shreyshta-cont {
      background-image: url(img/shreyshta-info-cont-mob.jpg);
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: contain;
      border-radius: 0 0 3rem 3rem;
      margin-bottom: 2rem;

      .sa-info {
        padding: 0 0 13rem 0;
      }
    }

    .flexy-flex-cont {
      position: relative;
      background-image: url(img/flexy-flex-cont-mob.jpg);
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: contain;
      border-radius: 3rem;
      z-index: 2;
      margin-bottom: 2rem;

      .benifits-cont {
        margin-bottom: 13rem;
      }

      .rate-table-cont {
        background-color: #eeefef;
        border-radius: 1rem;
        padding: 1rem;

        table {
          thead {
            tr {
              th {
                background-color: #dadbdc;
              }

              th[colspan] {
                text-align: center;
                font-size: 1.5rem;
                font-weight: 400;
                background-color: #eeefef;
              }
            }
          }

          tbody {
            tr {
              td {
                background-color: #eeefef;
                border-bottom-color: #fff;
              }

              td:last-child {
                border-left: 1px solid #7b7a7a;
                text-align: center;
              }
            }
          }
        }
      }
    }

    .prawista-info-cont {
      background-image: url(img/prawista-info-cont-mob.jpg);
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: contain;
      border-radius: 0 0 3rem 3rem;
      box-shadow: 0px 2px 38.22px 10.78px rgba(78, 78, 78, 0.09);
      margin-bottom: 3dvb;

      .sa-info {
        padding: 2rem 0 13rem 0;
      }

      .rate-table-cont {
        background-color: #eeefef;
        border-radius: 1rem;
        padding: 1rem;

        table {
          thead {
            tr {
              th {
                background-color: #dadbdc;
              }

              th:nth-child(2) {
                border-left: 1px solid #7b7a7a;
                border-right: 1px solid #7b7a7a;
                text-align: center;
              }
            }
          }

          tbody {
            tr {
              td {
                background-color: #eeefef;
                border-bottom-color: #fff;
              }

              td:nth-child(2) {
                border-left: 1px solid #7b7a7a;
                border-right: 1px solid #7b7a7a;
                text-align: center;
              }
            }
          }
        }
      }
    }
  }
}

.contact-us {
  position: relative;
  border-radius: 0 0 3rem 3rem;
  padding: 0;
  color: #4f4f4f;

  .contact-sec {
    .form-cont {
      margin-top: 3rem;

      .contact-form {
        .form-field {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;

          label {
            font-weight: 700;
            color: black;
          }

          input,
          textarea {
            border: 1px solid #e6e6e6;
            padding: 0.5rem;
          }
        }

        .buttons {
          p {
            margin-top: 1rem;
            display: flex;
            gap: 0.5rem;
          }
        }
      }
    }

    .contact-icons {
      margin-top: 3rem;

      .icon-cont {
        display: flex;
        gap: 1rem;
        justify-content: start;
        align-items: start;

        a {
          color: #4f4f4f;
          text-decoration: none;
        }

        a:hover {
          color: var(--main-green);
        }

        i {
          color: var(--main-purple);
          font-size: 24px;
          height: fit-content;
        }
      }
    }

    .call-icons {
      display: flex;
      gap: 1rem;
      justify-content: start;
      align-items: start;

      a {
        color: #4f4f4f;
        text-decoration: none;
      }

      a:hover {
        color: var(--main-green);
      }
    }

    .call-hours {
      margin-top: 1rem;
      background-color: var(--main-purple);
      color: white;
      padding: 1rem 2rem;
      border-radius: 2rem;
    }
  }

  .our-branches {
    position: relative;
    border-radius: 3rem;
    padding: 3rem 0;
    background-color: #f3f3f3;

    h1 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-size: 3rem;
      font-weight: 400;
      text-align: center;

      span {
        font-weight: 700;
      }
    }

    .search-box-cont {
      justify-content: center;
      margin-bottom: 2rem;

      .input-group {
        input {
          padding: 0.5rem 0 0.5rem 2rem;
          border-radius: 3rem;
          border: none;
          box-shadow: 0px 9px 7px 0px rgba(107, 107, 107, 0.07);
        }

        ::placeholder {
          color: #ccc;
          font-size: 0.9rem;
        }

        button {
          padding-right: 1rem;
          border-radius: 3rem;
          background-color: white;
          box-shadow: 0px 9px 7px 0px rgba(107, 107, 107, 0.07);
          font-size: 1.5rem;
          color: #ccc;
        }

        button:focus {
          border: none;
        }
      }
    }

    .branches-box {
      .branch-itm-cont {
        margin-bottom: 4rem;

        .branch-cont {
          background-color: white;
          border-radius: 3rem;
          height: fit-content;

          .details {
            padding: 1rem 2rem;

            h3 {
              color: var(--main-purple);
              font-weight: 700;
              text-transform: uppercase;
              margin-top: 1rem;
              margin-bottom: 1rem;
            }

            .detail {
              margin-top: 0.5rem;
              margin-bottom: 0.5rem;
              display: flex;
              gap: 1rem;
              align-items: start;
              justify-content: start;

              a {
                text-decoration: none;
                color: black;
              }

              a:hover {
                color: var(--main-purple);
                transition: all ease-in 0.4s;
              }

              i {
                font-size: 1.5rem;
                color: var(--main-purple);
              }
            }
          }

          .embed-map {
            .map-button {
              top: 0;
              background-color: var(--main-purple);
              color: white;
              padding: 0.8rem;
              border-radius: 10rem;
              border: none;
              width: 100%;
              display: flex;
              justify-content: space-around;
              align-items: center;
              position: relative;
              z-index: 2;
              margin-bottom: -2rem;
            }

            .map-button i {
              transition: transform 0.3s ease;
              font-size: 24px;
            }

            .map-button[aria-expanded="false"] i {
              transform: rotate(0deg);
            }

            .map-button[aria-expanded="true"] i {
              transform: rotate(180deg);
            }

            .map-button:hover {
              background-color: var(--main-purple-hover);
              transition: all ease-in 0.4s;
            }

            iframe {
              border-radius: 2rem;
              margin: 0;
            }
          }
        }
      }
    }
  }
}

.fintrex-dream-plan {
  ul {
    padding-left: 1.3rem;
  }

  .page-intro {
    margin-bottom: 3rem;

    h2 {
      font-weight: 300;
      font-size: 2.5rem;
    }

    .slogan {
      display: flex;
      align-items: center;
    }

    h5 {
      color: var(--main-purple);
    }
  }

  .dream-into-reality {
    margin-bottom: 5rem;

    h2 {
      font-weight: 300;
      font-size: 2.5rem;

      span {
        font-weight: 600;
        color: var(--main-purple);
      }
    }

    h3 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 700;
    }

    .dream-plan-form {
      background-color: #eaeaea;
      padding: 1.5rem 1rem 1.5rem 1rem;
      border-radius: 1rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;

      .form-itm-cont {
        align-items: center;
        justify-content: center;

        .form-group {
          margin-bottom: 1rem;
          /* display: flex; */

          label {
            margin-right: 1rem;

            /* width: 20%; */
            /* text-align: right; */
          }

          .form-control-sm,
          .form-select-sm {
            /* margin-bottom: 1rem; */
            border: none;
            border-radius: 1rem;
            width: 100%;
          }

          /* .btn {
            margin-bottom: -1rem;
            text-transform: uppercase;
          } */
        }
      }
    }

    .result-section {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;

      .result-box {
        display: flex;
        flex-direction: column;
        justify-content: start;
        margin-bottom: 1rem;
        margin-top: 1rem;
        align-items: center;

        .result-label {
          color: var(--main-purple);
          font-weight: 700;
        }

        .result-value {
          margin-left: 4px;
          font-weight: 700;
        }

        .result-desc {
          font-size: 12px;
          margin-left: 5px;
        }
      }
    }

    .dreams-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: end;
      margin-bottom: 2rem;

      .dream-cont {
        text-align: center;
        width: 100%;
        margin-bottom: 1rem;

        img {
          margin-bottom: 0.5rem;
        }

        .details {
          padding: 1rem;
          background-color: #f0f0f0;
          border-radius: 2rem;
          text-align: left;

          h4 {
            color: var(--main-purple);
            font-weight: 700;
          }
        }
      }
    }
  }
}

.gold-loan {
  ul {
    padding-left: 1.3rem;
  }

  .page-intro {
    margin-bottom: 3rem;

    h2 {
      font-weight: 300;
      font-size: 2.5rem;
    }

    .slogan {
      display: flex;
      align-items: center;
    }

    h5 {
      color: var(--main-purple);
    }
  }

  .gold-valuation-sec {
    .valuation-itm-sec {
      justify-content: center;

      .valuation-itm-cont {
        margin-bottom: 1.5rem;

        .valuation-cont {
          background-color: #f0f0f0;
          border-radius: 2rem;
          padding: 1rem;
          height: 100%;

          img {
            border-radius: 1rem;
            margin-bottom: 1.2rem;
          }

          text-align: center;
        }
      }
    }
  }
}

.about-us {
  position: relative;
  background-color: #fff;
  border-radius: 3rem;
  padding-bottom: 3rem;
  padding-top: 3rem;

  .page-intro {
    border-radius: 0 0 3rem 3rem;
    padding-bottom: 16%;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }

  .corp-info-box-cont {
    background-image: url(img/cop-info-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2rem 0;

    .corporate-information-box {
      padding: 1rem;
      background: url(img/corporate-information.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border-radius: 2rem;
      position: relative;
      z-index: 3;

      table {
        font-size: 0.8rem;

        tr {
          th {
            text-transform: uppercase;
            font-weight: 700;
          }

          th,
          td {
            background-color: transparent;
            color: #fff;
          }
        }
      }

      h1 {
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;

        span {
          font-weight: 700;
        }
      }

      .details {
        padding: 2rem;

        .detail-cont {
          margin-top: 1rem;
          margin-bottom: 1rem;
          border-bottom: 1px solid #fff;
          color: #fff;

          h6 {
            font-weight: 600;
            text-transform: uppercase;
          }
        }

        .detail-cont:last-child {
          border-bottom: none;
        }
      }
    }
  }

  .vision-mission-cont {
    margin-bottom: 3rem;

    .img-cont {
      padding: 30% 0;
      background-image: url(img/business-people.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }

    .detail-cont {
      padding-left: 0;
      padding-right: 0;

      .vision-mission-box {
        padding-top: 10%;
        height: 100%;
        background-color: #fff;

        h1 {
          font-weight: 300;
          text-transform: uppercase;
          color: var(--main-purple);

          span {
            font-weight: 700;
          }
        }

        .vision-mission-values {
          padding-left: 1rem;
          padding-right: 1rem;
          display: flex;
          flex-direction: column;
          justify-content: end;
          align-items: start;
          height: auto;

          .vision-cont {
            h1 {
              color: #000;
              font-weight: 300;
              text-transform: uppercase;
            }

            p {
              color: #9f9f9f;
            }

            ul {
              li {
                color: #9f9f9f;
              }

              li::marker {
                color: var(--main-green);
              }
            }
          }
        }

        .values {
          background-color: var(--main-purple);
          color: white;
          padding: 2rem;

          h1 {
            color: white;
          }

          ul {
            list-style-type: none;
            padding-left: 0;

            li::first-letter {
              color: var(--main-green);
              font-weight: 700;
            }
          }
        }
      }
    }
  }

  .awards-sec {
    margin-bottom: 3rem;

    h1 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 300;
      text-align: center;
      margin-bottom: 2rem;
    }

    .award-cont {
      text-align: center;

      .award-img-cont {
        padding: 1rem 2rem;
      }

      p {
        text-transform: uppercase;
        color: var(--main-purple);
        margin-top: 1rem;

        span {
          text-transform: none;
        }
      }
    }
  }

  .board-of-directors-sec {
    background-color: #d7dbdf;
    padding: 3rem 0;
    border-radius: 3rem;

    h2 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 400;
      text-align: center;
      margin-bottom: 2rem;
    }

    .directors-cont {
      justify-content: center;

      .director-itm-cont {
        a {
          text-decoration: none;
        }

        .director-cont {
          text-align: center;
          text-transform: uppercase;
          color: #4a4a4a;

          .bod-img-cont {
            padding: 2rem;

            .bod-img {
              border-radius: 100%;
              border: 1px solid #fff;
              overflow: hidden;
              margin-bottom: 1rem;

              img {
                transition: transform 500ms ease;
              }
            }
          }

          h6 {
            color: var(--main-purple);
          }
        }

        .director-cont:hover {
          .bod-img-cont {
            .bod-img {
              img {
                transform: scale(1.1);
              }
            }
          }
        }

        .director-modal-body {
          .director-modal-cont {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            img {
              border-radius: 100%;
              width: 50%;
              border: 1px solid var(--main-purple);
            }

            h3 {
              text-transform: uppercase;
              color: var(--main-purple);
              font-weight: 700;
              margin-top: 1rem;
            }

            p {
              text-transform: uppercase;
            }
          }

          p {
            margin-left: 1rem;
            margin-right: 1rem;
            text-align: center;
          }
        }
      }
    }
  }

  .corporate-management {
    padding: 3rem 0;

    h2 {
      text-transform: uppercase;
      color: var(--main-purple);
      font-weight: 400;
      text-align: center;
      margin-bottom: 2rem;
    }

    .corp-man-itms-cont {
      text-align: center;

      .corp-man-itm-cont {
        a {
          text-decoration: none;
        }

        .cm-cont {
          text-align: center;
          text-transform: uppercase;
          color: #4a4a4a;

          .cm-img-cont {
            padding: 2rem;

            .cm-img {
              border-radius: 100%;
              border: 1px solid var(--main-purple);
              overflow: hidden;
              margin-bottom: 1rem;

              img {
                transition: transform 500ms ease;
              }
            }
          }

          h6 {
            color: var(--main-purple);
          }
        }

        .cm-cont:hover {
          .cm-img-cont {
            .cm-img {
              img {
                transform: scale(1.1);
              }
            }
          }
        }

        .cm-modal-body {
          .cm-modal-cont {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            img {
              border-radius: 100%;
              width: 50%;
              border: 1px solid var(--main-purple);
            }

            h3 {
              text-transform: uppercase;
              color: var(--main-purple);
              font-weight: 700;
              margin-top: 1rem;
            }

            p {
              text-transform: uppercase;
            }
          }

          p {
            margin-left: 1rem;
            margin-right: 1rem;
            text-align: center;
          }
        }
      }
    }
  }
}

.downloads {
  .accordion {
    .accordion-item {
      .accordion-header {
        button {
          background-color: var(--main-purple);
          color: white;
        }

        button.accordion-button::after {
          color: white;
          background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
        }
      }
    }
  }
}

.page-nfp {
  .notes-url {
    background-color: #eaeaea;
    padding: 1rem;
    border-radius: 1rem;
    border: none;
    text-align: center;
  }
}

.pagination {
  .page-link {
    color: var(--main-purple);
  }

  .active > .page-link,
  .page-link.active {
    color: #fff;
    background-color: var(--main-purple);
    border-color: var(--main-purple);
  }
}

.savings-rates {
  padding-top: 5.75rem;

  h3 {
    text-transform: uppercase;
    color: var(--main-purple);
    font-weight: 700;
  }

  .rate-table-cont {
    padding: 1rem;
    background-color: #f0f0f0;
    border-radius: 2rem;
    margin-bottom: 2rem;

    table {
      thead {
        th {
          vertical-align: top;
        }
      }
    }

    .table > :not(caption) > * > * {
      background-color: transparent;
    }
  }

  .age60-txt {
    color: var(--main-purple);

    h6 {
      margin-bottom: 0;
    }
  }
}

@media (min-width: 992px) {
  .hide-desk {
    display: none !important;
  }

  .inner-nav {
    display: block;
  }

  .hide-mob {
    display: block !important;
  }

  .special-offers {
    span {
      display: block;
      text-transform: uppercase;
      font-size: 12px;
      transition: 0.3s all ease-out;
    }
  }
  header {
    .main-nav {
      .navbar-brand {
        width: 10%;
      }
    }
  }

  .page-banner-sec {
    .page-banner {
      height: 500px;
      padding: 2% 0 3rem 0;
    }
  }

  .aboutus-sec {
    margin-top: -4rem;

    .search-sec {
      position: absolute;
      top: -10%;
    }
  }

  .our-products {
    margin-top: -5rem;

    h2 {
      margin-bottom: 3.5rem;
      margin-left: 15%;
    }

    .video-cont {
      margin-bottom: 0rem;
      position: absolute;
      top: -100%;
      right: 0;

      .video-itm-cont {
        .ply-btn {
          .bi-play-circle-fill {
            font-size: 6rem;
          }
        }
      }
    }
  }

  .features-benefits-sec {
    .nav-tabs {
      .nav-link {
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);

        .icon-box {
          margin-bottom: 1rem;

          img {
            width: auto;
          }
        }
      }
    }
  }

  .explore-details {
    .ed-cont {
      .ed-info-cont {
        margin-bottom: 0;
      }
    }
  }

  .sa-page {
    .savings-accounts {
      .vishishta-cont {
        background-image: url(img/vishishta-info-cont.jpg);
        background-position: bottom right;
        margin-bottom: 0rem;

        .sa-info {
          padding: 4rem 0 7rem 0;
        }
      }

      .shreyshta-cont {
        background-image: url(img/shreyshta-info-cont.jpg);
        background-position: left center;
        border-radius: 0;
        margin: -3rem 0;

        .sa-info {
          padding: 8rem 0;
        }
      }

      .flexy-flex-cont {
        background-image: url(img/flexy-flex-cont.jpg);
        background-position: right center;
        margin-bottom: -3rem;

        .sa-info {
          padding-top: 4rem;
        }

        .benifits-cont {
          margin-bottom: 0;
        }
      }

      .prawista-info-cont {
        background-image: url(img/prawista-info-cont.jpg);
        background-position: center left;

        .sa-info {
          padding: 7rem 0 7rem 0;
        }
      }
    }
  }

  .contact-us {
    .contact-sec {
      padding: 3rem 0;

      .form-cont {
        margin-top: 0;
      }

      .contact-icons {
        margin-top: 0;
      }
    }

    .our-branches {
      padding: 4rem 0;

      .branches-box {
        .branch-cont {
          margin-top: 0;
        }
      }
    }

    .call-hours {
      border-radius: 10rem;
    }
  }

  .about-us {
    .corp-info-box-cont {
      background-size: contain;
      padding: 0;

      .corporate-information-box {
        margin-bottom: -16%;
        margin-top: -16%;
      }
    }

    .vision-mission-cont {
      .img-cont {
        padding: 0;
      }

      .detail-cont {
        .vision-mission-box {
          padding-top: 30%;

          .vision-mission-values {
          }
        }
      }
    }
  }

  .fintrex-dream-plan {
    .dream-into-reality {
      .dreams-box {
        flex-direction: row;
        gap: 2rem;

        .dream-cont:first-child {
          .details {
            height: 150px;
          }
        }

        .dream-cont:nth-child(2) {
          .details {
            height: 200px;
          }
        }

        .dream-cont:nth-child(3) {
          .details {
            height: 250px;
          }
        }

        .dream-cont:nth-child(4) {
          .details {
            height: 300px;
          }
        }

        .dream-cont:nth-child(5) {
          .details {
            height: 350px;
          }
        }
      }

      .dream-plan-form {
        .result-section {
          .result-box {
            justify-content: start;
          }
        }
      }
    }
  }

  .gold-loan {
    padding: 3rem 0;

    .gold-loan-sec {
      padding: 0;
    }

    .gold-valuation-sec {
      padding-left: 3rem;
      padding-right: 3rem;
    }
  }

  .page-fd {
    .fd-cal-cont {
      form {
        .form-itm-cont {
          div {
            display: flex;
            justify-content: center;
            margin-bottom: 0rem;

            .form-control-sm,
            .form-select-sm {
              width: 80%;
            }
          }
        }
      }

      .fd-cal-result {
        flex-direction: row;
      }
    }
  }

  .page-mpl {
    .mobile-phone-filter {
      .filter-cont {
        h6 {
          display: none;
        }

        .input-group {
          label {
            display: block;
          }
        }
      }
    }

    .dealer-filter {
      .filter-cont {
        .input-group {
          label {
            display: block;
          }
        }
      }
    }

    .phone-quote {
      form {
        .form-itm-cont {
          .form-control {
            border-radius: 0.9rem;
            margin-bottom: 0;
          }
        }
      }
    }
  }

  .easyleasing {
    .fintrex-easyleasing-info-cont {
      background-position: center right;

      .fintrex-easyleasing-info {
        padding: 4rem 0;
      }
    }

    .smart-draft-info-cont {
      background-size: cover;
      background-position: right center;

      .smart-draft-info {
        padding: 5rem 0;
      }
    }

    .fintrex-ver-drive-info-cont {
      background-position: center right;

      .fintrex-ver-drive-info {
        padding: 4rem 0;
      }
    }

    .threewheeler-info-cont {
      background-position: right center;
      background-size: cover;

      .threewheeler-info {
        padding: 5rem 0;
      }
    }

    .fintrex-speed-wheel-cont {
      background-position: center right;
      background-size: cover;

      .fintrex-speed-wheel-info {
        padding: 4rem 0;
      }
    }

    .fintrex-vehicle-loan-cont {
      background-size: cover;
      background-position: right center;

      .fintrex-vehicle-loan-info {
        padding: 5rem 0;
      }
    }

    .dealer-details-sec {
      .dealer-details-cont {
        .filter-cont {
          label {
            text-align: right;
          }

          .form-select {
            border-radius: 2rem !important;
            margin-bottom: 0;
          }
        }
      }
    }

    .get-a-quote {
      .get-a-quote-cont {
        h4 {
          text-align: right;
        }

        .getaquote-itm-cont {
          margin-bottom: 0rem;
        }
      }
    }
  }

  .leasing-apply-form {
    .laf-cont {
      .laf-form-cont {
        .laf-form-itm {
          .tov-cont {
            .tov-itms-cont {
              /* flex-direction: column; */
            }
          }
        }
      }
    }
  }
}