@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
/* =========================
   PAGE LOADER
========================= */
.page-loader {
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease;
}

/* Logo Animation */
.page-loader img {
  width: 300px;
  animation: logoZoom 1.5s ease-in-out infinite;
}

/* Hide Loader */
.page-loader.hide {
  opacity: 0;
  visibility: hidden;
}

@keyframes logoZoom {
  0% {
    transform: scale(0.9);
    opacity: 0.6;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.6;
  }
}
html {
  font-size: 16px;
  font-family: "Nunito Sans", sans-serif;
}

body {
  background-color: #F6F0EC;
}

h1 {
  font-size: 2.813rem;
  font-weight: 600;
}

h2 {
  font-size: 2.188rem;
  font-weight: 700;
}

h3 {
  font-size: 1.938rem;
  font-weight: 700;
}

h6 {
  font-size: 1.25rem;
  font-weight: 400;
}

p {
  margin-bottom: 0;
}

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

small {
  font-size: 0.7rem;
  font-weight: normal;
}

.badge {
  background-color: #CBECA5;
  color: #21501D;
  font-size: 1rem;
  padding: 0.375rem 0.938rem;
  text-transform: uppercase;
  font-weight: 500;
}

.btn-sm {
  font-size: 0.875rem;
  padding: 0.375rem 0.875rem;
}

.btn-lg {
  font-size: 1rem;
  padding: 0.938rem 1.5rem;
}

.btn-md {
  padding: 0.625rem 1.313rem;
  font-size: 1rem;
}

.btn-light {
  background-color: #ffffff;
  color: #000000;
  border-radius: 1.938rem;
  border: 1px solid #000000;
}
.btn-light:hover {
  background-color: #21501D;
  color: #ffffff;
}

.btn-outline-light {
  background-color: transparent;
  color: #ffffff;
  border-radius: 1.938rem;
  border: 1px solid #ffffff;
}
.btn-outline-light:hover {
  background-color: #21501D;
  color: #ffffff;
}

.btn-secondary {
  background-color: #749240;
  color: #ffffff;
  border-radius: 1.938rem;
  border: 1px solid #749240;
}
.btn-secondary:hover {
  background-color: transparent;
  color: #749240;
  border: 1px solid #749240;
}

.btn-primary {
  background-color: #21501D;
  color: #ffffff;
  border-radius: 1.938rem;
  border: 1px solid #21501D;
}
.btn-primary:hover {
  background-color: transparent;
  color: #21501D;
  border: 1px solid #21501D;
}

.navbar .navbar-collapse ul {
  margin: auto;
}
.navbar .navbar-collapse ul li a:hover {
  color: #21501D;
}
.navbar .navbar-collapse ul li a.active {
  color: #21501D;
  font-weight: 600;
}
.navbar .navbar-collapse .dropdown-item:focus, .navbar .navbar-collapse .dropdown-item:hover, .navbar .navbar-collapse .dropdown-item:active {
  background-color: #21501D;
  color: #ffffff;
}

.banner {
  background: url("../img/banner-img.png") no-repeat;
  height: 70.188rem;
  background-size: cover;
  background-position: 100% 100%;
  text-align: center;
  position: relative;
}
.banner .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
.banner .banner-text {
  padding-top: 4.688rem;
  color: white;
}
.banner .banner-text p {
  font-size: 1.125rem;
}
.banner .banner-image {
  margin-top: 4.688rem;
  position: relative;
}
.banner .banner-image img {
  height: 35.25rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.banner .banner-image .wise-icon ul li {
  background-color: #ffffff;
  padding: 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  display: flex;
  justify-content: start;
  align-items: center;
  overflow: hidden;
  transition: 0.7s linear;
  max-width: 70px;
  z-index: 1;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
}
.banner .banner-image .wise-icon ul li:nth-child(2) {
  left: calc(0% + 3rem);
  top: calc(0% - 0rem);
}
.banner .banner-image .wise-icon ul li:nth-child(1) {
  right: calc(0% + 3rem);
  top: calc(0% - 0rem);
}
.banner .banner-image .wise-icon ul li:nth-child(4) {
  left: calc(0% + 5rem);
  top: calc(20% + 7rem);
}
.banner .banner-image .wise-icon ul li:nth-child(3) {
  right: calc(0% + 6rem);
  top: calc(20% + 7rem);
}
.banner .banner-image .wise-icon ul li:nth-child(6) {
  left: calc(0% + 5rem);
  bottom: calc(30% - 9rem);
}
.banner .banner-image .wise-icon ul li:nth-child(5) {
  right: calc(0% + 5rem);
  bottom: calc(30% - 11rem);
}
.banner .banner-image .wise-icon ul li .text {
  color: #000;
  text-align: Left;
  opacity: 0;
  transform: translateX(-20px);
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.7s ease, transform 0.7s ease, max-width 0.7s ease;
}
.banner .banner-image:hover .wise-icon ul li {
  max-width: 400px;
}
.banner .banner-image:hover .wise-icon ul li .text {
  opacity: 1;
  transform: translateX(0);
  padding-left: 0.5rem;
  transition: opacity 0.4s ease, transform 0.4s ease, max-width 0.4s ease;
}
.banner .btn-grp {
  display: flex;
  justify-content: center;
  margin-top: 2.3rem;
}
.banner .btn-grp a {
  align-items: center;
  display: flex;
  gap: 0.278rem;
  text-decoration: none;
}
.banner .btn-grp a span:first-child {
  text-decoration: underline;
}

.btn-dark {
  border-radius: 1.938rem;
}
.btn-dark:hover {
  border-color: #21501D;
  color: #21501D;
  background-color: #ffffff;
}

.client-logos {
  background-color: #ffffff;
  text-align: center;
  padding: 1.12rem 0 2.77rem;
}
.client-logos img {
  margin: 0 1.85rem 0;
}
.client-logos h6 {
  padding: 3.125rem 0 2.5rem 0;
  font-weight: 700;
}

.marquee {
  overflow: hidden;
  white-space: nowrap;
}

.marquee-content {
  display: inline-block;
  animation: scroll-left 20s linear infinite;
}

.marquee-content img {
  display: inline-block;
  white-space: nowrap;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
  /* Scrolls half-width */
}
.heading {
  text-align: center;
  padding: 0px 0 3.125rem 0;
}
.heading h2 {
  width: 54%;
  margin: 10px auto;
}
.heading .wise-icon {
  margin-top: 0.875rem;
}

.wise-icon {
  margin-top: 0.5rem;
}
.wise-icon span {
  font-size: 1.5rem;
  background-color: #749240;
  color: #ffffff;
  border-radius: 0.5rem;
  padding: 0.813rem;
  margin: 0 0.278rem;
  font-variation-settings: "FILL" 1;
}

.products {
  padding-bottom: 0;
}

.splide .splide__slide .product {
  margin: 0 0.5rem;
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
}
.splide .splide__slide .product img {
  width: 100%;
}
.splide .splide__slide .product .product-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #ffffff;
  width: 100%;
  border-radius: 0 0 1.25rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.834rem 1.12rem;
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 1;
}
.splide .splide__slide .product .product-text p {
  font-size: 1.125rem;
}
.splide .splide__slide .product .product-hover {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #749240;
  color: #ffffff;
  padding: 1.12rem;
  border-radius: 0.5rem;
  opacity: 0;
  transform: translate(-1.112rem, 1.12rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform-origin: bottom left;
  z-index: 1;
}
.splide .splide__slide .product .product-hover span {
  font-size: 6.8rem;
}
.splide .splide__slide .product .product-hover p {
  font-size: 1.25rem;
}
.splide .splide__slide .product .product-hover div {
  margin-top: 3.313rem;
}
.splide .splide__slide .product:hover .product-text {
  opacity: 0;
  transform: translateY(-0.5rem);
}
.splide .splide__slide .product:hover .product-hover {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: auto;
}
.splide .splide__pagination {
  display: none;
}

.hover-heading {
  font-size: 1.125rem;
  font-weight: 700;
}

.hover-text {
  font-size: 1rem;
  margin-top: 0.5rem;
}

section {
  padding: 7.5rem 0;
}

.workspace .splide__slide {
  background-color: #ffffff;
  padding: 1.12rem;
  border-radius: 1.6rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.workspace .splide__slide:hover .interfase-details img {
  transform: translate(0.4rem, -1.167rem) rotate(110deg);
  transform-origin: center center;
  transition: transform 0.3s ease-in-out;
}
.workspace .splide__slide:hover .store-btn {
  opacity: 1;
  transform: translateY(-0.5rem);
  transition: transform 0.3s ease-in-out;
}
.workspace .splide__slide .store-btn {
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  padding: 0.5rem 1.12rem;
  border-radius: 0.5rem;
  position: absolute;
  bottom: 0px;
  left: 0.5rem;
  opacity: 0;
  transition: transform 0.3s ease-in-out;
}
.workspace .splide__slide .store-btn span {
  font-size: 1rem;
}
.workspace .splide__slide .store-btn img {
  margin-left: 0.5rem;
}
.workspace .splide__slide .interfase-details {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.188rem;
}
.workspace .splide__slide .interfase-details img {
  position: absolute;
  bottom: calc(0% - 36rem);
  z-index: 0;
  left: calc(0% - 19.35rem);
  transition: transform 0.3s ease-in-out;
  transform: rotate(135deg);
  width: 47rem;
}
.workspace .splide__slide .interfase-details p {
  font-size: 1.25rem;
  margin-top: 1rem;
}
.workspace .splide__slide img {
  border-radius: 0.625rem;
}
.workspace .splide__slide .btn-grp {
  position: relative;
  z-index: 1;
}

.btn-grp:not(:first-child) button {
  margin-right: 0.5rem;
}

.future_workspace {
  background-color: #ffffff;
}
.future_workspace .nav {
  background-color: #F6F6F6;
  border-radius: 1.938rem;
  width: Fit-content;
  margin: 0 auto;
}
.future_workspace .nav .nav-link {
  color: #000000;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 1.938rem;
  font-size: 1rem;
}
.future_workspace .nav .nav-link.active, .future_workspace .nav .nav-link.focus {
  background-color: #000000;
  color: #ffffff;
  border-radius: 1.938rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.future_workspace .future-details {
  display: flex;
  gap: 1.12rem;
  align-items: center;
  justify-content: center;
  margin-top: 3.75rem;
}
.future_workspace .future-details .future-text {
  background: url("../img/partnerbg.png") no-repeat;
  background-size: cover;
  color: #ffffff;
  border-radius: 1.25rem;
  padding: 1.563rem;
  width: 30%;
  height: 18.125rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.future_workspace .future-details .future-text p {
  font-size: 1rem;
}
.future_workspace .future-details .future-text span {
  width: -moz-fit-content;
  width: fit-content;
}
.future_workspace .future-details .future-text div {
  margin-top: 2.188rem;
}
.future_workspace .future-details .box {
  background-color: #F6F0EC;
  color: #000000;
  border-radius: 0.5rem;
  padding: 1.12rem;
  margin-left: 1.12rem;
  width: 5.5rem;
  height: 5.5rem;
  margin: 1.112rem;
}
.future_workspace .future-details img {
  border-radius: 1.25rem;
}

/* Bootstrap tab pane animation */
.tab-pane .zoom-animation {
  opacity: 0;
  transform: scale(0);
}

/* Animate only active tab content */
.tab-pane.active .zoom-animation,
.tab-pane.show .zoom-animation {
  animation: zoomInEffect 0.2s ease-in forwards;
  transform-origin: left bottom;
}

/* Optional delays */
.tab-pane.show .delay-1 {
  animation: zoomInEffect 0.4s ease-in forwards;
  transform-origin: left;
}

.tab-pane.show .delay-3 {
  animation: zoomInEffect 0.4s ease-in forwards;
  transform-origin: right;
}

@keyframes zoomInEffect {
  0% {
    opacity: 0;
    transform: scale(0) translate(-20px, 20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(0, 0);
  }
}
.platforms .platform-details {
  background: url("../img/platformbg.png") no-repeat;
  background-size: cover;
  border-radius: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.125rem;
  flex-direction: column;
  color: #ffffff;
}
.platforms .platform-details p {
  margin-bottom: 0.5rem;
}
.platforms .platform-details .platform-text {
  font-size: 1.563rem;
  font-weight: 700;
}
.platforms .platform-details ul {
  display: flex;
  text-align: center;
  justify-content: center;
  color: #ffffff;
  gap: 1.75rem;
  padding: 1.12rem;
}
.platforms .platform-details ul li {
  font-size: 1.25rem;
}
.platforms .platform-details ul li img {
  background-color: #ffffff;
  padding: 2.625rem;
  border-radius: 1.875rem;
  width: 10rem;
  margin-bottom: 1rem;
}

.solution .solutions .product .product-text {
  background-color: #FFFFFF;
  color: #000000;
  text-align: left;
  padding: 1.875rem;
}
.solution .solutions .product .product-hover {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.solution .solutions .product .product-hover .btn-grp {
  margin-top: 1.12rem;
}
.solution .solutions .product .wise-icon {
  margin-top: 0;
}
.solution .solutions .product .wise-icon span {
  font-size: 1.33rem;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  font-variation-settings: "FILL" 0;
}

.testimonials .splide .bgring {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -o-object-fit: contain;
     object-fit: contain;
}
.testimonials .splide .splide__arrows {
  display: flex;
  position: absolute;
  right: calc(10% + 3rem);
  bottom: calc(10% + 3rem);
}
.testimonials .splide .splide__arrows button {
  background-color: #ffffff;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.6rem;
  opacity: 1;
}
.testimonials .splide .splide__arrows button.splide__arrow.splide__arrow--prev {
  left: -6rem;
}
.testimonials .splide .splide__arrows button.splide__arrow.splide__arrow--prev svg {
  display: none;
}
.testimonials .splide .splide__arrows button.splide__arrow.splide__arrow--prev:after {
  content: "\ef7d";
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  color: #000000;
}
.testimonials .splide .splide__arrows button.splide__arrow.splide__arrow--next svg {
  display: none;
}
.testimonials .splide .splide__arrows button.splide__arrow.splide__arrow--next:after {
  content: "\e941";
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  color: #000000;
}
.testimonials .splide .splide__track {
  background: url("../img/testimonialbg.png") no-repeat;
  background-size: cover;
  border-radius: 1.6rem;
  position: relative;
}
.testimonials .splide .splide__track .testimonial-card {
  padding: 3.8rem 10rem;
  color: #ffffff;
}
.testimonials .splide .splide__track .testimonial-card .user-info {
  margin-top: 2.2rem;
  border-top: 1px solid rgba(250, 250, 250, 0.45);
  padding-top: 2.2rem;
}
.testimonials .splide .splide__track .testimonial-card .user-info .user-name {
  font-size: 1.5rem;
  font-weight: 600;
}
.testimonials .splide .splide__track .testimonial-card .user-info .user-title {
  font-size: 1.25rem;
}
.testimonials .splide .splide__track .testimonial-card .user-info img {
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 1.875rem;
}

.solution .splide .splide__arrows button, .products .splide .splide__arrows button, .interfaces .splide .splide__arrows button {
  background-color: #ffffff;
  width: 3rem;
  height: 3rem;
  border-radius: 0.6rem;
  opacity: 1;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.54);
}
.solution .splide .splide__arrows button.splide__arrow.splide__arrow--prev, .products .splide .splide__arrows button.splide__arrow.splide__arrow--prev, .interfaces .splide .splide__arrows button.splide__arrow.splide__arrow--prev {
  left: 13em;
}
.solution .splide .splide__arrows button.splide__arrow.splide__arrow--prev svg, .products .splide .splide__arrows button.splide__arrow.splide__arrow--prev svg, .interfaces .splide .splide__arrows button.splide__arrow.splide__arrow--prev svg {
  display: none;
}
.solution .splide .splide__arrows button.splide__arrow.splide__arrow--prev:after, .products .splide .splide__arrows button.splide__arrow.splide__arrow--prev:after, .interfaces .splide .splide__arrows button.splide__arrow.splide__arrow--prev:after {
  content: "\ef7d";
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  color: #000000;
}
.solution .splide .splide__arrows button.splide__arrow.splide__arrow--next, .products .splide .splide__arrows button.splide__arrow.splide__arrow--next, .interfaces .splide .splide__arrows button.splide__arrow.splide__arrow--next {
  right: 13em;
}
.solution .splide .splide__arrows button.splide__arrow.splide__arrow--next svg, .products .splide .splide__arrows button.splide__arrow.splide__arrow--next svg, .interfaces .splide .splide__arrows button.splide__arrow.splide__arrow--next svg {
  display: none;
}
.solution .splide .splide__arrows button.splide__arrow.splide__arrow--next:after, .products .splide .splide__arrows button.splide__arrow.splide__arrow--next:after, .interfaces .splide .splide__arrows button.splide__arrow.splide__arrow--next:after {
  content: "\e941";
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  color: #000000;
}

.partnership {
  background-color: #ffffff;
}
.partnership .heading {
  display: flex;
  text-align: left;
  align-items: center;
  gap: 0.5rem;
}
.partnership .partner-card {
  background: url("../img/partnerbg.png") no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  color: #ffffff;
  height: 100%;
}
.partnership .partner-card .become-partner {
  text-align: right;
}
.partnership .partner-card .become-partner img {
  border-radius: 0px 0.5rem 0 0;
}
.partnership .partner-card .card-details {
  display: flex;
  gap: 1.25rem;
  padding: 2.5rem;
}
.partnership .card-light {
  background-color: #FFFBF8;
  color: #000000;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.12rem;
  height: 100%;
}
.partnership .card-light h6 {
  color: rgba(0, 0, 0, 0.41);
}

.wise-icon.white-icon span {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-variation-settings: "FILL" 0;
}

.security .security-div {
  background: #ffffff;
  color: #000000;
  text-align: center;
}
.security .security-div ul {
  gap: 2.77rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 2.2rem;
  margin-bottom: 2.2rem;
}
.security .security-div ul li {
  color: #000000;
  font-size: 1rem;
}
.security .security-div ul li img {
  margin-bottom: 0px;
}
.security .security-div p.data-privacy {
  width: 60%;
  opacity: 0.6;
  font-size: 1.25rem;
}

.bookademo {
  position: relative;
  background: url("../img/bookdemobg.png") no-repeat;
  background-size: cover;
  color: #ffffff;
  overflow: hidden;
}
.bookademo .heading {
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: relative;
  padding-bottom: 2.063rem;
}
.bookademo .card {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #000000;
  padding: 1.12rem;
  margin: 0 auto;
  z-index: 1;
}
.bookademo .card h6 {
  width: 70%;
}
.bookademo img {
  position: absolute;
  height: 100%;
}
.bookademo .bgring {
  left: -15%;
  top: 0;
}
.bookademo .bgring2 {
  right: 0;
  bottom: 0;
}

footer {
  padding: 2.77rem 0;
}
footer ul li {
  font-size: 0.875rem;
}
footer ul li a {
  text-decoration: none;
  color: #000000;
}
footer ul li a:hover {
  color: #21501D;
}
footer .privacy-details {
  display: flex;
  justify-content: space-between;
  color: #cccccc;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 1.12rem;
}
footer .privacy-details .privacy-div div {
  display: flex;
  gap: 1.12rem;
}
footer .privacy-details .privacy-div div img {
  -o-object-fit: contain;
     object-fit: contain;
}
footer .privacy-details .social-media ul {
  display: flex;
  gap: 2.2rem;
  justify-content: end;
}
footer .privacy-details .social-media ul li a {
  color: #8d8d8d;
  font-size: 1rem;
}

.form-select {
  border-radius: 1.6rem;
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
}

.global-phone select.form-select {
  background-color: transparent;
  color: #749240;
  font-weight: 700;
  padding: 0 0 0 0.5rem;
  margin-top: 0.5rem;
  width: 80%;
}
.global-phone select.form-select:focus {
  box-shadow: none;
  border-color: transparent;
}

.side-bar {
  display: none;
}/*# sourceMappingURL=style.css.map */