@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
body {
  font-family: "DM Sans", sans-serif;
  margin: 0;
  padding: 0;
}

/* Preloader styles */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader {
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: #5C527F;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* Hide preloader when page loads */
body.loaded #preloader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.desknav ul li {
  display: inline-flex;
  align-items: center;
}
.desknav ul li a {
  font-weight: 700;
  font-size: 16px;
  color: #3E2C41;
  height: 100%;
  display: flex;
  align-items: center;
}
.desknav ul li a:hover {
  color: #261C2C;
}
.desknav ul li ul li {
  width: 100%;
}
.desknav ul li ul li a {
  width: 100%;
  color: #6E85B2;
  font-size: 14px;
  pointer-events: none;
  font-weight: normal;
  margin-bottom: 5px;
}
.desknav ul li ul li ul {
  padding: 0 24px !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
.desknav ul li ul li ul li {
  margin-bottom: 5px !important;
}
.desknav ul li ul li ul li:nth-last-child {
  margin-bottom: 0 !important;
}
.desknav ul li ul li ul li a {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #261C2C !important;
  pointer-events: auto;
  margin-bottom: 0;
}
.desknav ul li ul li ul li a:hover {
  color: #662AED !important;
  text-decoration: underline !important;
  background-color: transparent !important;
}

.video-docker video {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-content h1 span {
  background: linear-gradient(90deg, #2D8DE4 37.11%, #FF54FF 89.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.subnav-icon {
  position: relative;
}
.subnav-icon::after {
  content: "";
  position: relative;
  display: inline-flex;
  padding: 3px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99996 10.6666C7.91222 10.6671 7.82525 10.6503 7.74402 10.6171C7.6628 10.584 7.58892 10.5351 7.52663 10.4733L3.52663 6.47329C3.40109 6.34776 3.33057 6.1775 3.33057 5.99996C3.33057 5.82243 3.40109 5.65216 3.52663 5.52663C3.65216 5.40109 3.82243 5.33057 3.99996 5.33057C4.1775 5.33057 4.34776 5.40109 4.47329 5.52663L7.99996 9.05996L11.5266 5.53329C11.6542 5.42408 11.8182 5.36701 11.986 5.37349C12.1538 5.37997 12.3129 5.44952 12.4317 5.56825C12.5504 5.68698 12.62 5.84614 12.6264 6.01393C12.6329 6.18171 12.5758 6.34576 12.4666 6.47329L8.46663 10.4733C8.34245 10.5965 8.17485 10.6659 7.99996 10.6666Z' fill='%23261C2C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-wrap {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-wrap.about-bg {
  background-image: url("../imgs/about-bg.png");
}
.bg-wrap.whymp-bg {
  background-image: url("../imgs/whymp-bg.png");
  /* Reserve space to prevent CLS; adjust to actual image ratio */
  aspect-ratio: 1440/900;
}
.bg-wrap.getstart-bg {
  background-image: url("../imgs/getstart-bg.png");
}
.bg-wrap.getstart-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(62, 44, 65, 0.6);
  z-index: 1;
}
.bg-wrap.dmslast-bg {
  background-image: url("../imgs/dmslast-bg.png");
}
.bg-wrap.dmslast-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(62, 44, 65, 0.6);
  z-index: 1;
}
.bg-wrap.dms-bg {
  background-image: url("../imgs/dms-bg.png");
}
.bg-wrap.webinar1-bg {
  background-image: url("../imgs/webinar-banner-1.png");
}
.bg-wrap.webinar2-bg {
  background-image: url("../imgs/webinar-banner-2.png");
}
.bg-wrap.casestudy-bg {
  background-image: url("../imgs/casestudy-bg.png");
}
.bg-wrap.blog-bg {
  background-image: url("../imgs/blog-bg.png");
}
.bg-wrap.alldoc-bg {
  background-image: url("../imgs/about-bg.png");
}
.bg-wrap.transmittals-bg {
  background-image: url("../imgs/transmittals-bg.png");
}
.bg-wrap.transmittals-bg {
  background-image: url("../imgs/rfp-collab.png");
}
.bg-wrap.transmittals-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(204, 230, 255, 0.3);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 1;
}
@media (max-width: 1024px) {
  .bg-wrap.transmittals-bg::before {
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
  }
}
.bg-wrap.transmitlast-bg {
  background-image: url("../imgs/transmitlast-bg.png");
}
.bg-wrap.transmitlast-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(68, 58, 105, 0.6);
  z-index: 1;
}
.bg-wrap.rfpcollablast-bg {
  background-image: url("../imgs/rfp-collab-bg1.png");
}
.bg-wrap.rfpcollablast-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(68, 58, 105, 0.6);
  z-index: 1;
}
.bg-wrap.collaboration-bg {
  background-image: url("../imgs/collaboration-bg.png");
}
.bg-wrap.collaboration-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(68, 58, 105, 0.6);
  z-index: 1;
}
.bg-wrap.collablast-bg {
  background-image: url("../imgs/collablast-bg.png");
}
.bg-wrap.collablast-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(68, 58, 105, 0.6);
  z-index: 1;
}
.bg-wrap.contract-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #E5F2FF;
  z-index: 1;
}
@media (max-width: 1024px) {
  .bg-wrap.contract-bg::before {
    width: 100%;
    height: 75%;
    top: 25%;
    left: 0;
    transform: translate(0%, 0%);
  }
}
.bg-wrap.contract-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-image: url("../imgs/contract-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
@media (max-width: 1024px) {
  .bg-wrap.contract-bg::after {
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    transform: translate(0%, -25%);
  }
}

.wwd-card {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
.wwd-card img, .wwd-card h3, .wwd-card p {
  transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
}
.wwd-card button {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 1024px) {
  .wwd-card button {
    opacity: 1;
    visibility: visible;
    position: relative;
  }
}
.wwd-card .wwd-card-img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 1024px) {
  .wwd-card .wwd-card-img {
    opacity: 1;
    visibility: visible;
    position: relative;
  }
}
.wwd-card:hover img {
  transform: translateY(-5.2rem);
}
.wwd-card:hover h3, .wwd-card:hover p {
  transform: translateY(-5.2rem);
}
.wwd-card:hover button {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(-5.2rem);
}
.wwd-card:hover .wwd-card-img {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(-5.2rem);
}

.pin-spacer {
  min-height: 110vh;
}

.js-pin-wrap {
  position: relative;
  padding: 0;
  margin: 0;
}

.pin-wrap-inner {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  justify-content: flex-start; /* 🟢 Align content to the left */
  align-items: center;
  margin: 0;
  padding: 0;
  transform: translateX(0); /* Ensure no initial offset */
  gap: 20px;
}
.pin-wrap-inner .story-card {
  background-color: white;
  border-radius: 20px;
  max-width: 880px;
  width: 100%;
  display: flex;
  overflow: hidden;
}
@media (max-width: 1023.98px) {
  .pin-wrap-inner .story-card {
    flex-direction: column;
    width: calc(100vw - 220px);
  }
}
@media (max-width: 767.98px) {
  .pin-wrap-inner .story-card {
    flex-direction: column;
    width: calc(100vw - 40px);
  }
}
.pin-wrap-inner .story-card .story-img {
  width: 45%;
  height: 100%;
  max-height: 540px;
}
@media (min-width: 1441px) and (max-width: 1600px) {
  .pin-wrap-inner .story-card .story-img {
    max-height: 480px;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .pin-wrap-inner .story-card .story-img {
    max-height: 390px;
  }
}
.pin-wrap-inner .story-card .story-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023.98px) {
  .pin-wrap-inner .story-card .story-img {
    width: 100%;
    height: 340px;
  }
}
@media (max-width: 767.98px) {
  .pin-wrap-inner .story-card .story-img {
    width: 100%;
    height: 250px;
  }
  .pin-wrap-inner .story-card .story-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.pin-wrap-inner .story-card .story-content {
  padding: 56px;
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .pin-wrap-inner .story-card .story-content {
    width: 100%;
    padding: 20px;
  }
}
.pin-wrap-inner .story-card .story-content h3 {
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -1.5%;
  color: #261C2C;
}
.pin-wrap-inner .story-card .story-content p {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0%;
  color: #3E2C41;
  vertical-align: middle;
}

.caro-spacer {
  min-height: 110vh;
}

.js-pin-wrap {
  position: relative;
  padding: 0;
  margin: 0;
}

.caro-wrap-inner {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  justify-content: flex-start; /* 🟢 Align content to the left */
  align-items: center;
  margin: 0;
  padding: 0;
  transform: translateX(0); /* Ensure no initial offset */
  gap: 20px;
}

.wow {
  visibility: hidden;
}

.mockup-bg {
  background-image: url("data:image/svg+xml;utf8,<svg width='673' height='351' viewBox='0 0 673 351' fill='none' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='paint0_linear_78_295' x1='175' y1='0' x2='175' y2='351' gradientUnits='userSpaceOnUse'><stop stop-color='%23BCA1D3'/><stop offset='1' stop-color='%2396B6FB'/></linearGradient></defs><rect x='101' y='39' width='572' height='312' rx='50' fill='%235C527F'/><rect width='350' height='351' rx='50' fill='url(%23paint0_linear_78_295)'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: calc(100% - 60px);
  bottom: -60px;
  position: absolute;
  height: 100%;
  z-index: -1;
}

@keyframes scaleDown {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__scaleDown {
  animation-name: scaleDown;
}

.list-tick li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 44px;
}
.list-tick li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_247_246)%22%3E%3Cpath%20d%3D%22M24.0001%2012C24.0001%2010.304%2023.1401%208.80902%2021.8321%207.92702C22.1331%206.37902%2021.6841%204.71402%2020.4851%203.51402C19.2861%202.31502%2017.6211%201.86602%2016.0721%202.16702C15.19%200.859023%2013.695%20-0.000976562%2011.999%20-0.000976562C10.303%20-0.000976562%208.80805%200.859023%207.92605%202.16702C6.37805%201.86602%204.71205%202.31502%203.51305%203.51402C2.31405%204.71302%201.86505%206.37802%202.16605%207.92702C0.858047%208.80902%20-0.00195312%2010.304%20-0.00195312%2012C-0.00195312%2013.696%200.858047%2015.191%202.16605%2016.073C1.86505%2017.621%202.31405%2019.287%203.51305%2020.486C4.71205%2021.685%206.37705%2022.134%207.92605%2021.833C8.80805%2023.141%2010.303%2024.001%2011.999%2024.001C13.695%2024.001%2015.19%2023.141%2016.0721%2021.833C17.6201%2022.134%2019.2861%2021.685%2020.4851%2020.486C21.6841%2019.287%2022.1331%2017.622%2021.8321%2016.073C23.1401%2015.191%2024.0001%2013.696%2024.0001%2012ZM11.909%2015.419C11.522%2015.806%2011.013%2015.999%2010.502%2015.999C9.99105%2015.999%209.47705%2015.804%209.08605%2015.414L6.30405%2012.718L7.69705%2011.281L10.49%2013.988L16.299%208.28702L17.703%209.71202L11.909%2015.419Z%22%20fill%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_247_246%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1024px) {
  .list-tick li::before {
    width: 20px;
    height: 20px;
    top: 6px;
  }
}

.tickmark::before {
  content: "";
  position: absolute;
  left: 0;
  top: 34px;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_268_618)"><path d="M24.0001 11.999C24.0001 10.303 23.1401 8.80805 21.8321 7.92605C22.1331 6.37805 21.6841 4.71305 20.4851 3.51305C19.2861 2.31405 17.621 1.86505 16.0721 2.16605C15.1901 0.858047 13.695 -0.00195312 11.999 -0.00195312C10.303 -0.00195312 8.80805 0.858047 7.92605 2.16605C6.37805 1.86505 4.71205 2.31405 3.51305 3.51305C2.31405 4.71205 1.86505 6.37705 2.16605 7.92605C0.858047 8.80805 -0.00195312 10.303 -0.00195312 11.999C-0.00195312 13.695 0.858047 15.19 2.16605 16.072C1.86505 17.62 2.31405 19.286 3.51305 20.485C4.71205 21.684 6.37705 22.133 7.92605 21.832C8.80805 23.14 10.303 24 11.999 24C13.695 24 15.1901 23.14 16.0721 21.832C17.6201 22.133 19.2861 21.684 20.4851 20.485C21.6841 19.286 22.1331 17.621 21.8321 16.072C23.1401 15.19 24.0001 13.695 24.0001 11.999ZM11.909 15.418C11.522 15.805 11.013 15.998 10.502 15.998C9.99105 15.998 9.47705 15.803 9.08605 15.413L6.30405 12.717L7.69705 11.28L10.49 13.987L16.299 8.28605L17.703 9.71105L11.909 15.418Z" fill="%235C527F"/></g><defs><clipPath id="clip0_268_618"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1024px) {
  .tickmark::before {
    width: 20px;
    height: 20px;
    top: 30px;
  }
}

.oneportbg {
  position: relative;
}
.oneportbg::before {
  content: "";
  position: absolute;
  top: 0;
  right: -180px;
  z-index: -1;
  width: 380px;
  height: 380px;
  background: #C8D8F7;
  border-radius: 9999px;
}
.oneportbg::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -140px;
  width: 140px;
  height: 140px;
  background: #C8D8F7;
  z-index: 1;
  border-radius: 9999px;
}

.content-swipe {
  opacity: 0;
  transform: translateY(40px) scale(0.98);
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 80rem;
  z-index: 1;
  will-change: opacity, transform;
}
@media (max-width: 1024px) {
  .content-swipe {
    padding: 32px 24px;
  }
}

.content-swipe.active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 80rem;
}
@media (max-width: 1024px) {
  .content-swipe.active {
    padding: 32px 24px;
  }
}

.scroll-hide::-webkit-scrollbar {
  width: 0;
}

.leftline {
  position: relative;
}
.leftline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  background: #6E85B2;
  border-radius: 50px;
}
.leftline::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #6E85B2;
}

.missthis {
  position: relative;
}
.missthis::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #6E85B2;
}
@media (max-width: 767px) {
  .missthis::before {
    display: none;
  }
}
.missthis::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #6E85B2;
}
@media (max-width: 767px) {
  .missthis::after {
    display: none;
  }
}

/* Swiper styles */
.swiper {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.swiper.sideSwiper .swiper-slide {
  width: 100% !important;
}
.swiper.sideSwiper .swiper-slide .content-swipe {
  opacity: 1;
  position: relative !important;
}
.swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
}
.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper .swiper-slide:nth-child(2n) {
  width: 80%;
}
.swiper .swiper-slide:nth-child(3n) {
  width: 80%;
}
.swiper .swiper-slide:nth-child(4n) {
  width: 80%;
}
.swiper .swiper-slide:nth-child(5n) {
  width: 80%;
}
@media (max-width: 767.98px) {
  .swiper .swiper-slide {
    width: 100% !important;
  }
}
.swiper .swiper-button-next, .swiper .swiper-button-prev {
  width: 64px;
  height: 64px;
  background: #ffffff;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  border-radius: 9999px;
}
.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after {
  font-size: 28px;
  color: rgb(110, 133, 178);
}
.swiper .story-card {
  background-color: white;
  border-radius: 20px;
  max-width: 880px;
  width: 100%;
  display: flex;
  overflow: hidden;
}
@media (max-width: 1023.98px) {
  .swiper .story-card {
    flex-direction: column;
    width: calc(100vw - 220px);
  }
}
@media (max-width: 767.98px) {
  .swiper .story-card {
    flex-direction: column;
    width: calc(100vw - 40px);
  }
}
.swiper .story-card .story-img {
  width: 45%;
  height: 100%;
  max-height: 540px;
}
@media (min-width: 1441px) and (max-width: 1600px) {
  .swiper .story-card .story-img {
    max-height: 480px;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .swiper .story-card .story-img {
    max-height: 390px;
  }
}
.swiper .story-card .story-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023.98px) {
  .swiper .story-card .story-img {
    width: 100%;
    height: 340px;
  }
}
@media (max-width: 767.98px) {
  .swiper .story-card .story-img {
    width: 100%;
    height: 250px;
  }
  .swiper .story-card .story-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.swiper .story-card .story-content {
  padding: 56px;
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1023.98px) {
  .swiper .story-card .story-content {
    width: 100%;
    padding: 20px;
  }
}
.swiper .story-card .story-content h3 {
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -1.5%;
  color: #261C2C;
}
.swiper .story-card .story-content p {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0%;
  color: #3E2C41;
  vertical-align: middle;
}

.overlay-shade::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 28, 44, 0.5);
  z-index: 9999;
}

.left-line {
  position: relative;
}
.left-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(92, 82, 127);
  width: 4px;
  height: 100%;
}

.list-dot li {
  position: relative;
  margin-bottom: 24px;
}
.list-dot li::after {
  content: "";
  position: absolute;
  left: 39px;
  top: 10px;
  width: 7px;
  height: 7px;
  background-color: #3e2c41;
  border-radius: 50%;
}

.list-tick li {
  position: relative;
  margin-bottom: 24px;
}
.list-tick li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_311_461)'><path d='M16.298 8.288L17.702 9.713L11.909 15.42C11.522 15.807 11.013 16 10.502 16C9.991 16 9.477 15.805 9.086 15.415L6.304 12.719L7.697 11.282L10.49 13.989L16.298 8.288ZM24 12C24 18.617 18.617 24 12 24C5.383 24 0 18.617 0 12C0 5.383 5.383 0 12 0C18.617 0 24 5.383 24 12ZM22 12C22 6.486 17.514 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12Z' fill='%236E85B2'/></g><defs><clipPath id='clip0_311_461'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>") no-repeat center/contain;
}

.rich-text-content {
  font-family: "DM Sans", sans-serif;
}
.rich-text-content h1 {
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  line-height: 120%;
  color: rgb(38, 28, 44);
  margin-bottom: 20px;
}
.rich-text-content h2 {
  font-weight: 700;
  font-style: Bold;
  font-size: 28px;
  line-height: 120%;
  color: rgb(38, 28, 44);
  margin-bottom: 20px;
}
.rich-text-content h3 {
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
  line-height: 30px;
  color: rgb(38, 28, 44);
  margin-bottom: 20px;
}
.rich-text-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
}
.rich-text-content ul {
  margin-bottom: 20px;
}
.rich-text-content ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: rgb(62, 44, 65);
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.rich-text-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 5px;
  background-color: #3E2C41;
  border-radius: 50%;
}
.rich-text-content ol {
  margin-bottom: 20px;
}
.rich-text-content ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: rgb(62, 44, 65);
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.rich-text-content ol li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 5px;
  background-color: #3E2C41;
  border-radius: 1px;
}

.fade-enter {
  opacity: 0;
  transform: translateY(10px);
}

.fade-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.active-menu {
  color: white !important;
  position: relative;
}
.active-menu::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'><path d='M34.68 14.865L28.875 8.99997C28.7356 8.85938 28.5697 8.74779 28.3869 8.67163C28.2041 8.59548 28.008 8.55627 27.81 8.55627C27.612 8.55627 27.4159 8.59548 27.2331 8.67163C27.0503 8.74779 26.8844 8.85938 26.745 8.99997C26.4656 9.28102 26.3088 9.66119 26.3088 10.0575C26.3088 10.4538 26.4656 10.8339 26.745 11.115L32.085 16.5H1.5C1.10218 16.5 0.720644 16.658 0.43934 16.9393C0.158035 17.2206 0 17.6021 0 18C0 18.3978 0.158035 18.7793 0.43934 19.0606C0.720644 19.3419 1.10218 19.5 1.5 19.5H32.175L26.745 24.915C26.6044 25.0544 26.4928 25.2203 26.4167 25.4031C26.3405 25.5859 26.3013 25.782 26.3013 25.98C26.3013 26.178 26.3405 26.374 26.4167 26.5568C26.4928 26.7396 26.6044 26.9055 26.745 27.045C26.8844 27.1856 27.0503 27.2972 27.2331 27.3733C27.4159 27.4495 27.612 27.4887 27.81 27.4887C28.008 27.4887 28.2041 27.4495 28.3869 27.3733C28.5697 27.2972 28.7356 27.1856 28.875 27.045L34.68 21.225C35.5227 20.3812 35.996 19.2375 35.996 18.045C35.996 16.8525 35.5227 15.7087 34.68 14.865Z' fill='white'/></svg>") no-repeat center/contain;
  right: 0;
}
@media (max-width: 767.98px) {
  .active-menu::after {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M9.39328 15.4133L11.9999 12.8333C12.0624 12.7714 12.112 12.6976 12.1459 12.6164C12.1797 12.5351 12.1971 12.448 12.1971 12.36C12.1971 12.272 12.1797 12.1849 12.1459 12.1036C12.112 12.0224 12.0624 11.9486 11.9999 11.8867C11.875 11.7625 11.7061 11.6928 11.5299 11.6928C11.3538 11.6928 11.1849 11.7625 11.0599 11.8867L8.66661 14.26L8.66661 0.666667C8.66661 0.489856 8.59637 0.320286 8.47135 0.195262C8.34632 0.0702377 8.17676 0 7.99994 0C7.82313 0 7.65356 0.0702377 7.52854 0.195262C7.40352 0.320286 7.33328 0.489855 7.33328 0.666666L7.33328 14.3L4.92661 11.8867C4.86463 11.8242 4.7909 11.7746 4.70966 11.7407C4.62842 11.7069 4.54128 11.6895 4.45328 11.6895C4.36527 11.6895 4.27813 11.7069 4.19689 11.7407C4.11565 11.7746 4.04192 11.8242 3.97994 11.8867C3.91746 11.9486 3.86786 12.0224 3.83402 12.1036C3.80017 12.1849 3.78274 12.272 3.78274 12.36C3.78274 12.448 3.80017 12.5351 3.83402 12.6164C3.86786 12.6976 3.91746 12.7714 3.97994 12.8333L6.56661 15.4133C6.94161 15.7879 7.44994 15.9982 7.97994 15.9982C8.50995 15.9982 9.01828 15.7879 9.39328 15.4133Z' fill='white'/></svg>") no-repeat center/contain;
  }
}

.docdone-bg {
  position: relative;
}
.docdone-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 595px;
  background: linear-gradient(134deg, #5C527F 0%, #261C2C 100%);
  z-index: 0;
}
@media (max-width: 767px) {
  .docdone-bg::before {
    display: none;
  }
}

.arrowani1 {
  animation: arrowani1 1s ease-in-out infinite;
  margin-left: 9px;
}

.link-group {
  transition: all 0.3s ease;
}
.link-group:hover .arrowani {
  animation: arrowani2 1s ease-in-out infinite;
}
.link-group:hover .arrowanir {
  animation: arrowani1 1s ease-in-out infinite;
  margin-left: 9px;
}

.arrowani2 {
  animation: arrowani2 1s ease-in-out infinite;
}

@keyframes arrowani1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(6px, 0);
  }
}
@keyframes arrowani2 {
  0%, 100% {
    transform: translate(6px, -6px);
  }
  50% {
    transform: translate(0, 0);
  }
}
.hover-card_wrap {
  padding: 30px;
  aspect-ratio: 118/143;
  border-radius: 20px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .hover-card_wrap {
    aspect-ratio: 118/113;
  }
}
.hover-card_wrap .hover-card_bg {
  z-index: 0;
  position: absolute;
  inset: 0%;
}
.hover-card_wrap .fluted-glass-component {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.u-bg-blur {
  z-index: 1;
  backface-visibility: hidden;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transform-style: preserve-3d;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0.6588235294));
  height: 80%;
  position: absolute;
  inset: auto 0% 0%;
  transform: translateZ(0);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0), #000, #000);
  mask: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8549019608), #000);
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .u-bg-blur {
    height: 100%;
  }
}
.u-bg-blur .cc-hover-card {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1215686275) 4%, rgba(0, 0, 0, 0.4235294118) 60%, rgba(0, 0, 0, 0.8784313725));
  height: 80%;
}

.hover-card_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  margin-top: auto;
  overflow: hidden;
  max-height: 72px;
  transition: max-height 0.5s ease-in-out;
}
.hover-card_content h3 {
  min-height: 48px;
}
.hover-card_content .hover-card_details {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
  transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
.hover-card_content:hover {
  max-height: 500px;
}
.hover-card_content:hover .hover-card_details {
  opacity: 1;
  max-height: 430px;
  margin-top: 0.5rem;
}

.client-carousel {
  overflow: hidden;
  position: relative;
  padding: 1rem 0 5rem;
}
.client-carousel .clients-slider {
  display: flex;
  width: 100%;
}
.client-carousel .clients-slide-track {
  display: flex;
  transform: translateX(0);
  will-change: transform;
}
.client-carousel .clients-slide {
  flex: 0 0 auto;
  width: 225px;
  height: 140px;
  margin: 0 5px;
  padding: 20px;
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.client-carousel .clients-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.carousel-wrap-sdm {
  position: relative;
  width: 100%;
}

.carousel-sdm {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.carousel-sdm .sdm-card {
  width: 452px;
  height: 472px;
  color: white;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 20px 0;
}
.carousel-sdm .sdm-card:nth-child(1) {
  background: #bea0d1;
}
.carousel-sdm .sdm-card:nth-child(2) {
  background: #fff;
}
.carousel-sdm .sdm-card:nth-child(3) {
  background: #c8d8f7;
}
.carousel-sdm .sdm-card:nth-child(4) {
  background: #fff;
}
.carousel-sdm .sdm-card:nth-child(5) {
  background: #bea0d1;
}

.pr-card p {
  display: none;
}
.pr-card .pr-arrow-r {
  display: none;
}
.pr-card .pr-arrow-t {
  display: block;
}
.pr-card.active p {
  display: block;
}
.pr-card.active .pr-arrow-r {
  display: block;
}
.pr-card.active .pr-arrow-t {
  display: none;
}

.bg-contains {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-contains.about-bg1 {
  background-image: url("../imgs/about-bg1.png");
}
@media (max-width: 767px) {
  .bg-contains.about-bg1 {
    background: transparent;
  }
}

.casetop-bg {
  background: linear-gradient(134deg, #5C527F 0%, #261C2C 100%);
  position: relative;
}
.casetop-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 780px;
  z-index: 0;
  background-image: url("../imgs/about-bg1.png");
}
@media (max-width: 1023px) {
  .casetop-bg::before {
    max-height: 520px;
  }
}
@media (max-width: 767px) {
  .casetop-bg::before {
    max-height: 480px;
  }
}

.slide-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 42px);
  height: 2px;
  background-color: #7928F2;
  /* blue */
  transition: width 0.3s ease;
}

.slide-underline:hover::after {
  width: 0;
}

.footermenu ul li {
  margin-bottom: 8px;
}

.preview-img {
  transition: opacity 0.3s ease;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .caro-wrapper .carousel-card .carousel-img {
    height: 180px;
  }
  .caro-wrapper .carousel-card .carousel-img img {
    height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1360px) {
  .max-w-7xl {
    max-width: 1000px !important;
  }
}
@media (min-width: 1024px) {
  .img-zoom:hover {
    width: 40%;
    z-index: 10;
  }
  .img-zoom:hover img {
    transform: scale(1.2);
    transition: transform 0.3s ease;
  }
}
@media (min-width: 768px) {
  .business-textleft div div {
    justify-content: left;
  }
}

@media (max-width: 767px) {
  .testimonialsvg {
    width: 80px;
    height: 80px;
  }
}/*# sourceMappingURL=style.css.map */