.banner {display: flex;flex-direction: column;position: relative;isolation: isolate;background-size: cover;background-position: center;background-repeat: no-repeat}.banner::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: hsl(var(--black) / 0.7);mix-blend-mode: darken;z-index: -1}.heading_badge {background: #7e287c36 !important;box-shadow: 0 4px 20px -2px hsl(270 70% 50% / 0.15);color: #50145c}.custom-banner {padding: 30px 15px;background-color: hsl(var(--base) / 0.7)}.page_btn_light {padding: 13px 22px !important;border-radius: 10px;font-size: 15px !important;min-width: 185px;color: #fff}.page_btn_light:hover,
.page_btn_light:focus {color: #fff}.demo-card:hover {border-bottom: 5px solid #7e287c !important}.fs-13px {font-size: 12px !important}
.timeline::before {content: "";position: absolute;left: 28px;top: 21px;bottom: 0;width: 3px;background: linear-gradient(180deg, #dddddd, transparent);border-radius: 3px}.timeline__dot {flex-shrink: 0;width: 58px;height: 58px;border-radius: 50%;background-color: #50145c !important;color: #ffffff !important;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;font-weight: 900;box-shadow: 0 0 0 6px #dfdfdf;position: relative;z-index: 1}.timeline__step {display: flex;gap: 36px;align-items: flex-start;margin-bottom: 44px;position: relative}.ownership-card--yes {background: linear-gradient(135deg, #edfaf4, #d4f5e6);border: 2px solid #6dd4a2}.ownership-card--no {background: linear-gradient(135deg, #fff5f5, #ffe4e4);border: 2px solid #f4a0a0}.bg-lightpurple {background: hsl(270deg 58.71% 49.05% / 11%)}.pricing-banner::before {position: absolute;top: -6rem;right: -4rem;background: hsl(268deg 58.25% 88.67%);mix-blend-mode: darken;width: 200px;height: 200px;border-radius: 50%;content: ""}.pricing-banner::after {position: absolute;bottom: -6rem;left: -4rem;background: hsl(268deg 58.25% 88.67%);mix-blend-mode: darken;width: 200px;height: 200px;border-radius: 50%;content: ""}.vector_section_effect::before {position: absolute;top: -6rem;right: -7rem;background: hsl(268deg 58.25% 88.67% / 22%);mix-blend-mode: darken;width: 400px;height: 300px;border-radius: 50%;content: ""}.hero {position: relative;overflow: hidden;padding: 120px 0 96px;background:radial-gradient(circle at top left, rgb(255 255 255), transparent 34%),radial-gradient(circle at bottom right,rgb(126 40 124 / 26%),transparent 30%),linear-gradient(180deg, #ffffff 0%, #ffffff 100%)}.hero::before {content: "";position: absolute;inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("https://www.purpletreesoftware.com/assets/templates/basic/images/bannerhero.webp");background-size: cover;background-position: top;opacity: 0.12;pointer-events: none}.service-list li {position: relative;padding-left: 30px;margin-bottom: 12px;color: #000;font-weight: 500}.service-list li::before {content: "";position: absolute;left: 0;top: 7px;width: 10px;height: 10px;border-radius: 50%;background: linear-gradient(135deg, #7e287c40, #6d1c7d);box-shadow: 0 0 0 6px rgb(126 40 124 / 7%)}.cta-panel {padding: 48px;border-radius: 32px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.12);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);backdrop-filter: blur(6px)}.service-link:hover .service-crd {transition: transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.service-link:hover .service-crd,.service-link:focus .service-crd {transform: translateY(-6px);box-shadow: 0 18px 50px rgb(126 40 124 / 13%);border-color: rgb(126 40 124 / 74%) !important}.border-effects {border-bottom: 8px solid #7e287c !important;margin-right: -60px}.border-effects-left {border-left: 8px solid #7e287c !important}.notesection{background: linear-gradient(135deg, #fff8e8 0%, #fff 100%);border-left: 5px solid #f0ad00}.notesection .iconbdg{background: #fff3cd;color: #b58100}.about-description-wrapper .section-header h2,.about-description-wrapper section h2, .about-description-wrapper .section-header h3,.about-description-wrapper .feature-card h3,.about-description-wrapper .timeline__content h3,.about-description-wrapper section h3, .about-description-wrapper .section-header h4, .about-description-wrapper h5, .about-description-wrapper h6{margin: 0px 0 10px}main {min-height: 100vh}