@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --primary-color: #0083EE;
  --primary-font: "Inter", sans-serif;
}

.primary-solid-btn {
  background-color: var(--primary-color) !important;
  font-family: var(--primary-font);
  color: #fff !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 13px 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
.primary-solid-btn:hover {
  background: var(--Brand-30, #0069BE) !important;
  transition: all 0.3s linear;
}
.primary-solid-btn.white {
  background-color: #fff !important;
  color: var(--Grey-10, #000) !important;
  border: 1px solid var(--Grey-50, #D9D9D9);
}

@media (max-width: 991px) {
  .primary-solid-btn {
    padding: 12px 14px;
  }
}

.gradient-btn {
  background-color: var(--primary-color) !important;
  font-family: var(--primary-font);
  color: #fff !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 13px 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.gradient-btn:hover {
  background: linear-gradient(89deg, rgba(211, 26, 248, 0.00) 0.86%, #D31AF8 116.09%), linear-gradient(0deg, #0083EE 0%, #0083EE 100%), linear-gradient(90deg, #0083EE 0%, #0083EE 100%);
}

.simple-btn {
  background-color: #fff !important;
  color: var(--Grey-20, #4D4D4D) !important;
  border: 1px solid var(--Grey-50, #D9D9D9);
  font-family: var(--primary-font);
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 12px 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
/* .simple-btn:hover {
  border: 1px solid var(--Grey-30, #808080);
  color: #000 !important;
  transition: all 0.3s linear;
} */

@media (max-width: 991px) {
  .simple-btn {
    padding: 12px 14px;
  }
}

.simple-large-btn {
  background-color: #fff !important;
  color: var(--Grey-20, #4D4D4D);
  border: 1px solid var(--Grey-50, #D9D9D9) !important;
  font-family: var(--primary-font);
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 12px 12px 12px 16px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.simple-large-btn:hover {
  border: 1px solid var(--Grey-30, #808080);
  color: #000 !important;
  transition: all 0.2s linear;
}
.simple-large-btn.white {
  color: #fff !important;
  background-color: #0083EE !important;
}
.simple-large-btn.white:hover {
  background: #0069BE !important;
  transition: all 0.2s linear;
}

.brand-btn {
  display: flex;
  padding: 16.795px 11.5px 16.205px 11.5px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  font-family: var(--primary-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
}

.brand-red {
  color: #fff;
  background: #EF1C26;
}

.brand-blue {
  color: #fff;
  background: #0081C3;
}

.brand-white {
  color: #EF1C26;
  border: 1px solid var(--Grey-50, #D9D9D9);
  background: #FFF;
}

.dark-blue {
  color: #fff;
  background: #004DA9;
}

header {
  position: fixed;
  top: 16px;
  width: 100%;
  z-index: 1000;
}
header .container {
  max-width: 1144px !important;
}
header .h-design {
  background: #FFF;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  padding: 0 16px !important;
  border-radius: 12px;
}
header .h-design .logo-container {
  max-width: 194px;
}
header .h-design .nav-btn {
  display: flex;
}
header .h-design .nav-links {
  align-items: center;
  justify-content: flex-end;
  display: flex;
}
header .h-design .nav-links > ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
}
header .h-design .nav-link {
  position: relative;
  padding: 30px 0;
}
header .h-design .nav-link > a {
  font-size: 14px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  transition: 0.7s;
	color:#4D4D4D !important;
}
header .h-design .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: max-content;
  transform: translateY(10px);
  display: none;
  pointer-events: none;
  transition: 0.5s;
  border-radius: 12px;
  background: var(--Background-Light-Primary, #FFF);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
header .h-design .dropdown ul {
  position: relative;
  padding: 16px !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header .h-design .dropdown ul .dropdown-a {
  padding: 8px;
  border-radius: 12px;
}
header .h-design .dropdown ul .dropdown-a a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
}
header .h-design .dropdown ul .dropdown-a .svg-icon {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .h-design .dropdown ul .dropdown-a .dropdown-link-arrow {
  opacity: 0;
}
header .h-design .dropdown ul .dropdown-a:hover {
  background: var(--Blue-100, #E0ECF8);
}
header .h-design .dropdown ul .dropdown-a:hover .svg-icon {
  background: #0083EE;
}
header .h-design .dropdown ul .dropdown-a:hover .svg-icon svg path {
  stroke: #fff;
}
header .h-design .dropdown ul .dropdown-a:hover .dropdown-link-arrow {
  opacity: 1;
}
header .h-design .dropdown ul .dropdown-a .dropdown-link-up-arrow {
  display: none;
}
header .h-design .dropdown-link > a {
  display: flex;
  color: var(--Grey-20, #4D4D4D) !important;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
}
header .h-design .dropdown-link:hover > a {
  background-color: #EBEEFA;
  color: #343434;
  border-radius: 4px;
}
header .h-design .nav-link:hover > a img.nav-arrow {
  transform: rotate(180deg);
  transition: 0.5s;
}
header .h-design .dropdown-link {
  position: relative;
  border-radius: 4px;
}
header .h-design .nav-linkrrow {
  transition: transform 0.6s ease;
}
header .h-design .nav-link:hover .nav-linkrrow {
  transform: rotate(180deg);
}
header .h-design .nav-link:hover > .dropdown,
header .h-design .dropdown-link:hover > .dropdown {
  transform: translate(0, 0);
  display: block;
  pointer-events: auto;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
header .h-design .hamburger-menu-container {
  display: none;
  align-items: center;
  justify-content: flex-end;
}
header .h-design .hamburger-menu {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .h-design .hamburger-menu div {
  width: 1.6rem;
  height: 2px;
  border-radius: 3px;
  background-color: #000;
  position: relative;
  z-index: 1001;
  transition: 0.2s;
}
header .h-design .hamburger-menu div:before,
header .h-design .hamburger-menu div:after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: #000;
  border-radius: 3px;
  transition: 0.2s;
}
header .h-design .hamburger-menu div:before {
  transform: translateY(-7px);
}
header .h-design .hamburger-menu div:after {
  transform: translateY(7px);
}
header .h-design #check {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  z-index: 90000;
  cursor: pointer;
  opacity: 0;
  display: none;
}
header .h-design #check:checked ~ .flex .hamburger-menu-container .hamburger-menu div {
  background-color: transparent;
}
header .h-design #check:checked ~ .flex .hamburger-menu-container .hamburger-menu div:before {
  transform: translateY(0) rotate(-45deg);
}
header .h-design #check:checked ~ .flex .hamburger-menu-container .hamburger-menu div:after {
  transform: translateY(0) rotate(45deg);
}
@keyframes animation {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
header .h-design .cta-btn {
  display: flex;
  gap: 8px;
}

@media (max-width: 1050px) {
  header .container .h-design {
    padding: 16px !important;
  }
  header .container .hamburger-menu-container {
    display: flex;
  }
  header .container #check {
    display: block;
  }
  header .container .nav-btns-div .nav-btn {
    position: absolute;
    top: 30px;
    padding-top: 36px;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-x: hidden;
    transition: 0.4s linear;
    overflow-y: hidden;
    max-height: 0;
    gap: 40px;
    width: 100%;
    background: #FFF;
    border-radius: 0 0 16px 16px;
  }
  header .container #check:checked ~ .nav-btns-div .nav-btn {
    max-height: 90vh;
    box-shadow: 0 182px 51px 0 rgba(0, 0, 0, 0), 0 117px 47px 0 rgba(0, 0, 0, 0.01), 0 66px 39px 0 rgba(0, 0, 0, 0.05), 0 29px 29px 0 rgba(0, 0, 0, 0.09), 0 7px 16px 0 rgba(0, 0, 0, 0.1);
  }
  header .container .nav-links {
    display: block;
    width: 100%;
    padding: 20px;
  }
  header .container .nav-links > ul {
    flex-direction: column;
    gap: 0px;
  }
  header .container .nav-link {
    width: 100%;
    opacity: 1;
    transform: translateY(0);
    padding: 0;
    border-bottom: 1px solid #D9D9D9;
  }
  header .container .nav-link > a {
    line-height: 1;
    padding: 16px 20px 16px 16px;
    font-weight: 600;
  }
  header .container .nav-link:last-of-type {
    border-bottom: none;
  }
  header .container .dropdown {
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
    opacity: 1;
    pointer-events: auto;
    width: 100%;
    padding: 0;
    background-color: #fff;
    display: none;
  }
  header .container .nav-link:hover > .dropdown {
    display: block;
    border-radius: 0;
    box-shadow: none;
  }
  header .h-design .dropdown ul {
    padding: 0 !important;
    gap: 0;
  }
  header .h-design .dropdown ul .dropdown-a {
    border-radius: 0;
    padding: 16px 20px 16px 16px;
  }
  header .h-design .dropdown ul .dropdown-a {
    background: #F7FBFF;
    border-top: 1px solid #D9D9D9;
  }
  header .h-design .dropdown ul .dropdown-a:hover {
    background: #F7FBFF;
  }
  header .h-design .dropdown ul .dropdown-a:hover .svg-icon {
    background: transparent;
  }
  header .h-design .dropdown ul .dropdown-a:hover .svg-icon svg path {
    stroke: #4D4D4D;
  }
  header .h-design .dropdown ul .dropdown-a .dropdown-link-arrow,
  header .h-design .dropdown ul .dropdown-a:hover .dropdown-link-arrow {
    display: none;
  }
  header .h-design .dropdown ul .dropdown-a .dropdown-link-up-arrow {
    display: block;
  }
  header .container .dropdown-link > a {
    background-color: transparent;
    color: #000;
    padding: 1.2rem 2rem;
    line-height: 1;
  }
  header .container .dropdown.second .dropdown.second .dropdown-link > a {
    padding: 1.2rem 2rem 1.2rem 4rem;
  }
  header .h-design .cta-btn .simple-btn {
    display: none;
  }
}
@media (max-width: 767px) {
  header .container .logo-container img {
    max-width: 100%;
  }
  header .container header .hamburger-menu {
    height: 2rem;
    width: 2rem;
  }
  header .container .nav-links ul .nav-link {
    padding: 0;
  }
}
.footer{
  background: linear-gradient(180deg, rgba(195, 212, 235, 0.00) 43.36%, rgba(55, 154, 237, 0.14) 73.34%, rgba(0, 131, 238, 0.20) 99.59%), linear-gradient(0deg, var(--Grey-80, #FAFAFA) 0%, var(--Grey-80, #FAFAFA) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.00) 26.53%, rgba(255, 255, 255, 0.84) 97.12%, #FFF 123.34%);
}
.footer .container {
  max-width: 1440px !important;
  margin: auto;
}
.footer .footer-top{
  border-radius: 20px;
border: 4px solid rgba(255, 255, 255, 0.00);
background: rgba(255, 255, 255, 0.60);
}
.footer .container .footer-col-1 .bottom p.help {
  color: #0F082B;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 21px; /* 150% */
}
.footer .container .footer-col-1 .bottom a {
  width:fit-content;
  color: #0083EE !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 21px; /* 150% */
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.footer .container .footer-col-1 .bottom .social-icons {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.footer .container .footer-col-2 a {
    width:fit-content;
  color: #0F082B !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 21px; /* 150% */
}
 

.home-banner {
  background: url(../img/banner-img.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home-banner .container {
  max-width: 1100px;
  margin: auto;
}

.home-banner .container .outer-swiper {
  position: relative;
  padding: 16px 16px 21px 16px;
  border-radius: 24px;
  border: 3px solid rgba(255, 255, 255);
  background: rgba(255, 255, 255, 0.50);
  backdrop-filter: blur(20.24912452697754px);
}

.home-banner .container .outer-swiper .homeBannerSwiper {
  border-radius: 12px;
}

.build-solution .container {
  max-width: 1040px !important;
  width: 100%;
}

.try-banner .container {
  max-width: 1040px !important;
}

.core-features {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 26.53%, rgba(255, 255, 255, 0.84) 57.73%, #fff 69.32%), linear-gradient(0deg, rgba(0, 131, 238, 0.1) 0%, rgba(0, 131, 238, 0.1) 100%), #fff;
}
.core-features .features-card .card {
  position: relative;
  border-radius: 16px;
  border: 1px solid #e5e5e5;
  /* default white card */
  background-color: #fff !important;
  transition: all 0.35s ease;
}
.core-features .features-card .card:hover {
  /* gradient border trick */
  border: 1px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #ffffff 0%, #7096f7 100%) border-box;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.12);
}

.features-detail .container .tab-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid var(--Grey-60, #e5e5e5);
  background: #fff;
  color: #364153;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.312px;
  cursor: pointer;
  white-space: nowrap;
}
.features-detail .container .tab-btn:focus-visible {
  outline: none;
}
.features-detail .container .active-tab {
  background: linear-gradient(0deg, var(--Brand-40, #0083ee) 0%, var(--Brand-40, #0083ee) 100%), var(--Blue-500, #06c);
  color: white;
}
.features-detail .container .tab-btn .tick {
  display: none;
}
.features-detail .container .active-tab .tick {
  display: block;
}
.features-detail .container .tab-wrapper .tab-content .hvac-card {
  border-radius: 16px;
  border: 1px solid var(--Grey-60, #E5E5E5);
  background: linear-gradient(0deg, rgba(0, 131, 238, 0.05) 0%, rgba(0, 131, 238, 0.05) 100%), #FFF;
}

.pricing-plans .container {
  max-width: 1360px;
  width: 100%;
}

/* Mobile Accordion Only */
@media (max-width: 991px) {

  .pricing-plans .container .plan-section .plan-card .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  .pricing-plans .container .plan-section .plan-card.accordion-item.active .accordion-content {
    max-height: 2000px;
  }

  .pricing-plans .container .plan-section .plan-card.accordion-item .accordion-header .accordion-icon {
    transition: transform 0.3s ease;
    font-size: 20px;
  }

  .pricing-plans .container .plan-section .plan-card.accordion-item.active .accordion-header .accordion-icon {
    transform: rotate(180deg);
  }

}

.faq-section {
  background: linear-gradient(0deg, var(--Grey-80, #FAFAFA) 0%, var(--Grey-80, #FAFAFA) 100%), var(--Grey-90, #FFF);
}
.faq-section .container {
  max-width: 1040px !important;
  width: 100%;
}
.faq-section .container .accordion-item h4 {
  text-align: left !important;
}
.faq-section .container .accordion-item .faq-content ul,
.faqs-section .container .accordion-item .accordion-content ul {
  padding-left: 1.5rem !important;
  list-style: disc;
  color: var(--Grey-20, #4D4D4D);
}

.integration .container {
  max-width: 1040px !important;
}
@media (max-width: 767px) {
  .integration .flex-direction-column {
    flex-direction: column !important;
  }
}

.service-card {
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 22px 46px 0 rgba(0, 0, 0, 0.01), 0 16.002px 31.005px 0 rgba(0, 0, 0, 0.01), 0 11.137px 20.053px 0 rgba(0, 0, 0, 0.02), 0 7.305px 12.443px 0 rgba(0, 0, 0, 0.02), 0 4.4px 7.475px 0 rgba(0, 0, 0, 0.02), 0 2.32px 4.447px 0 rgba(0, 0, 0, 0.03), 0 0.962px 2.659px 0 rgba(0, 0, 0, 0.03), 0 0.223px 1.411px 0 rgba(0, 0, 0, 0.04);
  transition: 0.3s all;
}
.service-card:hover {
  box-shadow: 0 47px 13px 0 rgba(0, 0, 0, 0), 0 30px 12px 0 rgba(0, 0, 0, 0.01), 0 17px 10px 0 rgba(0, 0, 0, 0.05), 0 7px 7px 0 rgba(0, 0, 0, 0.09), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.service-card.white {
  position: relative;
  background: #ffffff;
  margin-left: 16px;
  padding: 40px 24px 24px 24px;
}
.service-card.white .icon {
  position: absolute;
  left: -16px;
  top: -30px;
  display: flex;
  width: 56px;
  height: 56px;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 52px;
  background: linear-gradient(0deg, rgba(91, 157, 225, 0.5) 0%, rgba(91, 157, 225, 0.5) 100%), linear-gradient(180deg, #35abff 0%, #718ed5 29.33%, #ff466e 100%);
}

.design-calc-banner .container {
  max-width: 1040px !important;
}

.features-section .container {
  max-width: 1200px !important;
}
@media (max-width: 991px) {
  .features-section .container .calculation-div .calculation-cards {
    display: flex;
    flex-direction: column;
  }
  .features-section .container .calculation-div .calculation-cards:nth-child(even) {
    flex-direction: column-reverse;
  }
  .features-section .container .calculation-div .calculation-cards .content {
    padding-top: 60px;
  }
}

.drawing-calc-banner .container {
  max-width: 1040px !important;
}
@media (max-width: 767px) {
  .drawing-calc-banner .container p br {
    display: none;
  }
}

.process-section .container {
  max-width: 1200px !important;
}
@media (max-width: 991px) {
  .process-section .container .calculation-div .calculation-cards {
    display: flex;
    flex-direction: column;
  }
  .process-section .container .calculation-div .calculation-cards:nth-child(even) {
    flex-direction: column-reverse;
  }
  .process-section .container .calculation-div .calculation-cards .content {
    padding-top: 60px;
  }
}

.extract-banner .container {
  max-width: 1040px !important;
}
@media (max-width: 767px) {
  .extract-banner .container p br {
    display: none;
  }
}

.process-section .container {
  max-width: 1200px !important;
}
@media (max-width: 991px) {
  .process-section .container .calculation-div .calculation-cards {
    display: flex;
    flex-direction: column;
  }
  .process-section .container .calculation-div .calculation-cards:nth-child(even) {
    flex-direction: column-reverse;
  }
  .process-section .container .calculation-div .calculation-cards .content {
    padding-top: 60px;
  }
}

.product-banner .container {
  max-width: 1040px !important;
}
@media (max-width: 767px) {
  .product-banner .container h1 br,
  .product-banner .container p br {
    display: none;
  }
}

.process-section {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 6.68%), var(--Grey-70, #F2F2F2);
}
.process-section .container {
  max-width: 1200px !important;
}
@media (max-width: 991px) {
  .process-section .container .calculation-div .calculation-cards {
    display: flex;
    flex-direction: column;
  }
  .process-section .container .calculation-div .calculation-cards:nth-child(even) {
    flex-direction: column-reverse;
  }
  .process-section .container .calculation-div .calculation-cards .content {
    padding-top: 60px;
  }
}

.swiper-wrapper {
  transition-timing-function: linear !important;
}

@media (max-width: 991px) {
  .about-banner .container h1 br,
  .about-banner .container p br {
    display: none;
  }
}
.what-we-do {
  padding-bottom: 40px;
}
.what-we-do .container {
  max-width: 1200px !important;
}
.what-we-do .container .light-card p {
  color: #4D4D4D;
}
.what-we-do .container .light-card h3 {
  color: #000;
  font-size: 40px !important;
}
.what-we-do .container .blue-card h3,
.what-we-do .container .blue-card p {
  color: #fff;
}
@media (max-width: 767px) {
  .what-we-do .container .calculation-div .calculation-cards {
    display: flex;
    flex-direction: column;
  }
  .what-we-do .container .calculation-div .calculation-cards:nth-child(even) {
    flex-direction: column-reverse;
  }
  .what-we-do .container .calculation-div .calculation-cards .content {
    padding-bottom: 40px;
  }
}

.goals-section {
  padding: 40px 0;
}
.goals-section .container .vision-div {
  height: 619px;
}
.goals-section .container .content {
  padding: 60px;
}
@media (max-width: 991px) {
  .goals-section .container .content {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .goals-section .container .content {
    padding: 24px;
  }
  .goals-section .container .content p br {
    display: none;
  }
}

.team-section .container {
  max-width: 1200px !important;
}

.core-section .container {
  max-width: 1200px !important;
}

.home-contact-section .container {
  max-width: 1040px !important;
}

@media (max-width: 991px) {
  .home-contact-section .container p br {
    display: none;
  }
}
.contact-banner .container {
  max-width: 1174px !important;
  margin: auto; 
}
.contact-banner .container .contact-col .form-col .input-field {
  border-radius: 6px;
  background: var(--Grey-70, #F2F2F2);
  padding: 19px 10px;
}

.blog-banner {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 26.53%, rgba(255, 255, 255, 0.84) 57.73%, #FFF 69.32%), linear-gradient(0deg, rgba(0, 131, 238, 0.1) 0%, rgba(0, 131, 238, 0.1) 100%), #FFF;
}
.blog-banner .banner-blog-card {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--Grey-60, #E5E5E5);
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), var(--Grey-90, #FFF);
}
.blog-banner .banner-blog-card .content-col span.update-tag {
  padding: 4px 12px;
  border-radius: 33554400px;
  background: #E0ECF8;
  color: #0083EE;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
}
.blog-banner .banner-blog-card .content-col .excerpt p,
.blog-cards-section .blogs-grid .blog-card .card-content .excerpt p {
  color: #4D4D4D;
}
.blog-cards-section .container .blogs-grid .blog-card {
  padding: 6px;
  border-radius: 16px;
  border: 2px solid var(--Grey-60, #E5E5E5);
  background: #FFF;
}
.blog-cards-section .container .blogs-grid .blog-card .img-div {
  border-radius: 12px;
  overflow: hidden;
}

.blog-single-banner .container {
  max-width: 1200px !important;
  width: 100%;
  margin: auto;
}

.content-section .container {
  max-width: 1200px !important;
  width: 100%;
  margin: auto;
}
.content-section .container .reading-card {
  color: #808080;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.16px;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}
.content-section .container .reading-card:first-child {
  margin-top: 0;
}
.content-section .container .reading-card a {
  color: #2b59ff;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.content-section .container .reading-card a:hover {
  text-decoration-thickness: 2px;
}
.content-section .container .reading-card strong,
.content-section .container .reading-card b {
  font-weight: 600;
}
.content-section .container .reading-card em,
.content-section .container .reading-card i {
  font-style: italic;
}
.content-section .container .reading-card h1,
.content-section .container .reading-card h2,
.content-section .container .reading-card h3,
.content-section .container .reading-card h4,
.content-section .container .reading-card h5,
.content-section .container .reading-card h6,
.content-section .container .reading-card p,
.content-section .container .reading-card ul,
.content-section .container .reading-card ol,
.content-section .container .reading-card blockquote,
.content-section .container .reading-card pre,
.content-section .container .reading-card figure,
.content-section .container .reading-card table,
.content-section .container .reading-card hr,
.content-section .container .reading-card img,
.content-section .container .reading-card .wp-block-heading {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: left !important;
}
.content-section .container .reading-card img {
  border-radius: 16px;
}
.content-section .container .reading-card ul {
  list-style: disc;
}
.content-section .container .reading-card ol {
  list-style: decimal;
}
.content-section .container .reading-card ul, .content-section .container .reading-card ol {
  padding-left: 1.5rem !important;
}
.content-section .container .reading-card ul li, .content-section .container .reading-card ol li {
  padding-bottom: 8px;
}
.content-section .container .reading-card ul li:last-child, .content-section .container .reading-card ol li:last-child {
  padding-bottom: 0;
}
.content-section .container .reading-card p {
  text-align: left !important;
  margin: 8px 0 20px 0;
  color: #808080;
  font-weight: 400 !important;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.16px;
}

.explore-more .container {
  max-width: 1040px !important;
  width: 100%;
  margin: auto;
}
.explore-more .container .blog-card {
  padding: 6px;
  border-radius: 16px;
  border: 2px solid var(--Grey-60, #E5E5E5);
  background: #FFF;
}
.explore-more .container .blog-card .img-div {
  border-radius: 12px;
  overflow: hidden;
}

* {
  box-sizing: border-box;
  font-family: var(--primary-font);
}

.scrollbar-hide {
  scrollbar-width: none;
}

a {
  text-decoration: none;
  cursor: pointer;
/*   color: var(--Grey-20, #4D4D4D) !important; */
  font-family: var(--primary-font);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 16px */
  letter-spacing: -0.48px;
  background-color: transparent !important;
}

body {
  overflow-x: hidden;
}

ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0 !important;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.container {
  max-width: 1360px;
  --bs-gutter-x: 2.75rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

h1 {
  font-size: clamp(40px, 5vw, 64px) !important;
  color: var(--Grey-10, #000);
  text-align: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal;
  letter-spacing: -2.2px;
  margin: 0 !important;
}
h1.white {
  color: #FFF !important;
}

h2 {
  font-size: clamp(32px, 5vw, 40px) !important;
  color: var(--Grey-10, #000);
  text-align: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal;
  letter-spacing: -0.8px;
  margin: 0 !important;
}
h2.white {
  color: #FFF;
}

h3 {
  font-size: clamp(24px, 5vw, 28px) !important;
  color: var(--Grey-10, #000);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 600 !important;
  line-height: 140%;
  /* 33.6px */
  letter-spacing: -0.24px;
  margin: 0;
}
h3.white {
  color: #FFF !important;
}

h4 {
  font-size: clamp(18px, 5vw, 22px) !important;
  color: var(--Grey-10, #000);
  text-align: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal;
  letter-spacing: -0.22px;
  margin: 0 !important;
}
h4.white {
  color: #FFF !important;
}

h5 {
  font-size: clamp(18px, 5vw, 20px) !important;
  color: var(--Grey-10, #000);
  font-family: var(--primary-font);
  font-weight: 600 !important;
  line-height: normal;
  letter-spacing: -0.2px;
}
h5.grey {
  color: var(--Grey-30, #808080);
  font-weight: 500 !important;
}

p {
  color: var(--Grey-10, #000);
  font-size: 16px !important;
  font-family: var(--primary-font);
  font-weight: 500 !important;
  font-style: normal;
  line-height: 135%;
  /* 21.6px */
  letter-spacing: 0.16px;
}
p.large {
  font-size: 18px !important;
}
p.small {
  font-size: 14px !important;
}
p.xs {
  font-size: 12px !important;
}
p.dark-light {
  color: var(--Grey-20, #4D4D4D);
}
p.bold {
  font-weight: 600 !important;
}
p.normal {
  font-weight: 400 !important;
}
p.white {
  color: #fff;
}
p.grey {
  color: var(--Grey-30, #808080);
}
p.light-grey {
  color: var(--Grey-20, #4D4D4D);
}
p.dark-black {
  color: #0F082B;
}

.dark-black {
  color: #0F082B;
}

.font-bold {
  font-weight: 700;
}

.page-title {
  font-size: 64px !important;
  letter-spacing: -2.2px;
}

.banner-title {
  font-size: 40px !important;
  letter-spacing: -2px;
}

.contact-title {
  color: var(--Grey-10, #000);
  font-size: 40px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.2px;
}

@media (max-width: 991px) {
  .page-title {
    font-size: 40px !important;
  }
  .banner-title {
    font-size: 32px !important;
  }
  .contact-title {
    font-size: 24px !important;
  }
}
.padding-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.margin-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.padding-top-80 {
  padding-top: 144px;
}

.padding-top {
  padding-top: 184px !important;
}

.padding-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.bg-gradient {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 6.68%), var(--Grey-70, #F2F2F2);
}

@media (max-width: 991px) {
  .container {
    padding: 0 1.5rem !important;
  }
  .padding-120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top {
    padding-top: 144px !important;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 1rem !important;
  }
  .founder-section.padding-80 {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}

.privacy-page {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 1.75;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ===== Links ===== */
.privacy-page a {
    color: #5144E0 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.privacy-page a:hover {
    text-decoration-thickness: 2px;
}


.privacy-page strong,
.privacy-page b {
    font-weight: 700;
}

.privacy-page em {
    font-style: italic;
}


.privacy-page ul,
.privacy-page ol {
    margin-top: 20px;
}


.privacy-page>*:first-child {
    margin-top: 0;
}

.privacy-page>*:last-child {
    margin-bottom: 0;
}

/* Paragraphs */

.privacy-page p {
    color: #242424;
    margin: 8px 0 20px 0;
    line-height: 1.75;
}

/* ===== Headings (≤ 500) ===== */

.privacy-page h1 {
    font-weight: 500;
    font-size: clamp(28px, 3.6vw, 36px);
    line-height: 1.2;
    letter-spacing: -0.01em;
}


.privacy-page h2 {
    font-weight: 500;
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.25;
    letter-spacing: -0.01em;
}


.privacy-page h3 {
    font-weight: 500;
    font-size: clamp(20px, 2.5vw, 28px);
    line-height: 1.3;
}


.privacy-page h4 {
    font-weight: 500;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.35;
}


.privacy-page h5 {
    font-weight: 500;
    font-size: clamp(16px, 1.8vw, 20px);
    line-height: 1.4;
}

.privacy-page h6 {
    font-weight: 500;
    font-size: clamp(14px, 1.5vw, 18px);
    line-height: 1.45;
}

/* Preserve your “top margin bump” on section starts if needed */
.privacy-page h4 {
    margin-top: 1.5rem !important;
}


.privacy-page ul {
    list-style: disc;
    padding-left: 1.5rem !important;
}

/* ROOT ORDERED LIST */
.custom-ol {
    counter-reset: section;
    padding-left: 2rem;
}

/* TOP LEVEL LIST ITEMS → 1, 2, 3 */
.custom-ol>li {
    position: relative;
    list-style: none;
    counter-increment: section;
}

.custom-ol>li::before {
    content: counter(section) ".";
    position: absolute;
    left: -2rem;
    top: 0;
    font-weight: 600;
}

/* SECTION HEADINGS */
.custom-ol h4 {
    margin-bottom: 0.5rem;
}

/* NESTED ORDERED LIST → 1.1, 1.2 */
.custom-ol ol {
    counter-reset: subsection;
    padding-left: 1.5rem;
    margin-top: 0.75rem;
}

.custom-ol ol>li {
    position: relative;
    list-style: none;
    counter-increment: subsection;
}

.custom-ol ol>li::before {
    content: counter(section) "." counter(subsection);
    position: absolute;
    left: -2.25rem;
    font-weight: 500;
}

/* THIRD LEVEL (if ever needed) */
.custom-ol ol ol {
    counter-reset: subsub;
}

.custom-ol ol ol>li {
    counter-increment: subsub;
}

.custom-ol ol ol>li::before {
    content: counter(section) "." counter(subsection) "." counter(subsub);
}

/* UNORDERED LISTS (A, bullets inside content) */
.custom-ol ul {
    list-style: disc;
    padding-left: 1rem !important;
    margin-top: 0.5rem;
}

.custom-ol ul li {
    list-style: disc;
}

/* SUB-HEADINGS INSIDE LIST ITEMS */
.custom-ol h5,
.custom-ol h6 {
    margin: 0.5rem 0;
    font-weight: 600;
}

/* PARAGRAPH SPACING */
.custom-ol p {
    margin-top: 0.5rem;
}


.privacy-page ul li,
.privacy-page ol li {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 1.65;
    padding-bottom: 8px;
    font-weight: 400;
}


.privacy-page li>ul,
.privacy-page li>ol {
    margin-top: 6px;
    margin-bottom: 6px;
}

/* ===== Images & Figures ===== */
.privacy-page img,
.privacy-page figure img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    margin: 20px 0;
    width: 100%;
}

.privacy-page figure {
    margin: 20px 0;
}

.privacy-page figcaption {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    margin-top: 8px;
}


.privacy-page blockquote {
    border-left: 4px solid rgba(81, 68, 224, 0.35);
    padding: 12px 18px;
    margin: 22px 0;
    color: #333;
    background: rgba(81, 68, 224, 0.06);
    border-radius: 8px;
}


.privacy-page blockquote p {
    margin: 0;
}


.privacy-page code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.95em;
    background: #f6f7f9;
    padding: 0.15em 0.35em;
    border-radius: 4px;
}


.privacy-page pre {
    background: #0f172a;
    color: #e5e7eb;
    padding: 14px;
    border-radius: 10px;
    overflow: auto;
    line-height: 1.6;
    font-weight: 400;
}

.privacy-page table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.5;
}

.privacy-page table th,
.privacy-page table td {
    border: 1px solid #e6e6e6;
    padding: 10px 12px;
    font-weight: 400;
}

.privacy-page table th {
    background: #f7f7fb;
    text-align: left;
    font-weight: 500;
    /* ≤ 500 */
    color: #2a2a2a;
}


.privacy-page hr {
    border: 0;
    height: 1px;
    background: #ececf2;
    margin: 24px 0;
}


.privacy-page iframe {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 8px;
    display: block;
}

.privacy-page p strong {
    font-weight: 800;
}

.privacy-page p {
    margin-top: 16px !important;
    /* keep your intent */
}

/* ===== Mobile Tweaks ===== */
@media (max-width: 640px) {

    .privacy-page {
        font-size: 15.5px;
        line-height: 1.8;
    }

    .privacy-page h1 {
        font-size: clamp(26px, 6vw, 32px);
    }

    .privacy-page h2 {
        font-size: clamp(22px, 5.2vw, 28px);
    }

    .privacy-page h3 {
        font-size: clamp(19px, 4.6vw, 24px);
    }
}

@media(max-width:767px) {

    .privacy-page ul li,
    .privacy-page ol li {
        font-size: 14px;
    }
}


.pagination-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
 
.pagination-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 58px;
  background: #F5F5F5 !important;
  color: #000 !important;
  font-weight: 600 !important;
}

.pagination-box a.prev.page-numbers,
.pagination-box a.next.page-numbers {
  background: #F5F5F5 !important;
  border: none !important;
}

.pagination-box a.page-numbers {
  background: transparent !important;
  border: 1px solid #E5E5E5 !important;
} 
.pagination-box span.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 19px 24px;
  border-radius: 58px;
  border: 1px solid #E5E5E5 !important;
 
}
 
.pagination-box span.page-numbers.current {
  color: #FFF;
  background: #0083EE !important;
  cursor: not-allowed;
  border: none !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
 
}
 
.pagination-box .prev-button,
.pagination-box .next-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
  border-radius: 40px;
  background: var(--Container-Neutral-Primary-Hover, #F0F0F0) !important;
  cursor: not-allowed;
}

.solutions-banner {
  height:100vh;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  overflow:hidden;
}

.solutions-banner .banner-gradient {
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 31.77%, rgba(255, 255, 255, 0.84) 58.45%, #FFF 75.01%);
}
@media (max-width:1050px){
  .solutions-banner {
    height:52vh; 
   }
}
@media (max-width:767px){
  .solutions-banner {
    height:100vh; 
   }
   .pain-points{
  padding-top:0;
}
}
.layout-section {
  background: linear-gradient(0deg, var(--Grey-80, #FAFAFA) 0%, var(--Grey-80, #FAFAFA) 100%), #F2F9FE;
}

.card-bg-gradient {
  background: linear-gradient(0deg, #F2F9FE 0%, #F2F9FE 100%), #FAFCFE;
}

.iterate-section .content .numeric-key {
  background: linear-gradient(0deg, rgba(192, 224, 251, 0.00) 25%, #C0E0FB 100%), var(--Brand-90, #F3FAFF);
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*# sourceMappingURL=condensed.css.map */