@font-face {
  src: url('/fonts/Poppins-Black.ttf');
  font-family: pop;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-BlackItalic.ttf');
  font-family: poppins-black-italci;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-Bold.ttf');
  font-family: poppins-bold;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-BoldItalic.ttf');
  font-family: poppins-bold-italic;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-ExtraBold.ttf');
  font-family: poppins-extra-bold;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-ExtraBoldItalic.ttf');
  font-family: poppins-extra-bold-italic;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-ExtraLight.ttf');
  font-family: poppins-extra-light;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-LightItalic.ttf');
  font-family: poppins-extra-light-italic;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-Italic.ttf');
  font-family: poppins-italic;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-Light.ttf');
  font-family: poppins-light;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-LightItalic.ttf');
  font-family: poppins-light-italic;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-Medium.ttf');
  font-family: poppins-medium;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-MediumItalic.ttf');
  font-family: poppins-medium-italic;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-Regular.ttf');
  font-family: poppins-regular;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-SemiBold.ttf');
  font-family: poppins-semi-bold;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-SemiBoldItalic.ttf');
  font-family: poppins-semi-bold-italic;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-Thin.ttf');
  font-family: poppins-thin;
  font-display: swap;
}

@font-face {
  src: url('/fonts/Poppins-ThinItalic.ttf');
  font-family: poppins-thin-italic;
  font-display: swap;
}

/*
p{font-family: poppins-extra-light;} h1{font-family: pop;} h2{font-family: poppins-thin;} h3{font-family: poppins-semi-bold;} h4{font-family: poppins-regular;} h5{font-family: poppins-medium;} h6{font-family: poppins-light;}
*/

body {
  font-family: poppins-regular !important;
  color: #6c757d;
}

div {
  color: #6c757d;
}

.bg-top-header {
  background-color: #F8F8F8;
  color: #175aa9 !important;
}

.login {
  width: 1rem;
}

.hero-section-wrapper {
  background-image: url('/img/simple-blue-Rectangle-bg.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-logo {
  width: 170px;
  /*max-width: 70%;*/
  height: auto;
}

.hero-section-col-one-heading {
  font-size: 45px;
  color: #fff;
  line-height: 3.99rem;
}

.hero-section-col-one-cta-btn {
  max-width: 11rem;
  color: #fff !important;
}

.hero-section-col-one-cta-btn:hover {
  color: #2168be !important;
}

.theme-solid-btn {
  background-image: linear-gradient(#29aae2, #2168be);
}

.theme-outline-btn {
  border: 1px solid #175aa9 !important;
  color: #175aa9 !important;
}

.theme-outline-btn:hover {
  background-image: linear-gradient(#29aae2, #2168be);
  border: none !important;
  color: #fff !important;
}

.theme-btn-radius {
  border-radius: 25px !important;
}

.sale-icon {
  /*height:110px;*/
}

.sale-text {
  color: #811913;
  font-size: 1.2rem;
}

.check-icon {
  width: 12px;
  height: auto;
  display: inline-block !important;
  margin-right: 0.5rem !important;
}

.hero-section-rating {
  background-color: #5fb0e2;
  width: 18.5rem;
  height: 6rem;
  margin-left: -7.59rem;

  border-radius: 55px;
}

.hero-section-rating .stars img {
  width: 12px;
  height: auto;
  margin-right: 5px;
}

.hero-section-rating .trustpilot-text img {
  width: 12px;
  height: auto;
}



.hero-section-rating-pricing-page {
  background-color: #5fb0e2;
  width: 18.5rem;
  height: 6rem;
  margin-left: -6.19rem;

  border-radius: 55px;
}

.hero-section-rating-pricing-page .stars img {
  width: 12px;
  height: auto;
  margin-right: 5px;
}

.hero-section-rating-pricing-page .trustpilot-text img {
  width: 12px;
  height: auto;
}

#menu-cross-icon {
  display: none;
}

/*
.rating-inner-wrapper {
  
}  */

.hero-section-col-two-laptop {
  width: 100%;
  /*box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;*/
}

.hero-section-col-two-mobile {
  bottom: 390px;
  margin-left: 50px;
  width: 19%;
}

.hmrc-card {
  box-shadow: 1px 2px 7px #0000005a;
  margin-top: -5rem;
  max-width: 59rem;
  border-radius: 25px;
  padding: 2rem 3.9rem 2rem 3.3rem;
  /* padding:2rem 3.9rem 2rem 3.3rem !important; */
}

.hmrc-card-badge {
  width: 250px;
  height: 190px;
}

.hmrc-card-content {
  color: #6c757d !important;
}

.features-wrapper ul li button {
  font-weight: 700;
}

.features-wrapper>h2 {
  font-weight: 700;
}

.main-heading-fw {
  font-weight: 700;
}

/* .features-section-tab-one-col-two {
   background-image: url(https://beta.arkitservices.co.uk/Moneypex/img/Path\ 1335.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; 
  /* padding-top: 5rem;
  padding-bottom: 5rem; 
} */

.feature-tab-button {
  color: #6c757daa !important;
}

.feature-tab-button.active {
  color: #6c757d !important;
  background-color: transparent !important;
  border-bottom: 4px solid #175aa9 !important;
  border-radius: 0px !important;
}

.features-section-tab-one-col-one-image {
  width: 28rem;
  position: relative;
}

.features-section-tab-one-col-one-image-pos {
  width: 28rem !important;
  position: relative;
  margin-left: 1rem !important;
}

.features-parent-wrapper {
  overflow-x: hidden;
}

.features-inner-sectio-icon {
  width: 80px;
  height: 80px;
}

.features-cta {
  max-width: 8rem;
}

.theme-color {
  color: #175aa9;
}

.benefits-wrapper {
  background-image: url('/img/blue tiles BG.webp');
  margin-top: 5rem;
}

.benefits-card {
  box-shadow: -1px 1px 7px #ffffffaa;
  border-radius: 15px;
}

.benefits-card img {
  width: 70px;
  height: 70px;
}

.benefits-card div {
  padding-right: 4rem;
  padding-left: 3.5rem;
}

.benefits-cta {
  max-width: 13rem;
  color: #175aa9 !important;
}

.benefits-cta:hover {
  background-image: linear-gradient(#29aae2, #2168be);
  color: #fff !important;
}

.theme-btn-bg {
  max-width: 13rem;
  background-image: linear-gradient(#29aae2, #2168be);
  color: #fff !important;
}

.theme-btn-bg-b {
  max-width: 22rem;
  background-image: linear-gradient(#29aae2, #2168be);
  color: #fff !important;
}

.theme-btn-bg-b:hover {
  background-image: linear-gradient(#fff, #fff);
  border-color: #175aa9;
  color: #175aa9 !important;
}

.theme-btn-bg:hover {
  background-image: linear-gradient(#fff, #fff);
  border-color: #175aa9;
  color: #175aa9 !important;
}

.industries-section>h2 {
  font-weight: 700;
}

.industries-col-one {
  /* background-image: url(https://beta.arkitservices.co.uk/Moneypex/img/Path\ 1362.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; */
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.industries-col-one img {
  width: 95%;
}

.industries-col-two ul {
  list-style: none;
}

.industries-cta {
  max-width: 9rem;
}

.carousel-indicators button {
  background-color: #175aa9 !important;
}

.counter-wrapper {
  background-image: linear-gradient(#29aae2, #2168be);
}

.counter-wrapper h2 {
  font-size: 3.3rem !important;
}

.mobileapp-col-two>h2 {
  font-weight: 700;
}

.mobileapp-col-one img {
  width: 99%;
}

.mobileapp-col-two ul {
  list-style: none;
}

.mobileapp-col-two img {
  width: 7rem;
}

.pricing-section>h2 {
  font-weight: 700;
}

.pricing-card {
  box-shadow: 1px 1px 15px #0000009a;
  border-radius: 18px;
  background-color: #fff;
}

.pricing-cta {
  max-width: 17rem;
  background-image: linear-gradient(#29aae2, #2168be);
  color: #fff !important;
}

.pricing-cta:hover {
  background-image: linear-gradient(#fff, #fff);
  color: #175aa9 !important;
  border: 1px solid #175aa9;
}

.pricing-card h5 span {
  border-bottom: 3px solid #175aa9;
  padding-bottom: 0.3rem;
}

.plan-detail-link {
  font-size: 12px;
}

.form-section-col-one-heading {
  font-weight: 700;
}

.form-wrapper {
  border-radius: 20px;
  box-shadow: 1px 1px 9px #0000009a;
}

input,
textarea {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
}

input[type="checkbox"] {
  border-top-color: #ced4da !important;
  border-right-color: #ced4da !important;
  border-left-color: #ced4da !important;
}

.form-submit {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 10rem;
  min-width: 7rem !important;
  background-image: linear-gradient(#29aae2, #2168be);
  color: #fff !important;
}

.form-submit:hover {
  background-image: linear-gradient(#fff, #fff);
  color: #175aa9 !important;
  border: 1px solid #175aa9;
}

.form-section-wrapper {
  background-image: url('/img/simple-blue-Rectangle-bg.webp');
  margin-top: -5.5rem !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.form-section-col-one-heading {
  font-size: 2.8rem;
  color: #fff;
  line-height: 3.99rem;
}

footer {
  background-color: #f8f8f8;
  color: #175aa9 !important;
}

footer div {
  background-color: transparent;
  color: #175aa9 !important;
}

.footer-logo {
  width: 55% !important;
}

footer ul {
  list-style-type: none;
}

.follow-us img {
  width: 0.9rem;
  margin-right: 1rem;
}

.follow-us p {
  line-height: 0.6rem;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1 !important;
}

.signup-btn {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 15rem;
  min-width: 6rem !important;
  background-image: linear-gradient(#29aae2, #2168be);
  color: #fff !important;
}

.signup-btn:hover {
  background-image: linear-gradient(#fff, #fff);
  color: #175aa9 !important;
  border: 1px solid #175aa9;
}

/* child parent wrapper wrapper inner-wrapper inner-section component block group card primary secondary element */

@media screen and (min-width: 769px) {
  .hero-section-col-one-heading {
    font-weight: 700;
  }

  .features-section-tab-one-col-two img {
    width: 170%;
    margin-left: -30%;
    margin-top: -20%;
  }
}

@media screen and (max-width: 768px) {
  .hero-section-col-two-laptop {
    width: 100%;
  }

  .container.mbl-header {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .container.mbl-header .flex .navbar-brand img {
    width: 6rem !important;
    padding-top: 0.3rem;
    padding-left: 0.2rem;
  }

  .nav-btn {
    width: 6rem;
  }

  nav li a {
    font-weight: 500;
  }

  .hero-section-col-one-heading {
    font-weight: 400;
    font-size: 2.2rem;
    line-height: 2.5rem;
    padding-top: 2.5rem;
  }

  .hero-section-features-list {
    flex-direction: column;
  }

  .hmrc-card {
    flex-direction: column;
    justify-content: center;
  }

  .hmrc-card img {
    display: block;
    margin: auto !important;
  }

  .hmrc-card {
    box-shadow: 1px 2px 7px #0000005a;
    margin-top: -5rem;
    max-width: 39rem;
    border-radius: 15px;
    padding: 2rem 1.5rem;
    /* padding:2rem 3.9rem 2rem 3.3rem !important; */
  }

  .hmrc-card-badge {
    width: 150px;
    height: 113px;
  }

  .features-section-tab-one-col-one-image {
    max-width: 80vw;
    position: relative;
  }

  .features-section-tab-one-col-one-image-pos {
    max-width: 80vw;
    position: relative;
  }

  .feature-tab-button {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .feature-section-sub-heading {
    font-weight: 400;
  }

  /* .features-section-tab-one-col-two {
        background-size: contain;
        padding-top:3rem;
        padding-bottom:3rem;
        margin-top:-50px !important;
      } */
  .benefits-card img {
    align-self: center;
  }

  .benefits-card div {
    padding-right: 0.5rem;
    padding-left: 1.5rem;
  }

  .counter-wrapper h2 {
    font-size: 2.2rem !important;
    font-weight: 400 !important;
  }

  .follow-us img {
    width: 1.2rem;
    margin-right: 1rem;
  }

  .carousel-control-prev-icon {
    background-color: #175aa9 !important;
    opacity: 1 !important;
    border-radius: 15px;
  }

  .carousel-control-next-icon {
    background-color: #175aa9 !important;
    opacity: 1 !important;
    border-radius: 15px;
  }

  .hmrc-card-content div b {
    font-size: 1.1rem;
    font-weight: 400;
  }

  b {
    font-size: 1.2rem !important;
    font-weight: 400 !important;
  }

  .features-wrapper ul li button {
    font-weight: 400 !important;
    font-size: 1rem;
  }

  .features-wrapper>h2 {
    font-weight: 400;
  }

  .benefits-wrapper>h2 {
    font-weight: 400;
  }

  .industries-section>h2 {
    font-weight: 400;
  }

  .mobileapp-col-two>h2 {
    font-weight: 400;
  }

  .pricing-section>h2 {
    font-weight: 400;
  }

  .form-section-col-one-heading {
    font-weight: 400;
  }

  .faq-section-col-one {
    min-height: 16rem;
  }

  .scrollmenu {
    overflow: auto;
    white-space: nowrap;
  }

  .scrollmenu a {
    display: inline-block;
    text-decoration: none;
  }

  .scrollmenu a:hover {
    background-color: rgb(219, 219, 219);
  }

  .form-section-wrapper {
    background-position: top right;
  }

  .features-inner-sectio-icon {
    width: 50px;
    height: 50px;
  }

  /*  .pos-third-sec{*/
  /*    margin-top:-18rem !important;*/
  /*}*/
  /*.pos-second-section img.hero-section-pos{*/
  /*    margin-top:-4rem !important;*/
  /*}*/
  /*.pos-second-section{margin-top:-19.9rem !important;}*/


  .pos-bottom-bg-graphic {
    background-image: url('/img/common/roundlightbg.webp');
    background-position: top center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
  }

  .pos-second-section {
    margin-top: -7.4rem !important;
  }

  .pos-second-section img.hero-section-pos {
    margin-top: -8.5rem !important;
    margin-bottom: 5rem !important;
  }

  .pos-third-sec {
    margin-top: -1rem !important;
  }

  .posd-herobg {
    background-image: url('/img/Pharmacy-banner.webp');
    background-position: top center;
    /* background-size: cover; */
    background-repeat: no-repeat;
  }

  .hero-section-pos {
    width: 90% !important;

  }
}

@media screen and (max-width: 576px) {
  .light-gray-bg-wrap {
    background-image: url('/img/w567.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 2rem;
    padding-top: 5rem;
    padding-bottom: 6rem;
    background-size: 100% 100% !important;
  }
}

@media screen and (min-width: 992px) {
  .light-gray-bg-wrap {
    background-image: url('/img/off-white BG shape.webp');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 6rem;
    background-size: 100% 100% !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .light-gray-bg-wrap {
    background-image: url('/img/w768.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 2rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-size: 100% 100% !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 992px) {
  .feature-cards-wrapper.industry-featured-cards {
    margin-top: 2.9rem;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .hero-section-col-one-heading {
    font-size: 2rem !important;
    line-height: 2rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .features-section-tab-one-col-one-image {
    max-width: 50vw;
    position: relative;
    left: -30px !important;
  }

  .features-section-tab-one-col-one-image-pos {
    max-width: 40vw;
    position: relative;
    left: -25px !important;

  }

  .industries-col-one img {
    width: 100%;
  }

  .light-gray-bg-wrap {
    background-image: url('/img/w992.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 6rem;
    background-size: 100% 100% !important;
  }

  .scrollmenu {
    overflow: auto;
    white-space: nowrap;
  }

  .scrollmenu a {
    display: inline-block;
    text-decoration: none;
  }

  .scrollmenu a:hover {
    background-color: rgb(219, 219, 219);
  }

  /* -------------------- */
  .pos-bottom-bg-graphic {
    background-image: url('/img/common/roundlightbg.webp');
    background-position: top center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
  }

  .pos-second-section {
    margin-top: -15.7rem !important;
  }

  .pos-second-section img.hero-section-pos {
    margin-top: -8.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .pos-third-sec {
    margin-top: -1rem !important;
  }

  .posd-herobg {
    background-image: url('/img/Pharmacy-banner.webp');
    background-position: top center;
    /* background-size: cover; */
    background-repeat: no-repeat;
  }

  .hero-section-pos {
    width: 90% !important;

  }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .hero-section-col-two .hero-section-col-two-laptop {
    margin-left: -1.5rem;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
  .hero-section-wrapper.industry-hero {
    padding-bottom: 3rem !important;
  }
}

@media only screen and (min-width: 300px) and (max-width: 830px) {
  .horizontal-scrollable {
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  .horizontal-scrollable li {
    display: inline-block !important;
    float: none !important;
  }

  .horizontal-scrollable {
    height: 5rem;
    width: 100%;
    max-width: 300%;
    overflow: auto;
  }

  /* width */
  .horizontal-scrollable::-webkit-scrollbar {
    width: 6px !important;
    height: 5px !important;
  }

  /* Track */
  .horizontal-scrollable::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  .horizontal-scrollable::-webkit-scrollbar-thumb {
    background: rgb(190, 190, 190);
  }

  /* Handle on hover */
  .horizontal-scrollable::-webkit-scrollbar-thumb:hover {
    background: rgb(218, 218, 218);
  }
}

/* ---------------------------------- Home Page Style End ----------------------------- */
.feature-cards-wrapper {
  margin-top: -2rem;
}

.feature-page-card {
  box-shadow: 1px 1px 8px #0000002a;
  border-radius: 10px;
  background-color: #fff;
}

.features-section-outline-cta {
  max-width: 15rem;
}

.explore-more-feature-card {
  box-shadow: 1px 1px 9px #0000004a;
  border-radius: 4px;
}

.explore-more-feature-card img {
  width: 100%;
}

.faq-section-col-one img {
  width: 80%;
}

.faq-section-col-one {
  background-image: url('/img/Blogs.webp');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 19px;
}

.accordion.faqs .accordion-item {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-left: transparent !important;
}

.feature.hero-section-col-two {
  background-image: url('/img/banner form bg.webp');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.feature-page-hero-section-form {
  margin-top: -3.5rem;
}

.light-bg-feature-section {
  overflow-x: hidden;
}

.light-bg-feature-section-alternate {
  overflow-x: hidden;
  background: #ededed;
}

/* -------------------------------------- Features Page syle End ------------------------------------- */

.testimonial-section-wrapper {
  background-image: url('/img/blue tiles BG.webp');
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.display-pic {
  margin-top: -60px;
  width: 90px !important;
}

.testimonial-stars img {
  width: 15px !important;
  margin-right: 3px;
  margin-left: 3px;
}

.testimonial-stars.trustpilot-text img {
  margin-left: 0px !important;
  margin-right: -3px !important;
}

.testimonial-stars.trustpilot-text {
  color: #000000;
  font-size: 13px;
}

.testimonial-card {
  box-shadow: 1px 1px 9px #0000004a;
  border-radius: 16px;
  background: white;
}

/*------------------------------------- Testimonial Page Style End ------------------------------*/
/*------------------------------------- Support Page Style Start ------------------------------*/
.support-form-wrapper input {
  max-width: 30rem;
  border-radius: 30px;
  display: block;
  margin: auto;
}

.faqs-links-section-wrapper ul li a {
  color: gray;
  font-weight: 400;
  text-decoration: none;
}

.faqs-links-section-wrapper ul li {
  list-style: none !important;
  margin-bottom: 1rem;
}

/*-------------------------------------- Pricing page style start ------------------------*/
.feature-cards-wrapper.pricing-page ul {
  list-style: none;
  text-align: center;
}

.featured-blog-wrapper {
  box-shadow: -1px 1px 7px #0000004a;
  border-radius: 25px;
}

.featured-blog-wrapper img {
  width: 99.9%;
}

.blog-search-form {
  max-width: 30rem;
  border-radius: 30px;
  display: block;
}

.blog-search-form input {
  border: 1px solid #ced4da !important;
  border-radius: 30px;
}


/*-------------------------------------- MTD Page -------------------------------------*/
.bottom-header-ul {
  width: 100%;
}

/*---------------------------------------- POS Page ---------------------------------*/
.hero-section-pos {
  width: 60%;
  display: block;
  margin: auto;
}

/*--------------------------------------- POSB Page --------------------------------*/
.posb-herobg {
  background-image: url('/img/restaurant-banner-hero-bg.webp');
  background-position: top center;
  /* background-size: cover; */
  background-repeat: no-repeat;
}

.posc-herobg {
  background-image: url('/img/retail-banner.webp');
  background-position: top center;
  /* background-size: cover; */
  background-repeat: no-repeat;
}

.pos-bottom-bg-graphic {
  background-image: url('/img/common/roundlightbg.webp');
  background-position: top center;

  background-size: 100vw auto;
  background-repeat: no-repeat;
}

.pos-second-section {
  margin-top: -11.9rem;
}

.pos-second-section img.hero-section-pos {
  margin-top: -14.5rem;
}

.pos-third-sec {
  margin-top: -16rem;
}

.posd-herobg {
  background-image: url('/img/Pharmacy-banner.webp');
  background-position: top center;
  /* background-size: cover; */
  background-repeat: no-repeat;
}

/*------- Practice manager page start ------------ */
.practice-manager-home .testimonial-card {
  padding: 0.7rem !important;
  height: 9rem !important;
}

.practice-manager-home .testimonial-card img {
  width: 40% !important;
  height: auto !important;
}

.graybg-p-m {
  background-image: url('/img/Work Partner From Stem to Stern - Background.webp');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 70%;
}

/*------- custom css ------------ */


.p_size {
  font-size: 12px;
  font-weight: 600;
}

.list-unstyle {
  list-style-type: none;
}

.pricing-shadow {
  box-shadow: 1px 4px 15px #0000009a !important;
}

.p_size {
  font-size: 11px;
  font-weight: 600;
}

.bckgrnd-color {
  background-image: linear-gradient(#1e5caa, #29abe2);
}

.button-color {
  max-width: 17rem;
  background-image: linear-gradient(#fff, #fff);
  color: #175aa9 !important;
}

.list-unstyle {
  list-style-type: none;
}

.btn-width {
  max-width: 14rem !important;
}

.btn-widthh {
  max-width: 11rem !important;
}

.p_sizee {
  font-size: 18px;
  font-weight: 400;
}

/*-------Pk Index Page ------------ */

@media screen and (max-width: 576px) {

  .counter-wrapper .col-sm-4 {
    border: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card-title-size {
    font-weight: bold;
    font-size: 0.8em;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .hero-section-wrapper-background {
    background-image: url('/img/home/android/svg/hero-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #e9ecef;
}

.sticky-index {
  z-index: 1000;
}

.dropdown-color {
  color: rgba(0, 0, 0, .55) !important;
}

.heading-color {
  color: #175aa9 !important;
}

.background-color {
  background-color: #175aa9 !important;
}

@media (min-width:992px) and (max-width:1200px) {
  .pb-card1 {
    padding-bottom: 4rem unset !important;
  }
}

/* Rental Page Customization */


/* rental-hero-section */
section.rental-hero-section {
  padding-top: 70px;
  padding-bottom: 90px;
}

section.rental-hero-section-bg {

  background-image: url('/img/rental/desktop/png/hero-bG.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

section.rental-hero-section .text h3 {
  font-weight: 800;
  font-size: 40px;
  line-height: 60px;
  color: white;
  margin-bottom: 20px;
}

section.rental-hero-section .text p {
  color: white;
  line-height: 22px;
  margin-bottom: 20px;
}

section.rental-hero-section .button .btn {
  color: #175aa9;
  background-color: white;
  padding: 5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}


/* rental-video-section */
section.rental-video-section {
  padding-top: 100px;
  padding-bottom: 80px;

}

/* rental-standard-section */
section.rental-standard-section {
  padding-top: 60px;
  padding-bottom: 90px;
}

section .rental-standard-section-bg {
  background-image: url('/img/rental/desktop/webp/circle-bg.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

section.rental-feature-section img .card-img-topp {
  height: 100px;
  object-fit: cover;
  margin: auto;
  margin-top: 10px;
}

/* rental-standard-section-two */
section.rental-standard-section-two {
  padding-top: 70px;
  padding-bottom: 50px;
}

section.rental-standard-section-two .text h3 {
  font-weight: 800;
  font-size: 35px;
  color: white;
  margin-bottom: 20px;
  color: #175aa9;
}

section.rental-standard-section-two .text p {
  color: #6c757d;
  line-height: 22px;
  margin-bottom: 20px;
}

section.rental-standard-section-two .button .btn {
  color: #175aa9;
  background-color: white;
  padding: 5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

section.rental-standard-section-two .row-second {
  margin-top: 12rem;
}

section.rental-standard-section-two .row-second .col-padding {
  border-radius: 20px;
  padding: 6rem;
  background-image: linear-gradient(to right, #431b8d 0%, #5884c5 50%, #4b4ea6 100%);
}

section.rental-standard-section-two .row-second h4 {
  margin-bottom: 30px;
  text-align: center;
  color: white;
}

/*rental-experience-section*/
section.rental-experience-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

section.rental-experience-section .row {
  border-radius: 20px;
  padding: 100px 0;
  background-image: linear-gradient(to right, #431b8d 0%, #5884c5 50%, #4b4ea6 100%);
}

section.rental-experience-section .button .btn {
  color: #175aa9;
  background-color: white;
  padding: 5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* rental-feature-section */
section.rental-feature-section-bg {
  background-image: url('/img/rental/desktop/png/features-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  section.rental-hero-section .text h3 {
    font-size: 34px;
    line-height: 50px;
  }

  section.rental-standard-section {
    padding-top: 0;
    padding-bottom: 90px;
  }

  section.rental-standard-section-two .row-second {
    margin-top: 10rem;
  }

  section.rental-hero-section .row {
    align-items: center !important;
  }

  section.rental-standard-section-two.bg-image {
    background-image: url('/img/rental/mobile/webp/circle-bg.webp');
    background-repeat: no-repeat;
    background-position: 49% 310px;
    background-size: 630px auto;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  section.rental-standard-section-two.bg-image {
    background-image: url('/img/rental/mobile/webp/circle-bg.webp');
    background-repeat: no-repeat;
    background-position: 49% 310px;
    background-size: 560px auto;
  }

}

@media (max-width: 575px) {
  section.rental-hero-section .row {
    padding: 0 1rem;
  }

  section.rental-standard-section {
    padding-top: 0;
  }

  section.rental-hero-section .text h3 {
    font-size: 35px;
  }

  section.rental-standard-section-two.bg-image {
    background-image: url('/img/rental/mobile/webp/circle-bg.webp');
    background-repeat: no-repeat;
    background-position: 49% 310px;
    background-size: 440px auto;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  section.rental-standard-section-two img {
    width: 100% !important;
  }

}

/* Global Premium Buttons */
.btn-premium {
  background: linear-gradient(135deg, #1E5CAA 0%, #3b82f6 100%);
  color: white !important;
  padding: 1rem 2.5rem;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border: none;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 10px 25px -5px rgba(30, 92, 170, 0.4), 0 8px 10px -6px rgba(30, 92, 170, 0.3);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.btn-premium::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: none;
  z-index: 2;
}

.btn-premium span,
.btn-premium svg {
  position: relative;
  z-index: 3;
}

.btn-premium:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 15px 30px -5px rgba(30, 92, 170, 0.4);
  background: linear-gradient(90deg, #174a85 0%, #1E5CAA 100%);
}

.btn-premium:hover::before {
  animation: btnShine 0.8s forwards;
}

.btn-premium svg {
  transition: transform 0.3s ease;
}

.btn-premium:hover svg {
  transform: translateX(5px);
}

.btn-premium-outline {
  background: transparent;
  color: #1E5CAA !important;
  border: 2px solid #1E5CAA;
  padding: 0.875rem 2.25rem;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.btn-premium-outline:hover {
  background: rgba(30, 92, 170, 0.05);
  border-color: #3b82f6;
  color: #3b82f6 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

@keyframes btnShine {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

/* Modern Navigation Styles */
.modern-navbar {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.nav-link-modern {
  color: #111827;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0;
}

.nav-link-modern:hover {
  color: #1E5CAA;
}

.nav-link-modern::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #1E5CAA;
  transition: width 0.3s ease;
}

.nav-link-modern:hover::after {
  width: 100%;
}

.nav-dropdown-wrapper {
  position: relative;
}

.nav-dropdown-wrapper:hover .modern-dropdown {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.modern-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  margin-top: 15px;
  min-width: 320px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-radius: 1.25rem;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 1000;
}

.modern-dropdown::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(255, 255, 255, 0.95);
}

.dropdown-item-modern {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0.875rem 1rem;
  color: #374151;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 1rem;
  animation: dropDownItemFade 0.5s ease-out both;
}

@keyframes dropDownItemFade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-item-modern:nth-child(1) {
  animation-delay: 0.05s;
}

.dropdown-item-modern:nth-child(2) {
  animation-delay: 0.1s;
}

.dropdown-item-modern:nth-child(3) {
  animation-delay: 0.15s;
}

.dropdown-item-modern:nth-child(4) {
  animation-delay: 0.2s;
}

.dropdown-item-modern:nth-child(5) {
  animation-delay: 0.25s;
}

.dropdown-item-modern:hover {
  background-color: rgba(30, 92, 170, 0.08);
  color: #1E5CAA;
  transform: translateX(8px);
}

.dropdown-icon {
  width: 2.75rem;
  height: 2.75rem;
  background: rgba(30, 92, 170, 0.06);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1E5CAA;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.dropdown-item-modern:hover .dropdown-icon {
  background: #1E5CAA;
  color: white;
  transform: scale(1.1) rotate(5deg);
}

.dropdown-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.dropdown-title {
  font-weight: 700;
  color: #111827;
  font-size: 1rem;
}

.dropdown-desc {
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.4;
}

.nav-link-mobile {
  color: #374151;
  text-decoration: none;
  padding: 8px 0;
  transition: color 0.2s ease;
}

.nav-link-mobile:hover {
  color: #1E5CAA;
}

.border-gray-200 {
  border-color: #e5e7eb;
}

.text-gray-900 {
  color: #111827;
}

.text-gray-700 {
  color: #374151;
}

.text-gray-600 {
  color: #4b5563;
}

.text-blue-600 {
  color: #1E5CAA;
}

.bg-white {
  background-color: #ffffff;
}

.z-50 {
  z-index: 50;
}

.border-bottom {
  border-bottom: 1px solid #e5e7eb;
}

@media (max-width: 991.98px) {
  .modern-navbar .container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Modern Footer Styles */
.modern-footer {
  background-color: #111827;
  color: #d1d5db;
}

.modern-footer .social-icon:hover {
  background-color: #1E5CAA;
  color: white;
}

.footer-link:hover {
  color: #60a5fa !important;
}

.bg-gray-900 {
  background-color: #111827;
}

.border-gray-800 {
  border-color: #1f2937;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0;
  }
}

/* Modern Hero Section Styles */
.modern-hero-section {
  background: white;
}

.modern-hero-btn:hover {
  background-color: #174a85;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

@media (min-width: 992px) {
  .modern-hero-section {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .modern-hero-heading {
    font-size: 4.5rem !important;
  }
}

@media (max-width: 991.98px) {
  .modern-hero-section {
    padding-top: 6rem !important;
    padding-bottom: 3rem !important;
    min-height: auto !important;
  }

  .modern-hero-heading {
    font-size: 2.5rem !important;
  }

  .modern-hero-text {
    font-size: 1.125rem !important;
  }
}

/* Typewriter Animation Styles */
.typewriter-cursor {
  display: inline-block;
  animation: blink 1s infinite;
  color: #1E5CAA;
  font-weight: 300;
  margin-left: 2px;
}

@keyframes blink {

  0%,
  50% {
    opacity: 1;
  }

  51%,
  100% {
    opacity: 0;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.typewriter-text {
  animation: fadeInUp 0.8s ease-out forwards;
}

.typewriter-btn {
  animation: fadeInUp 0.8s ease-out forwards;
}

/* Additional Tailwind-like utilities */
.animate-fade-in {
  animation: fadeIn 0.6s ease-out;
}

.animate-slide-up {
  animation: slideUp 0.6s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Products Hover Section Styles */
.products-hover-section {
  padding: 6rem 1rem;
  background: linear-gradient(to bottom, #f9fafb, white);
}

.products-hover-section .products-grid-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3rem !important;
  align-items: flex-start !important;
}

.products-hover-section .products-list-column {
  width: 100%;
  max-width: 100%;
  padding-left: 20px; /* Space for tab indicator */
}

.products-hover-section .products-list {
  position: relative;
}

.products-hover-section .product-details-column {
  width: 100%;
  max-width: 100%;
}

.products-hover-section .product-item {
  margin-bottom: 0.75rem;
  border: 2px solid #e5e7eb;
  background: white;
  border-radius: 0.75rem;
  padding: 1.25rem;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: visible;
  z-index: 1;
}

.products-hover-section .product-item:hover:not(.active) {
  border-color: #93c5fd !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  transform: translateX(8px);
  z-index: 2;
}

.products-hover-section .product-item.active {
  background: linear-gradient(135deg, #1E5CAA 0%, #3b82f6 100%) !important;
  border-color: #1E5CAA !important;
  transform: translateX(12px) scale(1.02);
  box-shadow: 0 20px 25px -5px rgba(30, 92, 170, 0.3), 0 10px 10px -5px rgba(30, 92, 170, 0.2) !important;
  z-index: 100 !important;
}

.products-hover-section .product-item.active:hover {
  z-index: 100 !important;
}

/* Tab indicator for active product */
.products-hover-section .product-item::before {
  content: '';
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  width: 16px;
  height: 60%;
  background: linear-gradient(135deg, #1E5CAA 0%, #3b82f6 100%);
  border-radius: 8px 0 0 8px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              height 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: -4px 0 12px rgba(30, 92, 170, 0.3);
  z-index: 11;
  opacity: 0;
}

.products-hover-section .product-item.active::before {
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
  height: 70%;
  z-index: 101;
}

/* White accent line on tab */
.products-hover-section .product-item::after {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 4px;
  height: 0;
  background: #ffffff;
  border-radius: 2px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              height 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 12;
  opacity: 0;
}

.products-hover-section .product-item.active::after {
  transform: translateY(-50%) scaleY(1);
  height: 40%;
  opacity: 1;
}

.products-hover-section .product-item.active .product-title {
  color: white !important;
  transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.products-hover-section .product-item.active .product-icon {
  background-color: rgba(255, 255, 255, 0.25) !important;
  transform: scale(1.1);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.products-hover-section .product-details-column {
  position: sticky;
  top: 2rem;
}

@media (max-width: 991.98px) {
  .products-hover-section .products-grid-container {
    grid-template-columns: 1fr !important;
  }

  .products-hover-section .product-details-column {
    position: relative !important;
    top: 0 !important;
    margin-top: 2rem;
  }

  .products-hover-section .products-list-column {
    margin-bottom: 2rem;
  }

  .products-hover-section {
    padding: 3rem 1rem !important;
  }

  .products-section-heading {
    font-size: 2rem !important;
  }

  .products-section-subtitle {
    font-size: 1.125rem !important;
  }
}

/* Responsive Hero Heading */
@media (min-width: 1024px) {
  .modern-hero-heading {
    font-size: 4.5rem !important;
  }
}

/* Benefits Section Modern */
.benefits-wrapper-modern {
  padding: 6rem 1.5rem;
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);
  position: relative;
  overflow: hidden;
}

.benefits-card-modern {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s;
}

.benefits-card-modern:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

@media (max-width: 991.98px) {
  .benefits-wrapper-modern {
    padding: 3rem 1rem !important;
  }

  .benefits-wrapper-modern h2 {
    font-size: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .benefits-card-modern {
    margin-bottom: 1.5rem;
  }
}

/* Features Carousel Section */
.features-carousel-section {
  padding: 6rem 1.5rem;
  background: linear-gradient(to bottom, white, #f9fafb);
}

/* Testimonials Section */
.testimonials-section {
  padding: 6rem 1.5rem;
  background: linear-gradient(to bottom, white, #f9fafb);
  overflow: hidden;
}

.testimonials-scroll-container {
  display: flex;
  gap: 1.5rem;
  overflow-x: hidden;
  scroll-behavior: auto;
  padding: 1rem 0;
}

.testimonials-scroll-container::-webkit-scrollbar {
  display: none;
}

.testimonials-scroll-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.testimonial-card {
  flex-shrink: 0;
  width: 500px;
  background: white;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}

.testimonial-card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.whos-moneypex-card {
  flex-shrink: 0;
  width: 600px;
  background: white;
  border-radius: 1.5rem;
  padding: 2.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}

.whos-moneypex-card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  transform: translateY(-5px);
}

@media (max-width: 991.98px) {
  .testimonials-section {
    padding: 3rem 1rem !important;
  }

  .testimonials-heading {
    font-size: 2rem !important;
  }

  .testimonials-subtitle {
    font-size: 1.125rem !important;
  }

  .testimonial-card {
    width: 400px !important;
  }

  .whos-moneypex-card {
    width: 500px !important;
    padding: 2rem !important;
  }
}

@media (max-width: 575.98px) {
  .testimonial-card {
    width: 320px !important;
  }

  .whos-moneypex-card {
    width: 350px !important;
    padding: 1.5rem !important;
  }

  .whos-moneypex-card h3 {
    font-size: 1.25rem !important;
  }

  .whos-moneypex-card p {
    font-size: 1rem !important;
  }
}

/* Empowering Businesses Section */
.empowering-businesses-section {
  padding: 4rem 1.5rem;
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);
  position: relative;
  overflow: hidden;
}

.stat-card-modern {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.stat-card-modern:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.stat-number {
  font-size: 2.25rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.25rem;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

@media (max-width: 991.98px) {
  .empowering-businesses-section {
    padding: 3rem 1rem !important;
  }

  .empowering-businesses-section h2 {
    font-size: 1.75rem !important;
    margin-bottom: 2rem !important;
  }

  .stat-card-modern {
    padding: 1.25rem !important;
    margin-bottom: 1rem;
  }

  .stat-number {
    font-size: 1.75rem !important;
  }
}

@media (max-width: 575.98px) {
  .empowering-businesses-section {
    padding: 2.5rem 1rem !important;
  }

  .empowering-businesses-section h2 {
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .stat-number {
    font-size: 1.5rem !important;
  }

  .stat-card-modern p {
    font-size: 0.875rem !important;
  }
}

.products-carousel-wrapper {
  position: relative;
  padding: 0 3rem;
}

.products-carousel {
  overflow: hidden;
}

.products-carousel-track {
  display: flex;
  transition: transform 0.7s ease-in-out;
}

.product-card {
  flex: 0 0 33.333%;
  padding: 0 0.75rem;
}

.carousel-pagination {
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

@media (max-width: 991.98px) {
  .features-carousel-section {
    padding: 3rem 1rem !important;
  }

  .features-carousel-heading {
    font-size: 1.875rem !important;
  }

  .products-carousel-wrapper {
    padding: 0 1rem !important;
  }

  .product-card {
    flex: 0 0 100% !important;
  }
}