body {
     font-family: "DM Sans", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
      
    }

    /* NAVBAR */
    .navbar {
      padding: 18px 0;
      transition: 0.3s;
    }
header {
    background: #050a2c;
}
    .navbar.scrolled {
      background: rgba(5, 10, 44, 0.9);
      backdrop-filter: blur(10px);
    }

    .navbar-brand img {
      height: 70px;
    }

    /* MENU */
    .nav-link {
      color: #fff !important;
      margin: 0 16px;
      font-size: 18px;
      font-weight: 500;
      padding: 5px 0 !important;
      position: relative;
      white-space: nowrap;
    }

    .nav-link:hover {
      color: #fff !important;
    }

    .nav-link.active {
     color: #ff2828 !important;
	 border-bottom: 2px solid #ff2828;
    }
ul.navbar-nav .dropdown.show a.dropdown-item.active {
    background: transparent;
    border-bottom: 2px solid #ff2828;
	color: #ff2828 !important;
}
   /* .nav-link.active::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      background: #ff2828;
      left: 0;
      bottom: -6px;
    }

    /* DROPDOWN FIX */
    .dropdown-menu {
      background: #050a2c;
      border: none;
      border-radius: 6px;
      padding: 8px 0;
      margin-top: 10px;

      display: none;
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.25s ease;
    }

    .dropdown.show .dropdown-menu {
      display: block;
      opacity: 1;
      transform: translateY(0);
	  padding: 20px;
    }

    .dropdown-item {
      color: #fff;
      font-size: 18px;
      padding: 8px 0px;
    }

    .dropdown-item:hover {
      color: #ff2828;
      background: transparent;
    }

    /* Toggle Icon */
    .navbar-toggler {
      border: none;
    }

    .navbar-toggler-icon {
      background-image: none;
      width: 24px;
      height: 2px;
      background: white;
      position: relative;
    }

    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 2px;
      background: white;
      left: 0;
    }

    .navbar-toggler-icon::before {
      top: -6px;
    }

    .navbar-toggler-icon::after {
      top: 6px;
    }

    /* RIGHT TEXT */
    .nav-right-text {
      font-size: 14px;
          color: #fff;
    }

    /* HERO */
    
.hero {
    padding: 130px 0;
    background: #050a2c;
	    position: relative;
}
.hero h1 {
      font-size: 64px;
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -1.5px;
      color: #fff;
	 position: relative;
    overflow: hidden;
    }

    .hero h1 span {
      color: #ff2828;
    }
	

   .hero p {
    margin-top: 30px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
}

    
   .hero .btn-primary-custom {
     
      margin-top: 25px;
      
    }

    

    .link-secondary {
      display: inline-block;
      margin-top: 12px;
      color: #fff;
    }

    .link-secondary:hover {
      color: #fff;
    }
	.expert-cta {
    text-align: center;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.nav-link:focus,
.nav-link:focus-visible,
.dropdown-toggle:focus,
.dropdown-toggle:focus-visible,
.navbar-toggler:focus,
.navbar-toggler:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}
    /* RESPONSIVE */
    @media (max-width: 768px) {
      .hero h1 {
        font-size: 38px;
      }
      .link-secondary {
        margin-top: 24px;
      }
    }
	
	/* SECTION BACKGROUND */
.outcomes ,section.makes-different{
    padding: 120px 0;
    text-align: center;
    background-image: url("../../assets/images/background-img.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Title */
.section-title {
  font-size: 40px;
  font-weight: 700;
  color:#fff;
}
.contact-section .section-title {
  font-size: 40px;
  font-weight: 700;
  color:#000;
  text-align:center;
}

/* Red line */
.section-line {
    width: min(420px, 70vw);
    height: 5px;
    margin: 14px auto 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff2828 0%, #ff2828 45%, #ff2828 72%, rgba(255, 40, 0, 0) 100%);
    box-shadow: 0 0 0 1px rgba(255, 40, 0, .22), 0 10px 24px rgba(255, 40, 0, .14);
}

/* Subtitle */
.section-subtitle {
  color: #Fff;
  margin-top: 10px;
}

/* CARD */
section.outcomes .custom-card {
    background: rgba(255,255,255,0.05);
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #ffffff24;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}
section.outcomes .custom-card::before,.what-makes:before,section.property-management .accordion>.custom-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg,
      rgba(255,40,0,.92) 0%,
      rgba(255,40,0,.55) 52%,
      rgba(255,40,0,.18) 78%,
      rgba(255,40,0,0) 100%);
    pointer-events: none;
    z-index: 1;
}

/* HEADER */
.custom-card .card-header {
  background: transparent;
  border: none;
  padding: 20px;
}

/* BUTTON */
.custom-card .btn-link {
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ICON */
.custom-card .icon {
  font-size: 18px;
  color: #aab0ff;
  flex-shrink: 0;
}
.custom-card .icon svg {
  width: 22px;
  height: 22px;
  stroke-width: 2.5;
}

/* BODY */
.custom-card .card-body {
  text-align: left;
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  padding: 0 20px 20px;
}
.contact-section .contact-info a {
    color: #000;
}

.deliver-design:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    width: min(820px, 96vw);
    height: 130px;
    background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, .10), rgba(255, 255, 255, 0) 62%);
    pointer-events: none;
    filter: blur(0.25px);
}
.deliver-design {
    position: relative;
}
section.outcomes .custom-card .piv-acc-ico {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    flex: 0 0 auto;
}
section.outcomes .custom-card .piv-acc-ico svg {
    width: 26px;
    height: 26px;
    display: block;
}
section.outcomes .custom-card .piv-acc-ico svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}
section.outcomes .custom-card button>span:nth-child(2) {
    width: 96%;
    padding-right: 20px;
    padding-left: 20px;
}
section.outcomes .custom-card .piv-acc-pct {
    font-weight: 800;
    color: #ff2800;
}
section.outcomes .custom-card .piv-acc-impact-label {
    font-weight: 700;
   
}

section.outcomes .custom-card .icon {
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
}

/* Rotate when open */
section.outcomes .custom-card .collapse.show + .card-body,
section.outcomes .custom-card .card .collapse.show {
}

section.outcomes .custom-card .card .collapse.show ~ * .icon {
  transform: rotate(180deg);
}

/* Better method */
section.outcomes .custom-card .card-header button[aria-expanded="true"] .icon {
  transform: rotate(180deg);
}

section.case-studies {
    padding: 50px 0;
}
section.case-studies .deliver-design h2.section-title {
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.10;
    font-size: 32px;
    color: rgba(10, 31, 68, .98);
    text-transform: none;
    text-align: center;
}
.faster img {
    width: 100%;
    margin-bottom: 20px;
    height: 220px;
    margin-top: 60px;
    object-fit: cover;
    border-radius: 8px;
}
.faster  p.faster-color {
    color: #ff2828;
    font-weight: 700;
}
.faster strong a {
    color: #080a29;
}
.what-makes {
    position: relative;
    border: 1px solid #ffffff24;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff0a, rgb(255 255 255 / 20%));
    box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
    min-height: 172px;
    margin: 20px 0;
    padding: 24px;
    color: #fff;
    text-align: left;
}
.what-makes h3 {
    font-size: 22px;
    font-weight: 800;
}
section.makes-different .col-lg-12 {
    margin-bottom: 100px;
}



.contact-section {
  padding: 60px 80px;
  max-width: 100%;
  margin: auto;
  /*background: linear-gradient(135deg, #0b1a6a 0%, #020633 60%, #000428 100%);*/
   color:#000;
}

/* Heading */
.contact-title {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
  color:#fff;
}

.contact-underline {
  width: 120px;
  height: 4px;
  background: linear-gradient(to right, red, transparent);
  margin: 10px auto 40px;
}

/* Layout */
.contact-wrapper {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
      margin-top: 80px;
}

/* Left Info */ .contact-info {  flex: .5;  min-width: 280px;   color:#fff;}
.contact-section .contact-info {
 color:#000;
} .contact-form p {    margin-bottom: 20px;    font-size: 18px;    text-align: center;    font-weight: 700;    color: #fff;}
.contact-section .contact-form p {        color: #000;}.contact-section .form-group label {    color: #000;}
.contact-info h4 {
  margin-bottom: 10px;
  font-size:20px;
}

.contact-info p {
  margin: 5px 0;
  font-size: 18px;
}

/* Form */
.contact-form {
  flex: 1.5;
  min-width: 300px;
  
}

.contact-form p {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 12px;
  border: none;
  background: #e5e5e5;
  color: #000;
  font-size: 18px;
}

.form-group textarea {
  height: 100px;
  resize: none;
}

/* Button */
.submit-btn {
  background: #ff2b2b;
  color: #fff;
  padding: 12px 25px;
  border: none;
  cursor: pointer;
  font-size: 18px;
}

.submit-btn:hover {
  background: #e60000;
}


    .footer {
  background: linear-gradient(135deg, #1a5fb4, #000a5c);
  color: #fff;
  padding: 40px 60px 20px;
      background: #050a2c;
}

.footer .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.footer .logo {
   
    font-weight: bold;
    
}
.footer .logo img {
    width: 100%;
	max-width:60%;
}
ul.footer-menu>li>a {
    text-transform: uppercase;
}
.footer .logo span {
  color: red;
}
.footer .logo p>a {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}
.footer .footer-columns {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0px;
}

.footer .footer-columns div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 24%;
}
ul.footer-menu {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
}
.footer .footer a {
  color: #fff;
  
  font-size: 18px;
     
}
ul.footer-menu ul.sub-footer-menu {
    padding-left: 0;
    list-style-type: none;
    padding-top: 10px;
}
ul.footer-menu li ul>li {
    padding-bottom: 10px;
}
/*.footer .footer-columns div:nth-child(2) {
    width: 30%;
}*/
.footer .footer-columns div:nth-child(3) {
    padding-left:50px;
    width: 18%;
}
.footer .footer-columns div:last-child {
    width: 9%;
}
.footer .footer a:hover {
  text-decoration: underline;
   color: #ff2828 !important;
}

.footer .footer-right {
  text-align: right;
}

.footer .footer-right .hello {
  font-size: 18px;
  margin-bottom: 10px;
}

.footer .footer-right .hello span {
  color: red;
}
.footer .footer-columns a {
    color: #fff;
	 font-weight: 500;
	  text-decoration: none;
       
}
.footer .footer-columns a:hover {
    text-decoration: none;
   color: #ff2828 !important;
       
}

.footer .linkedin {
    margin-top: -10px;
    font-size: 20px;
    text-align: left;
	    width: 100% !important;
}
.footer .linkedin>a {
    color: #fff;
}
ul.footer-menu ul.sub-footer-menu>li a {
    font-size: 14px;
	text-decoration:none;
}
.footer .footer-bottom {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

.hero-about {
    padding: 55px 0;
    text-align: center;
    background-image: url("../../assets/images/About-hero.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* FEATURES */

.hero-about .deliver-design:before {
    display:none;
}
section.about-text {
    padding: 30px 0;
}
.icon-in {
    text-align: center;
    position: relative;
	padding-top: 12px;
}
.icon-in .social-icons__link svg {
    color: #ff2828;
}
.team-bio .icon-in a.social-icons__link {
    position: absolute;
    left: 185px;
}
.second-bio .icon-in a.social-icons__link {
    left: 136px;
}
.team-bio h4 {
    padding-top: 10px;
}
.team-bio p, .team-bio p>a {
    color: #080a29;
    font-size: 18px;
}
.team-bio {
    padding-top: 50px;
}
.team-bio img {
    width: 100%;
    max-width: 375px;
}

a.view-bio {
    background: #ff2828;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 8px 30px;
    margin: 8px 0;
    display: inline-block;
}
section.our-expert {
    background: #f0f0f0;
    padding: 50px 0;
}
section.our-expert .section-line {
    margin: 0;
}
section.our-expert  h2 {
    color: #080a29;
}
section.our-expert .piv-en-streak {
    margin-top: 10px;
    width: 30%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff2800 0%, rgba(255,40,0,.55) 70%, rgba(255,40,0,0) 100%);
    position: relative;
    overflow: hidden;
}
section.our-expert .piv-en-streak::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 42%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.22) 55%, rgba(255,255,255,0) 100%);
    opacity: .55;
    pointer-events: none;
}
.expert-text {
    padding-top: 30px;
    color: #fff;
}
.our-expert .piv-en-divider {    margin: 20px 0;    height: 1px;    width: 100%;    background: linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255), rgb(255 255 255 / 97%));}
.our-expert .piv-en-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 10px;
}
.our-expert .piv-en-card {
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.our-expert .piv-en-card {
    position: relative;
    border-radius: 16px;
    padding: 16px 16px 14px 18px;
    border: 1px solid #ffffff24;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(0,0,0,.22);
    transform: translateZ(0);
}
.our-expert .piv-en-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 18px;
    pointer-events: none;
    background: radial-gradient(1000px 180px at 15% 0%,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,0) 58%);
    opacity: .8;
}
.our-expert .piv-en-card::after {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg,
      rgba(255,40,0,0) 0%,
      rgba(255,40,0,.90) 40%,
      rgba(255,40,0,.40) 72%,
      rgba(255,40,0,0) 100%);
    opacity: .9;
    pointer-events: none;
}
.our-expert h4,.our-expert p,.our-expert h3{ color:#000;}

.our-expert .piv-titlewrap {
    padding-top: 30px;
}
.our-expert ul.piv-en-list {
    color: #000;
}
.our-expert .piv-white-streak {
    margin-top: 8px;
    width: 30%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg,
      rgba(255,255,255,.86) 0%,
      rgba(255,255,255,.28) 60%,
      rgba(255,255,255,0) 100%);
    position: relative;
    overflow: hidden;
}
.our-expert .piv-white-streak::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 34%;
    border-radius: 999px;
    background: linear-gradient(90deg,
      rgba(255,255,255,.55) 0%,
      rgba(255,255,255,.18) 55%,
      rgba(255,255,255,0) 100%);
    opacity: .6;
    pointer-events: none;
}
.our-expert p.piv-en-engage {
    padding-top: 20px;
}

/* Read More / Show Less button for senior consultant bios */
.piv-read-more-btn {
    background: none;
    border: 1px solid #ff2828;
    color: #ff2828;
    padding: 6px 18px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.2s, color 0.2s;
}
.piv-read-more-btn:hover {
    background: #ff2828;
    color: #fff;
}
.ai-services .title {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 36px;
}
.ai-services .card a {
    color: #fff;
    text-decoration: none;
}
.ai-services .card h3 {
   
    font-size: 24px;
    font-weight: 500;
}

  .ai-services {
  background:#fff;
  color:  #020633;
  padding: 80px 20px;
}



/* Heading */
.ai-services .title {
  text-align: center;
  margin-bottom: 10px;
}

.ai-services .subtitle {
  text-align: center;
  font-size: 18px;
  margin-bottom: 50px;
  opacity: 0.8;
}

/* Grid */
.ai-services .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

/* Card */
.ai-services .card{background:none;}
.ai-services .card h3 {
    margin: 15px 0 10px;
    font-size: 25px;
    color: #020633;
    padding: 0 15px;
    font-weight: 700;
}

.ai-services .card p {
  font-size: 18px;
  line-height: 1.6;
  opacity: 0.9;      padding: 0 15px;
}

/* Image */
.ai-services .image {
  position: relative;
  overflow: hidden;
}

.ai-services .image img {
  width: 100%;
  display: block;
  border-radius: 4px;
}

/* Overlay */
.ai-services .overlay {
    font-size: 18px;
    padding: 15px 20px;
    color: #ff2828 !important;
    width: 165px;
    border: 1px solid;
    margin: 15px;
    font-weight: 600;
}
.ai-services .card:hover {
    box-shadow: 0px 0px 3px #ff2828;
}
/* Impact text */
.ai-services .impact {
  color:  #ff2828 !important;
  margin-top: 10px;
}

/* CTA */
.ai-services .cta {
  text-align: center;
  margin-top: 40px;
}

.ai-services .btn {
  background: #ff2b2b;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
.ai-services .card p {
   
    color: #000;
}

section.deliver-prrof .prrof .section-line {
   
    z-index: 999;
    position: relative;
}


#chat-popup {
   
    overflow-y: scroll ;
}
section.property-management .accordion>.custom-card .card-header {
    background: linear-gradient(135deg, #1a5fb4, #000a5c);
}
section.property-management .accordion .card-body {
    color: #212529;
    padding: 20px 20px 20px;
}

section.property-management .accordion>.custom-card {
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 20px;
    border: 1px solid #ffffff24;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

.dropdown.show .dropdown-menu .dropdown-item {
  
    margin-bottom: 5px;
    width: auto !important;
}
ul.navbar-nav .dropdown.show a.dropdown-item:hover {
   /* border-bottom: 2px solid #ff2828;*/
    color: #ff2828 !important;
}
ul.navbar-nav-sub {
    padding: 0;
    list-style-type: none;
}
ul.navbar-nav-sub li a.dropdown-item {
    display: inline-block;
}
ul.navbar-nav-sub.sub-list {
    padding-left: 15px;
}


section.deliver-prrof {
    background: #050a2c;
}
.prrof .title {
    text-align: center;
    color: #fff;
    z-index: 1;
    position: relative;
    font-weight: 700;
    font-size: 36px;
}
.prrof:before {
    content: "";
    position: absolute;
    background: rgba(0,0,0, .7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.prrof {
    padding: 120px 0;
    text-align: center;
    background-image: url("../../assets/images/how-we-deliver-img.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
p.your-business-text {
    color: #fff;
    padding: 25px 0;
}
.discover-text {
    padding: 26px 16px;
    background: #fff;
    margin-top: -18px;
}
.discover-text .pivotiq-hww7-wrap {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 28px;
    align-items: center;
}

.discover-text .pivotiq-hww7-visual svg {
    width: 100%;
    height: auto;
    display: block;
}
.discover-text .ring {
    fill: none;
    stroke: rgb(5 10 44);
    stroke-width: 10;
}
.discover-text .pivotiq-hww7-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.discover-text .pivotiq-hww7-list li {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 12px;
    align-items: flex-start;
}
.discover-text .pivotiq-hww7-list .n {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #ff2800;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 8px 22px rgba(0,0,0,.35);
}
.discover-text  .h {
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 4px 0;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.discover-text .p {
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
}
section.practice {
    padding-bottom: 40px;
}
section.practice .col-lg-12 {
    padding: 0 150px;
    text-align: center;
    color: #000;
}
section.practice h3 {
    font-style: italic;
    font-size: 18px;
    font-weight: 700;
}
.cta a.btn {
    background: #ff2828;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 8px 30px;
    margin: 20px 0;
}
.cta a.btn:hover {
   background: #261F1F;
    border: 1px solid #261F1F;
}
.purpose-section .top {    background: #f0f0f0;    color: #000;    text-align: center;    padding: 50px 0;}


.purpose-section .top h2 {
  margin-bottom: 20px;
  border-bottom: 2px solid red;
  display: inline-block;
  padding-bottom: 5px;
}

.purpose-section .top p {
    font-size: 18px;
    line-height: 1.7;
    margin: 26px auto;
    opacity: 0.9;
    text-align: left;
}


.purpose-section .bottom {
     padding-bottom: 50px;
  color: #333;
}

.purpose-section .red {
  color: red;
  margin-top: 25px;
}

/* VALUES */
.purpose-section .values {
  margin-top: 15px;
}

.purpose-section .values div {
  margin-bottom: 20px;
}

.purpose-section .values h4 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size:18px;
}

.purpose-section .values p {
  font-size: 14px;
  line-height: 1.6;
}
section.promise-data-security {
    background: #fff;
    padding: 100px 0;
}
section.promise-data-security h2.title {
       color: #050a2c;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
}

.Our-Clients img {
    width: 100%;
}
.row.Our-Clients {
    color: #000;
    padding-top:50px;
}
section.security {
  padding: 50px 0;
   
}
.security .piv-privacy__wrap {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 16px;
}
.security .piv-privacy h1 {
    margin: 0 0 10px 0;
    font-size: clamp(30px, 3.2vw, 44px);
    font-weight: 700;
    letter-spacing: -0.02em;color: rgb(5 10 44);
}
.security .piv-privacy p {
    margin: 0 0 12px 0;
    font-size: 15.5px;
    color: #000;
}
.security .piv-privacy__divider {
    height: 1px;
   background: rgb(5 10 44);
    margin: 14px 0 18px 0;
}
.security .piv-privacy p {
    margin: 0 0 12px 0;
    font-size: 15.5px;
    color: #000;
}
.security .piv-privacy h2 {
    margin: 26px 0 10px 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
       color: rgb(5 10 44);
}
.piv-privacy ul {
    margin: 0 0 12px 20px;
    padding: 0;
}
.security .piv-privacy li {
    margin: 6px 0;
    font-size: 15.5px;
    color: #000;
}
.security .piv-privacy a {
    color: #000;
    text-decoration: none;
}
.security .piv-privacy h3 {
    margin: 16px 0 6px 0;
    font-size: 15.5px;
    font-weight: 700;
    color: #000;
}
section.property-management {
    padding: 70px 0;
   
}
section.property-management h2.title {
    font-size: 36px;
    font-weight: 700;
    color: #050a2c;
    text-align: center;
}
section.property-management p.subtitle {
    text-align: center;
    font-weight: 700;
    color: #050a2c;
}

.property-management  .wrap {
    max-width: 920px;
    margin: 0 auto;
    padding: 28px 18px 24px;
      
}
.property-management  h2 {
    margin: 20px 0 10px;
    color: #0a1f44;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: -0.01em;
}
.property-management  p {
    margin: 10px 0;
    font-size: 18px;
}
.property-management .accordion h2 + p, .property-management .accordion h2 + ul, .property-management .accordion h2 + .tableWrap {
    border-top: 1px solid #e5e7eb;
    padding-top: 12px;
    margin-top: 8px;
}
.property-management .accordion .tableWrap {
    margin: 12px 0 14px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}
.property-management .accordion table {
    width: 100%;
    border-collapse: collapse;
    min-width: 820px;
}
.property-management .accordion th {
    text-align: left;
    padding: 12px 14px;
    font-weight: 700;
    color: #0a1f44;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
    font-size: 18px;
}
.property-management .accordion td {
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: top;
    font-size: 18px;
    color: #374151;
}
.property-management .accordion h2 {
    margin: 20px 0 10px;
    color: #0a1f44;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: -0.01em;
}
.property-management .accordion .pivList {
    margin: 10px 0 12px 22px;
    padding: 0;
    font-size: 18px;
}
.property-management .accordion .pivList li {
    margin: 6px 0;
}
.property-management .accordion h3 {
    margin: 16px 0 8px;
    color: #0a1f44;
    font-size: 18px;
    line-height: 1.35;
}
.property-management .pivCase .footer1 {
    margin-top: 18px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
    color: #6b7280;
    font-size: 14px;
}
section.pivCase {
     
}


.piq-onepager {
    background: #ffffff;
    color: #111;
    font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.piq-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 42px 28px 26px;
    background: #fff;
}
.piq-section {
    margin: 0 0 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e8e8e8;
}
.piq-h2 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #0a1f44;
}
.piq-exec {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 18px;
    align-items: start;
}
.piq-onepager p {
    margin: 0 0 10px;
    font-size: 18px;
}
.piq-onepager ul {
    margin: 0;
    padding-left: 18px;
}
.piq-onepager li {
    margin: 0 0 8px;
    font-size: 18px;
}
.piq-kpis {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 14px 14px 12px;
    background: #fff;
}
.piq-kpi {
    font-size: 18px;
    margin: 0 0 10px;
    color: #111;
}
.piq-num {
    color: #ff2800;
    font-weight: 700;
}.discover-text  .lbl {    fill: rgb(0 0 0 / 94%);   }.discover-text .center1 {    fill: rgb(5 10 44);    }.discover-text .center2 {    fill: rgb(5 10 44);   }
.piq-kpi:last-child {
    margin-bottom: 0;
}
.piq-box {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 14px 14px 12px;
    background: #fff;
}
.piq-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
section.customer-experience {
    padding: 60px 0;
}
section.services-cloud-solutions {
    padding: 30px 0;
    text-align: center;
    background-image: url("../../assets/images/Cloud-Migration.jpg");
    background-position: center center;
    background-size: cover;
}
section.services-cloud-solutions h2.title {
    color: #fff;
    font-size: 26px;
}

.services-cloud-text {
    margin-bottom: 25px;
  }

  .services-cloud-text h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    border-bottom: 2px solid #000;
    display: inline-block;
    padding-bottom: 2px;
  }

  .services-cloud-text p {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    margin: 0;
  }
  section.services-solutions {
    padding: 50px 0;
}
 .btn-primary-custom a {
    background: #ff2828;
    border: 1px solid #fff;
    padding: 12px 34px;
    margin-top: 25px;
    font-size: 18px;
    color: #fff;
    border-radius: 0;
}
 .btn-primary-custom a:hover {
    background: #261F1F;
    border: 1px solid #261F1F;
}
.nav-right-text a {
  
    color: #fff;
    padding: 16px 24px;
    border-radius: 5px;
    text-decoration: none;
}
.nav-right-text a:hover {
    background: #1d1e20;
    color: #fff;
   
}
.faster a {
    color: #000;
}


.footer .footer-columns .linkedin img {
    max-width: 40px;
}
.submit-btn {
   
    margin-top: 20px;
}

.dropdown.show .dropdown-menu ul.navbar-nav-sub li .active {
    border: none;
}

.row.Our-Clients {
    color: #000;
    padding-top: 50px;
    align-items: center;
}
.hide-desktop {
    display: none !important;
}
.footer .footer-columns div:nth-child(4) {
    width: 12%;
}

html,
body {
  overscroll-behavior: none;
}
html {
  overflow-x: clip;
}

/* #chat-popup {
  position: fixed;

  top: 0;
  left: 0;

  width: 100%;
  height: 100dvh;

  transform: translate3d(0,0,0);

  overflow: hidden;

  z-index: 999999;

  background: #fff;

  padding-top: env(safe-area-inset-top);

  will-change: transform;
} */

/* Make close button always visible */
#chat-close {
  position: absolute;

  top: calc(env(safe-area-inset-top) + 10px);
  right: 10px;

  z-index: 1000000;
}
.chat-break {
    display: block;
    margin-top: 4px;
}

/* Landscape fix */
@media (orientation: landscape) {
  #chat-popup {
    height: 100dvh;
    max-height: 100dvh;
  }
}

/* Footer logo — landscape phones (e.g. iPhone in landscape) */
@media (orientation: landscape) and (max-height: 500px) {
  .footer .logo img {
    max-width: 120px !important;
  }
  .footer .footer-columns .linkedin img {
    max-width: 32px !important;
  }
}
@media (max-width: 430px) {
    .chat-break {
        display: block !important;
        margin-top: 4px;
    }
}
@media(max-width:980px){
    #chat-input input {
        font-size: 16px !important;
        transform: scale(0.85); /* Scales the text down to about 13px visually */
        transform-origin: left center;
        margin: 0;
    }
    .chat-break {
        display: inline;
    }
    .area-td {
        background: linear-gradient(135deg, #1a5fb4, #000a5c) !important;
        color: #fff !important;
    }
    .hide-desktop {
        display: block !important;
    }
    .hide-mobile {
        display: none !important;
    }
	.custom-card .card-body{font-size:17px;} 
    .faster img {
  
    max-width: 100%;
    height: auto;
   
}
.contact-info {
    flex: 1;
}
.contact-form {
    min-width: 0;
    padding-right: 0;
}
.contact-section {
    padding: 40px 20px;
}
.contact-wrapper {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}
.navbar-toggler {
   
    position: absolute;
    right: 20px;
    top: 50px;
}
.row.Our-Clients .order-img {
    order: -1;
}
.hero p {
   font-size: 16px !important;   
}
li.nav-item.dropdown.show a.nav-link {
    display: inline-block;
}

header ul.navbar-nav li.nav-item a.nav-link {
    display: inline-block;
}
header ul.navbar-nav li.nav-item ul.navbar-nav-sub a.dropdown-item {
    word-break: break-word;
    white-space: normal;
}
section.services-solutions.intelligence .services-cloud-text {
    padding: 0 15px;
}
.hero{padding:70px 0;}
.hero h1{font-size:56px;}
.section-title{font-size:32px;}
.outcomes, section.makes-different{padding:70px 0;}
.custom-card .btn-link{font-size:20px;}
section.makes-different .col-lg-12{margin-bottom:50px;}

.footer .footer-columns div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 47%;
}
/*.property-management .accordion .tableWrap {
     overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}*/
 .dropdown-menu {
      background: none;
      
    }
	.footer .footer-columns div:nth-child(3) {
    padding-left: 0px;
}
.footer .logo img {
  
    max-width: 55%;
}


#chat-popup {
    bottom: 20px !important;
        top: auto !important;
		height:auto !important;
       
}
#chat-header {
   padding: 10px 16px !important;
    font-size: 16px !important;
    }
div#chat-header img.q-logo {
    width: 20px;
   
}
#chat-messages {
  height: 190px !important;
}
#chat-close {
   
    top: 0px !important;
   
}
.services-cloud-text h3 {
    font-size:17px;
   
}
div#navbarNav .navbar-nav li.nav-item .dropdown-menu.show {
    padding-top: 0;
}
section.about-text h3+p {
    padding-right: 20px;
}
.our-expert .piv-en-grid {
   
    grid-template-columns: 1fr;
    
}
.row.Our-Clients h3 {
    padding-top: 15px;
}
.piq-two-col {
    
    grid-template-columns: 1fr;
   
}
.piq-exec {
   
    grid-template-columns: 1fr;
    
}
.whta-design-space .piq-box:first-child ul li {
    padding-right: 70px;
}
.the-challenge .piq-box ul li {
    font-size: 16px;
}
.iac-trns-design .card-body .piq-box ul {
    padding-left: 20px;
}
.footer .footer-columns div:nth-child(2) {
    width: 30%;
}
.footer .footer-columns {
   
    gap: 15px;
    }
footer.footer .container {
    max-width: 900px;
}
.footer .footer-columns div {
   
    width: 20%;
}
.footer .footer-columns div:nth-child(2) {
    width: 30%;
}
.property-management .accordion table {
    width: 100%;
	min-width: 100%;
  }

  .property-management .accordion table thead {
    display: none;
  }

 .property-management .accordion table,
  .property-management .accordion table tbody,
  .property-management .accordion table tr,
 .property-management .accordion  table td {
    display: block;
    width: 100%;
	
  }

  .property-management .accordion table tr {
    margin-bottom: 20px;
  }

 .property-management .accordion  table td {
    padding: 14px 20px !important;
    text-align: left;
   
  }

 .property-management .accordion table td:last-child {
    border-bottom: none;
  }

  .property-management .accordion table td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
  }
  .property-management .accordion td {
   
    font-size: 16px;
    word-wrap: break-word;
    word-break: keep-all;
}
div#collapseH2 .card-body p {
    padding-right: 30px;
}
div#collapseH3 ul.pivList li,div#collapseH7 p{
    padding-right: 43px;
}
div#collapseH8 ul.pivList li {
    padding-right: 66px;
}
}
/* Responsive */
@media (max-width: 768px) {
    body {
        overflow-x: clip;
    }
    .contact-section {
        padding: 40px 20px;
    }
    .contact-info {
        min-width: 0 !important;
        width: 100%;
    }
    .contact-form {
        min-width: 0 !important;
        width: 100%;
    }
    .contact-wrapper {
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
    }
    section.property-management .accordion .card-body {
        padding: 15px !important;
    }
    /* .piq-box {
        padding: 12px 4px 12px !important;
    } */
  .ai-services .grid {
    grid-template-columns: 1fr;
  }
  /* .outcomes #collapseTwo .piv-acc-desc {
    padding-right: 90px;
    }
    .property-management #collapseH1 .card-body p {
        padding-right: 45px;
    }
    #collapseB2 .card-body .piq-two-col .piq-box ul li:first-child {
	    padding-right: 40px !important;
    } */
    /* .mobile-break {
        display: block;
        margin-top: 4px;
    } */
}

@media(max-width:767px){
.hero h1{font-size:46px;}
   .hero p {
   font-size: 15px !important; 
        padding-right: 50px;   
}
.footer .footer-columns div>ul.footer-menu>li>a:hover {
    text-decoration: none;
}
p.piv-acc-impact {
    padding-right: 10px;
}
.custom-card .card-body {
    font-size: 18px;
}
.outcomes p.section-subtitle {
    padding: 0 30px;
}
section.property-management p.subtitle {
    margin: 10px 50px;
}
.custom-card .btn-link{font-size:17px;}
.contact-section {
    padding: 40px 20px;
}
p.piv-en-card-text{font-size:15px;}
.footer {
   
    padding: 20px 20px;
}
.navbar {
    padding: 18px 20px;
   
}

.footer .footer-columns {
    width: 100%;
	float:left;
	display:block;
}
.footer .footer-columns div {
   
    width: 100% !important;
	padding-bottom: 25px;
        border-bottom: 1px solid #cccccc59;
}
.footer .footer-columns div{text-align:left;}
.footer .linkedin{margin-bottom:10px;}
.hero {
    padding: 50px 0;
    
}
.our-expert .piv-en-grid {
 grid-template-columns: inherit !important;
   
}.discover-text .pivotiq-hww7-wrap {    max-width: 100%;       grid-template-columns: inherit !important;   }section.practice .col-lg-12 {    padding: 0 15px;}.row.Our-Clients .col-lg-4 {    order: -1;}.row.Our-Clients h3 {    padding-top: 30px;}section.promise-data-security {       padding: 50px 0;}.piq-exec ,.piq-two-col{        grid-template-columns: inherit !important;    }

section.services-solutions {
    padding: 50px 10px;
}
section.services-solutions.migration {
    padding: 50px 15px;
}
section.services-solutions.intelligence {
    padding: 50px 6px;
}
section.services-solutions.intelligence .services-cloud-text {
    padding: 0 0px;
}
section.about-text {
    padding: 30px 5px;
}
.section-line {
    width: min(420px, 50vw);
   
}

/*.property-management .accordion .tableWrap {
     overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}*/
.footer .footer-columns div>ul.footer-menu {
    padding-top: 25px;
}
.footer .footer-columns .linkedin {
    padding-bottom: 0 !important;
    border: none !important;
}
/*.footer .footer-columns div>ul.footer-menu>li:before {
    position: absolute;
    content: "";
    background: #ff2828;
    width: 40px;
    height: 2px;
    top: 26px;
}*/

.footer .footer-columns div>ul.footer-menu>li>a {
    border-bottom: 2px solid #ff2828;
    padding-bottom: 6px;
}
.footer .footer-columns div>ul.footer-menu>li {
    position: relative;
}
ul.footer-menu ul.sub-footer-menu {
  
    padding-top: 24px;
}
.footer .footer-columns div>ul.footer-menu>li ul.sub-footer-menu li.contact-list {
    padding-top: 30px;
    border-top: 1px solid #cccccc59;
    margin-top: 20px;
}
.footer .footer-columns div>ul.footer-menu>li ul.sub-footer-menu li.contact-list>a {
    text-transform: uppercase;
    border-bottom: 2px solid #ff2828;
    padding-bottom: 6px;
    margin-top: 50px !important;
}
.property-management .accordion table {
    width: 100%;
	min-width: 100%;
  }

  .property-management .accordion table thead {
    display: none;
  }

 .property-management .accordion table,
  .property-management .accordion table tbody,
  .property-management .accordion table tr,
 .property-management .accordion  table td {
    display: block;
    width: 100%;
	
  }

  .property-management .accordion table tr {
    margin-bottom: 20px;
  }

 .property-management .accordion  table td {
    padding: 14px 20px !important;
    text-align: left;
   
  }

 .property-management .accordion table td:last-child {
    border-bottom: none;
  }

  .property-management .accordion table td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
  }
  .property-management .accordion td {
   
    font-size: 16px;
    word-wrap: break-word;
    word-break: keep-all;
}
#chat-popup {
    bottom: 20px !important;
    top: auto !important;
    width: 85% !important;
    right: 0px !important;
    left: 0 !important;
    margin: 0 auto !IMPORTANT;
   
}
#chat-messages {
 height: 50vh !important;
}
.whta-design-space .piq-box:first-child ul li {
    padding-right: 0px;
}
.piq-box li {
    hyphens: auto;
}
.iac-trans .piq-box ol li {
    padding-right: 20px;
}
.iac-trans .piq-box ol {
    padding-left: 10px;
}
/* .iac-trans  div#collapseB4 .piq-box p {
    padding-right: 15px;
} */
.footer .logo img {
   max-width: 40%;
}
div#collapseH2 .card-body p {
    padding-right:0px;
}
div#collapseH3 ul.pivList li.div#collapseH7 p{
    padding-right: 0px;
}
div#collapseH8 ul.pivList li {
    padding-right: 0px;
}
}