.propertyManagement-hero {
   z-index: 1;
   padding: 125px 0 400px;
   border-radius: 0 0 60px 60px;
   border-bottom: 6px solid #7346F6;
   position: relative;
   background: linear-gradient(190deg, rgba(255, 255, 255, 0.00) 20%, #E0C3F8 90%);
}

.propertyManagement-card {
   text-align: left;
   position: relative;
}

.propertyManagement-card p {
   color: #000;
   line-height: 1.7;
   font-size: 17px;
   font-family: var(--zf-regular);
}

.propertyManagement-head {
   color: #000;
   font-size: 50px;
   font-weight: 600;
   font-family: var(--zf-medium);
   margin-bottom: 10px;
   line-height: 1.5;
}

.propertyManagement-head span {
   color: #6D41FA;
   position: relative;
}

.features-section {
   margin-top: -270px;
   z-index: 2;
   position: relative;
}

.propertyManagement-hero .hero-banner {
   height: auto;
   width: 60%;
   position: absolute;
   right: 0;
   top: 5%;
   transform: translateY(-50%);
   z-index: -1;
}

.btn-pm {
   border-radius: 12px !important;
   color: white;
   border: none !important;
   transition: ease 0.9s all !important;
   background: linear-gradient(89deg, #6D41FA 1.45%, #CD8AFE 99.43%);
}

.btn-pm-outline {
   border-radius: 12px !important;
   border: 1px solid #7547FB !important;
   color: #7547FB;
}

.btn-pm:hover {
   color: white !important;
   background: linear-gradient(89deg, #CD8AFE 1.45%, #6D41FA 99.43%);
}

.btn-pm-outline:hover {
   color: #6D41FA !important;
   cursor: pointer;
}

.features {
   display: grid;
   box-sizing: border-box;
   grid-template-columns: 50% 50%;
   justify-content: space-between;
   list-style-type: none;
   padding: 0;
   gap: 25px;
   margin: 40px 0;
}

.features li {
   font-size: 17px;
   position: relative;
   padding: 7px 0 7px 50px;
   align-items: center;
}

.features li::before {
   position: absolute;
   content: '';
   height: 40px;
   width: 40px;
   left: 0;
   top: 0;
   /* background: rgb(100, 100, 100) url(); */
   background-repeat: no-repeat;
   background-position: center center;
}

.features li:nth-child(1):before {
   background: url(../assets/img/propertyManagement/icon1.svg)no-repeat;
   background-size: 40px;
   background-position: center;
}

.features li:nth-child(2):before {
   background: url(../assets/img/propertyManagement/icon2.svg)no-repeat;
   background-size: 40px;
   background-position: center;
}

.features li:nth-child(3):before {
   background: url(../assets/img/propertyManagement/icon3.svg)no-repeat;
   background-size: 40px;
   background-position: center;
}

.features li:nth-child(4):before {
   background: url(../assets/img/propertyManagement/icon4.svg)no-repeat;
   background-size: 40px;
   background-position: center;
}

/* features slider */
.features-nav-btn {
   display: flex;
   flex-wrap: nowrap;
   gap: 15px;
   overflow-x: scroll;
   overflow: hidden;
   padding: 10px 0;
   margin-bottom: 20px;
}

/* ::-webkit-scrollbar {
   width: 10px;
 } */
.features-nav-btn button {
   outline: none;
   border: none;
   color: 01182D;
   text-wrap: nowrap;
   background: transparent;
   border-radius: 12px;
   padding: 15px 25px;
   transition: ease all 0.25s;
}

.features-nav-btn button.active,
.features-nav-btn button:hover {
   transition: ease all 0.25s;
   color: white;
   background: linear-gradient(89deg, #6D41FA 1.45%, #CD8AFE 99.43%);
}

#features-screen .item {
   border: 4.5px solid #7446FA;
   border-radius: 20px;
   overflow: hidden;
}

#features-screen .owl-nav .owl-prev,
#features-screen .owl-nav .owl-next {
   border-radius: 50%;
   height: 50px;
   width: 50px;
   position: absolute;
   top: 50%;
   left: -25px;
   transform: translate(-50%, 0);
   border: none;
   outline: none;
   border: 1.75px solid #E9E9F7;
   background: #F8F9FB;
   color: transparent;
   background-repeat: no-repeat;
   background-position: center;
   z-index: 999;
   background-size: 20px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14' fill='none'%3E%3Cpath d='M15.5352 7.14851L1.3915 7.14851M1.3915 7.14851L7.45307 1.08694M1.3915 7.14851L7.45306 13.2101' stroke='%232E2E2E' stroke-width='1.51539' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#features-screen .owl-nav .owl-next {
   left: auto;
   right: -50px;
   transform: rotate(-180deg);
}

#features-screen .owl-nav .owl-prev:hover,
#features-screen .owl-nav .owl-next:hover {
   background: rgb(255, 255, 255);
}

.coreElement-header {
   position: relative;
   margin: auto;
   margin-bottom: 0px;
   margin-top: -10px;
}

.coreElement-header p {
   font-family: var(--zf-regular);
   width: 75%;
   text-align: center;
   margin: auto;
   font-size: 17px;
   line-height: 1.7;
}

.coreElement-head {
   margin-bottom: 20px;
   position: relative;
   text-align: center;
}

.coreElement-head h2 {
   font-size: 38px;
   font-weight: 600;
   display: inline-block;
   background: white;
   padding: 2px 10px;
   font-family: var(--zf-regular);
}

.coreElement-head h2 span {
   color: #CB89FE;
}

.coreElement-head::after {
   content: '';
   position: absolute;
   top: 46%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 2px;
   background: linear-gradient(90deg, rgb(255 255 255 / 0%) -1.52%, var(--Dark-Blue, rgb(1 24 45 / 25%)) 49.24%, rgb(255 255 255 / 0%) 100%);
   z-index: -1;
   opacity: 0;
   animation: fade 3s ease-in-out 4s forwards;
}









.chart-container {
   position: relative;
   width: 800px;
   height: 500px;
}

/* Concentric circles */
.circle {
   position: absolute;
   border: 1px solid rgba(255, 255, 255, 0.4);
   border-radius: 250px 250px 250px 250px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0);
   opacity: 0;
}

.circle-0 {
   width: 40%;
   height: 125px;
}

.circle-1 {
   width: 50%;
   height: 200px;
}

.circle-2 {
   width: 60%;
   height: 300px;
}

.circle-3 {
   width: 70%;
   height: 400px;
}

.circle-4 {
   width: 80%;
   height: 500px;
}

.pm-card {
   background: #001025 url(../assets/img/propertyManagement/chart-bg.png);
   border-radius: 25px;
   padding: 100px 0 !important;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.pm-card::after {
   height: 100%;
   width: 100%;
   background: #001025d9;
   position: absolute;
   top: 0;
   left: 0;
   content: '';
   z-index: -1;
}

.pm-card::before {
   height: 50%;
   width: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   content: '';
   z-index: 0;
   border-radius: 100%;
   transform: translate(-50%, -50%);
   opacity: 0.25;
   background: #E100FF;
   filter: blur(130px);
}

.zc-products {
   position: relative;
}

.center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 15px 30px;
   font-weight: bold;
   color: white;
   width: 30%;
   font-size: 18px;
   text-align: center;
   border-radius: 50px;
   border-bottom: 1.7px solid var(--White, #FFF);
   background: linear-gradient(180deg, var(--Dark-Blue, #01182D) 61.76%, #281459 86.36%);
   opacity: 0;
   transform: translate(-50%, -50%) scale(0.5);
}

.label {
   position: absolute;
   background: linear-gradient(89deg, #6D41FA 1.45%, #CD8AFE 99.43%);
   color: #fff;
   padding: 8px 25px;
   border-radius: 8px;
   font-size: 17px;
   white-space: nowrap;
   opacity: 0;
   transform: translateY(30px);
}

.label-1 {
   top: -20px;
   left: 40%;
}

.label-2 {
   top: 20%;
   left: 22%;
}

.label-3 {
   top: 28%;
   left: 64%;
}

.label-4 {
   bottom: 8%;
   left: 30%;
}

.label-5 {
   bottom: -20px;
   left: 66%;
}

.label-6 {
   bottom: 40%;
   right: 5%;
}

.label-7 {
   bottom: 34%;
   left: 10%;
}

/* Animations */
@keyframes growCircle {
   from {
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
   }

   to {
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
   }
}

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

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

@keyframes popCenter {
   from {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.5);
   }

   to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
   }
}

.animate .circle {
   animation: growCircle 0.8s ease forwards;
}

.animate .circle-2 {
   animation-delay: 0.2s;
}

.animate .circle-3 {
   animation-delay: 0.4s;
}

.animate .circle-4 {
   animation-delay: 0.6s;
}

.animate .center {
   animation: popCenter 0.8s ease forwards 0.5s;
}

.animate .label {
   animation: fadeUp 0.7s ease forwards;
}

.animate .label-1 {
   animation-delay: 1s;
}

.animate .label-2 {
   animation-delay: 1.2s;
}

.animate .label-3 {
   animation-delay: 1.4s;
}

.animate .label-4 {
   animation-delay: 1.6s;
}

.animate .label-5 {
   animation-delay: 1.8s;
}

.animate .label-6 {
   animation-delay: 2s;
}

.animate .label-7 {
   animation-delay: 2.2s;
}


.pms-grid {
   display: grid;
   grid-template-columns: 48% 48%;
   justify-content: space-between;
   align-items: flex-start;
   gap: 25px 30px;
}

.pms-grid .pms-list {
   padding: 30px;
   display: flex;
   flex-direction: column;
   gap: 15px;
   background: #F8F9FB;
   border: 1px solid #E9E9F7;
   width: 100%;
   box-sizing: border-box;
   position: relative;
   overflow: hidden;

   border-radius: 15px;
   border: 1.048px solid rgba(255, 255, 255, 0.50);
   background: rgba(255, 255, 255, 0.35);
   box-shadow: 0 9.43px 26.196px 0 rgba(22, 25, 46, 0.10);
   backdrop-filter: blur(18.33707046508789px);
}


.pms-grid .pms-list::after {
   content: "";
   position: absolute;
   height: 125px;
   width: 125px;
   right: -50px;
   top: -30px;
   background-size: contain;
   background-repeat: no-repeat;
   filter: invert(1) grayscale(1);
   opacity: 0.04;
}

.pms-grid .pms-list:nth-child(1)::after {
   background-image: url("../assets/img/procurement/cog.svg");
}

.pms-grid .pms-list:nth-child(2)::after {
   background-image: url("../assets/img/procurement/heart.svg");
}

.pms-grid .pms-list:nth-child(3)::after {
   background-image: url("../assets/img/procurement/search.svg");
}

.pms-grid .pms-list:nth-child(4)::after {
   background-image: url("../assets/img/procurement/puzzle.svg");
}

.pms-grid .pms-list:nth-child(5)::after {
   background-image: url("../assets/img/procurement/globe.svg");
}

.pms-grid .pms-list:nth-child(6)::after {
   background-image: url("../assets/img/procurement/sheild.svg");
}

.pms-grid .pms-list .icon {
   height: 55px;
   width: 55px;
   border-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   font-size: 28px;
   background: linear-gradient(180deg, #6D41FA 1.45%, #CD8AFE 99.43%);
}

.pms-grid .pms-list .icon img {
   height: 25px;
   width: auto;
}

.pms-grid .pms-list h4 {
   font-size: 20px;
   font-family: var(--zf-bold);
   line-height: 1.7;
   margin: 0;
}

.our-pms-section {
   padding: 75px 0;
   background: linear-gradient(270deg, #FFEDF7 0%, #E0C2FE 100%);
   position: relative;
}


.circle-wrapper {
   position: relative;
   width: 500px;
   max-width: 100%;
   height: 500px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   z-index: 1;
   align-items: center;
   opacity: 0;
   transform: scale(0.8) rotate(0deg);
   transition: all 1s ease;
}

/* .zc-products{
   position: relative;
   display: flex;
   justify-content: center;
   z-index: 1;
   align-items: center;
} */
.circle-wrapper::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   border: 1.5px solid #ffffff;
   border-radius: 50%;
   top: 0;
   left: 0;
}

.circle-wrapper::after {
   content: "";
   position: absolute;
   width: 70%;
   height: 70%;
   border: 1.5px solid #ffffff;
   border-radius: 50%;
   top: 50%;
   z-index: -1;
   left: 50%;
   transform: translate(-50%, -50%);
}

.center-circle {
   position: relative;
   width: 150px;
   height: 150px;
   border-radius: 50%;
   background: rgb(255, 255, 255);
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
   display: flex;
   justify-content: center;
   align-items: center;
   border: none;
}

.center-circle::before {
   content: '';
   position: absolute;
   height: 200px;
   width: 200px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   border: 25px solid #ffffff;
   border-radius: 50%;
}

.center-circle img {
   width: 100px;
}

.zc-icon {
   position: absolute;
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
   opacity: 0;

}

.zc-icon img {
   width: 30px;
   height: 30px;
}

.zc-icon:nth-child(2) {
   top: 47px;
   left: 50%;
}

.zc-icon:nth-child(3) {
   top: 110px;
   right: 80px;
}

.zc-icon:nth-child(4) {
   bottom: 110px;
   right: 90px;
}

.zc-icon:nth-child(5) {
   bottom: 50px;
   left: 50%;
}

.zc-icon:nth-child(6) {
   bottom: 110px;
   left: 88px;
}

.zc-icon:nth-child(7) {
   top: 110px;
   left: 86px;
}

.zc-icon:nth-child(8) {
   top: 50%;
   right: 48px;
}

.zc-icon:nth-child(9) {
   top: 50%;
   left: 50px;
   transform: translateY(-50%);
}

.circle-wrapper.animate {
   opacity: 1;
   transform: scale(1) rotate(360deg);
}

.zc-icon:nth-child(2) {
   top: 77px;
   left: 50%;
   transform: translate(-50%, -50%);
}

.zc-icon:nth-child(3) {
   top: 28%;
   left: 77%;
   transform: translate(-50%, -50%);
}

.zc-icon:nth-child(9) {
   top: 50%;
   left: 85%;
   transform: translate(-50%, -50%);
}

.zc-icon:nth-child(4) {
   top: 72%;
   left: 77%;
   transform: translate(-50%, -50%);
}

.zc-icon:nth-child(5) {
   bottom: 20px;
   left: 50%;
   transform: translate(-50%, 50%);
}

.zc-icon:nth-child(6) {
   top: 73%;
   left: 25%;
   transform: translate(-50%, -50%);
}

.zc-icon:nth-child(7) {
   top: 27%;
   left: 24%;
   transform: translate(-50%, -50%);
}

.zc-icon:nth-child(8) {
   top: 50%;
   left: 79px;
   transform: translate(-50%, -50%);
}

@keyframes fadeInPop {
   0% {
      opacity: 0;
      transform: scale(0.5) translate(-50%, -50%);
   }

   100% {
      opacity: 1;
      transform: scale(1) translate(-50%, -50%);
   }
}

.circle-wrapper.animate .zc-icon {
   animation: fadeInPop 0.8s ease forwards;
}

.circle-wrapper.animate .zc-icon:nth-child(2) {
   animation-delay: 0.2s;
}

.circle-wrapper.animate .zc-icon:nth-child(3) {
   animation-delay: 0.4s;
}

.circle-wrapper.animate .zc-icon:nth-child(9) {
   animation-delay: 0.6s;
}

.circle-wrapper.animate .zc-icon:nth-child(4) {
   animation-delay: 0.8s;
}

.circle-wrapper.animate .zc-icon:nth-child(5) {
   animation-delay: 1.0s;
}

.circle-wrapper.animate .zc-icon:nth-child(6) {
   animation-delay: 1.2s;
}

.circle-wrapper.animate .zc-icon:nth-child(7) {
   animation-delay: 1.6s;
}

.circle-wrapper.animate .zc-icon:nth-child(8) {
   animation-delay: 1.4s;
}

@keyframes drawOuter {
   0% {
      transform: scale(0.8);
      opacity: 0;
      border-color: transparent;
   }

   100% {
      transform: scale(1);
      opacity: 1;
      border-color: #ffffff;
   }
}

@keyframes drawInner {
   0% {
      transform: translate(-50%, -50%) scale(0.6);
      opacity: 0;
      border-color: transparent;
   }

   100% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
      border-color: #ffffff;
   }
}

.circle-wrapper::before,
.circle-wrapper::after {
   opacity: 0;
}

.circle-wrapper.animate::before {
   animation: drawOuter 1s ease forwards;
}

.circle-wrapper.animate::after {
   animation: drawInner 1s ease forwards;
   animation-delay: 0.4s;
}

.pm-slider-bg {
   background: #25145B;
   position: relative;
   padding-bottom: 85px;
   margin-bottom: 250px;
   z-index: 0;
   /* overflow: hidden; */
}

.pm-slider-bg::after {
   content: '';
   position: absolute;
   height: 40%;
   width: 40%;
   opacity: 0.1;
   border-radius: 100%;
   background: #CD8AFE;
   border-top: none;
   top: 5%;
   left: 0%;
   transform: translate(-50%, 0%);
   box-sizing: border-box;
   mix-blend-mode: plus-lighter;
   filter: blur(100px);
}

.pm-slider-bg::before {
   content: '';
   position: absolute;
   height: 40%;
   width: 15%;
   opacity: 0.1;
   border-radius: 100% 0 0 100%;
   background: #CD8AFE;
   border-top: none;
   right: 0;
   bottom: 5%;
   transform: translate(-0%, 0%);
   box-sizing: border-box;
   mix-blend-mode: plus-lighter;
   filter: blur(100px);
}

.gradient-text {
   background: linear-gradient(90deg, #6D41FA, #CD8AFE);
   background-size: 200% auto;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   animation: shine 3s linear infinite;
   font-family: var(--zf-medium);
}



.pms-accordion.custom-accordion .accordion-item.active .accordion-header .icon {
   transform: rotate(360deg);
   transition: transform 0.5s ease;
   background: #6D41FA url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.83594 1.13867L7.79104 7.09378L13.7461 1.13867' stroke='white' stroke-width='1.70146' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")no-repeat;
   height: 32px;
   width: 32px;
   background-size: 15px;
   background-position: center;
   border-radius: 50%;
   transform-origin: center;
   box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 6px 0 rgba(74, 58, 255, 0.10);
}