@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Outfit:wght@100..900&display=swap');

:root{
  --radial-gradient:radial-gradient(50% 50% at 50% 50%, #FAFAFA 0%, #D7E7FF 100%);
  --light-primary-border:1px solid #606DF133;
  --primary-linear-gradient:linear-gradient(180deg, #2D86B8 0%, #1C4DB4 100%);
  --secondary-linear-gradient:linear-gradient(180deg, #5b26b5 0%, #24a14b 100%);
  --purple-color:#5b21b6;
}

body {
  font-family: Manrope;
}
body h1, body h2, body h3, body h4, body h5, body h6{font-family: Inter;}
/*body {
  font-family: Roboto;
}*/
nav {
  height: 70px;
  left: 0px;
  top: 0px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(203, 206, 203, 0.21) 0px 5px 11px 3px;
}
.navbar-light .navbar-nav .nav-link {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgb(0, 0, 0);
}
.navbar-light .navbar-nav .nav-link.active {
  color: rgb(44, 163, 202);
}
nav > div {
  max-width: 1440px;
  margin: auto;
}
.navbar-expand-md .navbar-collapse {
  justify-content: flex-end;
}
brand-color {
  color: rgb(4, 148, 220);
}
li.nav-item.contact-us a.nav-link {
  background: linear-gradient(rgb(45, 134, 184) 0%, rgb(61, 101, 184) 100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;
  border-radius: 49px;
  color: rgb(255, 255, 255);
  margin-left: 0px;
  padding: 6px 13px 9px 15px;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: rgb(44, 163, 205);
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar {
  position: fixed;
  width: 100%;
  z-index: 100;
}
.banner {
  padding-top: 80px;
  padding-bottom: 30px;
  background-size: cover !important;
}
h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 49px;
}
.brand-color {
  color: rgb(4, 148, 220);
}
.secondary-color {
  color: rgb(0, 0, 0);
}

.metric_blocks {
  max-width: 540px;
  display: flex;
  margin: 8px auto auto;
}
.metric_blocks > div {
  min-width: 250px;
  margin: 10px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgb(255, 255, 255) 60%,
    rgba(255, 255, 255, 0.3) 100%
  );
  box-shadow: rgba(203, 206, 203, 0.21) 0px 5px 11px 3px;
  border-radius: 20px;
}
.metric_block_highlight {
  background: rgb(255, 255, 255);
  box-shadow: rgba(203, 206, 203, 0.21) 0px 5px 11px 3px;
  border-radius: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 22px;
  padding-bottom: 15px;
}
.metric_block_highlight p {
  font-style: normal;
  font-weight: 500;
  font-size: 58px;
  line-height: 69px;
  text-align: center;
  color: rgb(44, 168, 210);
  text-shadow: rgba(0, 0, 0, 0.06) 0px 6px 5px;
}
.metric_block_desc {
  max-width: 90%;
  margin: 15px auto 20px;
  text-align: center;
}
.banner h1.text-center.brand-color {
  margin-bottom: 10px;
  font-size: 48px;
}
li.nav-item {
  margin-right: 20px;
}
li.nav-item:last-child {
  margin-right: 0px;
}
h4.text-center.secondary-color {
  font-size: 18px;
}
p,
h4 {
  color: rgb(0, 0, 0);
}
.metric_block_highlight img {
  position: relative;
  top: -7px;
}
.simple-slider {
  max-width: 700px;
  margin: auto;
}
.simple-slider .swiper-button-next,
.simple-slider .swiper-button-prev {
  top: 80px;
  color: rgb(50, 130, 186);
}
.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-container-rtl .swiper-button-next::after {
  font-size: 14px;
  font-weight: 700;
}
.simple-slider .swiper-slide {
  height: 390px;
}
.row {
  margin: 0px;
}
.axbutton {
  background: var(--primary-linear-gradient);
  /*box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;*/
  border-radius: 30px;
  color: rgb(255, 255, 255);
  margin-left: 0px;
  padding: 10px 15px;
  font-size:14px;
  font-weight:600;
  text-transform:capitalize;
}
.axbutton:hover {
  transform: scale(1.05);
  color: rgb(255, 255, 255) !important;
}
.banner-action {
  position: absolute;
  width: 100%;
  bottom: -150px;
  z-index: 1;
}
.banner-action {
  position: absolute;
  width: 100%;
  bottom: 198px;
  z-index: 1;
}
button.btn.btn-primary.axbutton {
  border: none;
  cursor: pointer !important;
}
.banner-action .row {
  max-width: 500px;
  margin: auto;
  transform: translateX(50px);
}
.swiper-pagination-bullet-active {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  background: linear-gradient(0deg, rgb(44, 165, 208) 0%, rgb(32, 55, 97) 100%);
  border-radius: 49px;
  transform: matrix(1, 0, 0, -1, 0, 0);
  flex: 0 0 auto;
  order: 0;
  position: relative;
  top: 2px;
}
.swiper-pagination {
  bottom: 20px !important;
}
.banner-wrapper {
  position: relative;
}
.axsection-wrapper {
  max-width: 1350px;
  margin: auto;
}
.ai-deploy-block img {
  max-width: 100%;
  width:100%;
  height:100%;
  object-fit:contain;
}
section.axsection {
  padding-top: 80px;
  padding-bottom: 80px;
}
.axsection h1 {
  margin-bottom: 40px;
}







.banner-action.ai-deploy-action {
  position: relative;
  bottom: -31px;
}
.banner-action.ai-deploy-action > div {
  max-width: 700px;
}
.banner-action.ai-deploy-action .col-md-6 {
  width: 40%;
}
section.axsection.ai-agent .row {
  justify-content: center;
}
section.axsection.ai-agent img {
  display: block;
  margin: auto;
}
section.axsection.ai-agent h4,
section.axsection.ai-agent p {
  text-align: center;
}
.ai-deploy-circles {
  max-width: 700px;
  margin: auto;
  position: relative;
  min-height: 400px;
}
.ai-deploy-circles .ai-deploy-circle img {
  position: absolute;
}
.ai-deploy-circles .ai-deploy-circle img:last-child {
  left: 384px;
  top: 266px;
}
.ai-deploy-circles {
  max-width: 700px;
  margin: auto;
  position: relative;
  min-height: 400px;
  left: -40px;
}
.ai-deploy-circles .ai-deploy-circle {
  position: absolute;
  height: 294px;
  background-repeat: no-repeat;
  width: 320px;
  background-size: 330px;
}
.ai-deploy-circles .ai-deploy-circle img {
  position: absolute;
}
.ai-deploy-circles .ai-deploy-circle img:last-child {
  left: 384px;
  top: 266px;
}
.navbar-light .navbar-brand img:last-child {
  margin-left: 13px;
  position: relative;
  top: -2px;
}
section.axsection.er-eo {
  min-height: 740px;
}
.axsection.the-evals {
  background: linear-gradient(
    284.01deg,
    rgb(247, 250, 255) 18.06%,
    rgb(233, 240, 255) 58.21%,
    rgb(255, 255, 255) 98.35%
  );
}
.eval-card {
  background: linear-gradient(
    103.9deg,
    rgb(255, 255, 255) 40.08%,
    rgb(255, 255, 255) 102.57%
  );
  opacity: 0.99;
  border: 1px solid rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 9px 14px;
  border-radius: 10px;
  padding: 14px;
}
.eval-card h1 {
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  color: rgb(46, 169, 211);
}
.eval-card h6 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  color: rgb(63, 76, 101);
}
.evals-wrapper {
  padding: 110px 0px 60px;
  border-radius: 20px;
  overflow: hidden;
  max-width: 800px;
  margin: auto;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.evals-wrapper h1 {
  margin-bottom: 10px;
}
.evals-wrapper .col-md-12 {
  margin-bottom: 10px;
}
.evals-wrapper .col-md-4 .col-md-12 {
  padding-right: 0px;
  padding-left: 0px;
}
.evals-wrapper-content {
  padding: 0px 30px 0px 80px;
}
.col-md-4.the-evals-content h1 {
  margin-bottom: 10px !important;
  margin-top: 180px;
}
.evals-wrapper-content > div > .col-md-4 {
  padding: 6px;
}

footer > div {
  max-width: 1329px;
  margin: auto;
}
footer .col-md-3:first-child img:last-child {
  margin-left: 10px;
  position: relative;
  top: -2px;
}
footer ul {
  padding-left: 0px;
}
footer li {
  list-style: none;
  margin-bottom: 4px;
}
footer a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
}
footer .col-md-3:nth-child(3) img {
  max-width: 22px;
}
h4 strong {
  font-weight: 600 !important;
  color: rgb(0, 0, 0);
}
.sample-dashboard-wrapper {
  text-align: center;
}
img.banner-dashboard {
  max-width: 800px;
  margin-top: 20px;
  border-radius: 10px;
  box-shadow: rgb(224, 224, 224) 1px -5px 10px 0px;
}
.deploy-metrics {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 11px 14px;
  gap: 16px;
  width: 546px;
  height: 174px;
  left: 654px;
  top: 241px;
  border-radius: 16px;
  margin: 30px auto;
}
.dm-block {
  width: 251px;
  height: 152px;
  left: 14px;
  top: 11px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: rgba(203, 206, 203, 0.21) 0px 5px 11px 3px;
  border-radius: 20px;
  text-align: center;
  padding-top: 25px;
}
.dm-block p.hightlighted-text {
  font-style: normal;
  font-weight: 500;
  font-size: 49px;
  line-height: 69px;
  text-align: center;
  color: rgb(91, 33, 182);
  text-shadow: rgba(0, 0, 0, 0.06) 0px 6px 5px;
  margin-bottom: 0px;
}
.hightlighted-text > span {
  font-size: 24px;
}
.hightlighted-text img {
  max-height: 30px;
  position: relative;
}
img.Prompt_Engineerin {
  display: block;
}
img.Agent_QA_Automation {
  position: relative;
}
img.Evals_icon {
  max-width: 64px;
  position: relative;
  left: 11px;
  padding-top: 0px;
  top: 0px;
}
img.CI-CD-Integration {
  max-width: 66px;
  position: relative;
}
img.Performance_Metrics {
  max-width: 66px;
  position: relative;
}
.evals-wrapper {
  overflow: hidden;
  opacity: 1;
  padding-bottom: 0px;
  background: transparent !important;
  margin-top: -100px !important;
}
.the-evals-content + .col-md-8::after {
  content: "Dashboard Design in Progress";
  position: absolute;
  top: 50%;
  left: calc(50% - 210px);
  text-align: center;
  font-size: 30px;
  display: none;
}
.the-evals-content + .col-md-8 {
  position: relative;
}
.banner h4.text-center.secondary-color {
  font-size: 21px;
  max-width: 60%;
  margin: auto;
  font-weight: 600;
}
/*img.dashboard-image {
  border-radius: 10px;
  box-shadow: rgb(203, 212, 233) 1px -5px 10px 0px;
  width: 96%;
}*/
.evals-wrapper {
  perspective: 1000px;
  width: 900px;
  margin: auto;
}
.evals-wrapper > img {
  width: 95%;
  transform: rotateY(-14deg);
  transition: transform 0.5s;
  display: block;
  transform-style: preserve-3d;
}
.perspective-container:hover img {
  transform: rotateY(0deg);
}
@media (max-width: 768px) {
  .perspective-container {
    perspective: 800px;
  }

  .evals-wrapper > img {
    transform: rotateY(15deg);
  }
}
ul.loc-add {
  overflow: hidden;
  clear: both;
  font-size: 14px;
}
ul.loc-add li {
  float: left;
}
ul.loc-add li img {
  margin-right: 10px;
  max-width: 17px;
}
.copyrighted {
  border-top: 1px solid rgb(213, 222, 231);
  padding-top: 20px;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}
ul.snetwork {
  margin-left: 27px;
  font-size: 14px;
}
ul.snetwork a {
  margin-left: 3px;
  position: relative;
  top: -2px;
}
.snetwork img {
  max-width: 37px !important;
}
ul.snetwork a:hover img {
  opacity: 0.5;
}
.snetwork a:hover img {
  opacity: 0.5;
}
section.banner.inner-banner {
  padding-bottom: 60px;
}
section.banner.inner-banner h2 {
  margin-bottom: 20px;
  font-size: 25px;
  color: rgb(91, 33, 182);
}
section.banner.inner-banner h4 {
  margin-bottom: 15px !important;
}
section.banner.inner-banner h1 {
  border-bottom: 1px solid rgba(178, 181, 210, 0.5);
  max-width: 900px;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 40px;
  margin-bottom: 40px !important;
}
section.axsection.ai-agent.ai-agent-business {
  background: transparent;
}
section.axsection.benefits-wrapper {
  background: linear-gradient(
    539.01deg,
    rgba(247, 255, 253, 0) -10.94%,
    rgb(233, 241, 255) 3.21%,
    rgb(255, 255, 255) 28.35%
  );
}
section.axsection.benefits-wrapper .row {
  display: flex;
  justify-content: center;
}
section.axsection.benefits-wrapper .ai-deploy-block {
  height: 650px;
}
section.axsection.benefits-wrapper .ai-deploy-block li {
  font-size: 13px;
  margin-bottom: 8px;
  margin-left: 17px;
  padding-right: 20px;
}
section.axsection.benefits-wrapper h5 {
  font-size: 14px;
  margin: 0px 22px 10px 30px;
  padding-top: 8px;
}
section.axsection.benefits-wrapper ul + h4 {
  font-size: 14px;
  font-weight: 600;
}
section.axsection.benefits-wrapper img + h4 strong {
  color: rgb(4, 148, 220) !important;
}
section.axsection.benefits-wrapper .ai-deploy-block img + h4 {
  border-bottom: 1px solid rgb(205, 220, 227);
  padding-bottom: 12px;
  margin-top: 9px !important;
}
section.axsection.ai-agent.ai-agent-business .ai-deploy-block {
  height: 370px;
}
section.axsection.benefits-wrapper h1 {
  margin-bottom: 40px !important;
}

section.banner.home-banner h1 {
  /*margin-top: 40px;*/
  font-size: 54px !important;
  margin-bottom: 10px !important;
}

/* Add animation keyframes */
@keyframes fadeInTopToBottom {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

section.page-banner {
  margin-top: 82px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  color: #fff;
}

section.resource-page-banner {
  text-align: center !important;
  justify-content: center !important;
}
section.resource-page-banner .page-home-banner h3 {
  margin-top: 0px !important;
}

section.page-banner.page-home-banner h1,
section.page-banner.page-home-banner h2,
section.page-banner.page-home-banner h3,
section.page-banner.page-home-banner h4,
section.page-banner.page-home-banner p,
section.page-banner.page-home-banner img,
section.page-banner.page-home-banner a,
section.page-banner.page-home-banner button {
  opacity: 0;
  animation: fadeInTopToBottom 1s ease-out forwards;
}

.margin-top-minus-24 {
  margin-top: -24px !important;
}

section.page-banner.page-home-banner h1 {
  padding-right: 40px;
  margin-top: 0;
  font-size: 42px !important;
  animation-delay: 0.3s;
}

section.page-banner.page-home-banner h3 {
  padding-right: 40px;
  margin-top: 0px;
  font-size: 24px !important;
  margin-bottom: 10px !important;
  animation-delay: 0.6s;
}

/* For Mobile Responsiveness */
@media (max-width: 768px) {
  section.banner.home-banner h1 {
    font-size: 28px;
  }

  
}

section.page-banner {
  max-width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 45vh;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  padding: 20px;
}

.home-nav .item-home img {
  position: relative;
  top: -12px;
}
@media only screen and (max-device-width: 768px) {
  .homepage .section.banner.home-banner img.banner-dashboard {
    max-width: 100% !important;
  }

  .homepage .ai-deploy-circles .ai-deploy-circle img {
    position: relative;
    margin: auto;
    display: block;
    width: 100%;
    left: 0px !important;
    top: 0px !important;
  }

  .homepage .ai-deploy-circles .ai-deploy-circle {
    left: 0px;
  }

  .homepage img.banner-dashboard {
    max-width: 100% !important;
  }

  .homepage .evals-wrapper {
    width: 100%;
  }

  .homepage .deploy-metrics {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    align-items: center;
  }

  .homepage .col-md-4.the-evals-content h1.text-center.brand-color {
    margin-top: 0px !important;
  }

  .homepage .banner-action {
    position: relative;
    bottom: 20px;
    overflow: hidden;
  }

  .homepage .banner-action h4.text-end {
    text-align: center !important;
    margin-top: 50px !important;
  }

  .homepage .banner-action .row {
    transform: none;
    max-width: 100% !important;
    display: block !important;
    margin-left: 0px !important;
  }

  .homepage .banner-action .row .col {
    display: block;
  }

  .homepage .banner-action .col-md-6 {
    text-align: center;
    padding-top: 20px;
  }

  .homepage section.banner.home-banner {
    padding-bottom: 40px !important;
  }

  .homepage section.banner.home-banner .sample-dashboard-wrapper {
    max-width: 90%;
    margin: auto;
  }

  .homepage section.banner.home-banner h1.text-center.brand-color {
    font-size: 32px;
    line-height: normal;
  }

  .axsection-wrapper {
    max-width: 85%;
  }

  footer > div {
    max-width: 93%;
  }

  .homepage .axsection h1 {
    line-height: normal;
  }

  .homepage section.axsection.er-eo .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .homepage section.banner.home-banner + section.axsection .ai-deploy-block {
    margin-bottom: 40px;
  }

  .homepage section.banner.home-banner + section.axsection h4.text-end {
    margin-bottom: 0px;
  }

  .homepage section.banner.home-banner + section.axsection .col-md-6 {
    text-align: center !important;
    width: 100%;
  }

  .ai-deploy-circles .ai-deploy-circle img:first-child {
    margin-top: 50px;
  }

  section.banner.inner-banner .banner-wrapper {
    max-width: 85%;
    margin: auto;
  }

  section.banner.inner-banner .banner-wrapper h1 {
    font-size: 32px;
    line-height: normal;
  }

  section.banner.inner-banner .banner-wrapper h3 {
    font-size: 32px;
    line-height: normal;
  }

  .ai-agent .ai-deploy-block {
    height: 310px;
  }
}
section.banner.home-banner h1 + h4 {
  line-height: 33px;
  margin-bottom: 60px !important;
  font-size: 20px !important;
}
/*section.banner.home-banner + section {
  background: linear-gradient(
    176.46deg,
    rgb(253, 254, 255) 7.46%,
    rgb(240, 240, 255) 55.18%,
    rgb(255, 255, 255) 101.03%
  ) !important;
}*/
section.banner.home-banner + section .axsection-wrapper {
  max-width: 1100px;
}
section.banner.home-banner h1 + h4 {
  font-weight: 400 !important;
}

section.banner.home-banner + section .col-md-3:nth-child(4) h4 {
  padding-right: 0px !important;
  margin-right: 0px !important;
}
.dg-wrapper a div {
  display: none !important;
}
section.banner.home-banner
  + section
  .axsection-wrapper
  > h1.text-center.brand-color {
  font-weight: 400;
  margin-bottom: 50px !important;
  color: rgb(0, 0, 0) !important;
}
.dm-block + .dm-block img {
  margin-left: -10px;
}
.dm-block p + p {
  margin-top: -13px;
}
@media only screen and (max-device-width: 768px) {
  .dg-wrapper {
    width: 100% !important;
    height: auto !important;
  }

  .dg-wrapper a {
    margin: auto;
    transform: none !important;
    width: 90% !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    height: 150px !important;
  }

  .dg-wrapper img {
    opacity: 1 !important;
  }

  .dg-container {
    height: auto !important;
    margin-bottom: 60px !important;
  }

.homepage section.banner.home-banner h1.text-center.brand-color {
    font-size: 30px !important;
    margin-top: 10px !important;
    line-height: 30px!important;
}
.bar-text p {
    text-align: center;
    margin: auto;
}
  section.banner.home-banner h1 + h4 {
    font-size: 18px !important;
    max-width: 90% !important;
    line-height: 25px !important;
    margin-bottom: 32px !important;
  }

  .homepage .banner-action .col-md-6 {
    min-height: 60px !important;
    padding-top: 5px !important;
  }

  h1 {
    font-size: 22px;
    line-height: 38px;
  }

  .homepage section.banner.home-banner + section.axsection .ai-deploy-block {
    margin-left: auto;
    margin-right: 22px;
    max-width: 80% !important;
  }

  section.banner.home-banner + section .row .col-md-3 {
    margin-right: 0px !important;
  }

  .banner-action.ai-deploy-action {
    max-width: 90%;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: 40px !important;
  }

  .homepage .evals-wrapper {
    perspective: none !important;
  }

  section.axsection.benefits-wrapper .ai-deploy-block {
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  section.axsection.benefits-wrapper h1 {
    line-height: normal !important;
  }
}
#gradient-canvas {
  width: 100%;
  --gradient-color-1: #fff;
  --gradient-color-2: #ccf0ff;
  --gradient-color-3: #e9dbff;
  --gradient-color-4: #eaf7ef;
  z-index: 0;
  position: absolute;
  top: 0px;
  height: 100%;
}
section.banner.home-banner {
  overflow: hidden;
  position: relative;
}

section.banner.home-banner
  + section
  .axsection-wrapper
  > h1.text-center.brand-color
  span {
  color: rgb(0, 0, 0) !important;
}

.axsection.ai-agent h1.text-center.brand-color {
  color: rgb(0, 0, 0);
  font-weight: 400;
}
.ai-deploy-circles .ai-deploy-circle img {
  display: block;
  position: relative;
  padding-bottom: 21px;
  max-width: 68px;
  margin: auto !important;
  padding-top: 40px !important;
}
.ai-deploy-circles .ai-deploy-circle h4 {
  max-width: 80%;
  margin: auto auto 10px;
  font-weight: 600;
  text-align: center;
}
.ai-deploy-circles .ai-deploy-circle p {
  max-width: 55%;
  margin: auto;
  text-align: center;
  line-height: normal;
  font-size: 14px;
}
.ai-deploy-circle.circle1 {
  left: 247px;
  top: 13px;
}
.ai-deploy-circle.circle2 {
  top: 153px;
  left: 7px;
  position: relative !important;
}
.ai-deploy-circle.circle3 {
  top: 291px;
  left: 247px;
  z-index: 1;
}
.ai-deploy-circle.circle4 {
  top: 153px;
  left: 486px;
}
.col-md-5.the-evals-content h1.text-center.brand-color {
  padding-left: 50px;
  margin-top: 130px;
}
.col-md-5.the-evals-content p {
  padding-left: 50px;
}
section.axsection.benefits-wrapper img {
  max-width: 80px;
  display: block;
  margin: auto;
  padding-top: 30px;
}
section.axsection.benefits-wrapper .ai-deploy-block img + h4 {
  text-align: center;
}
.homepage section.axsection.ai-agent.ai-agent-business img {
  max-width: 110px;
  max-height: 90px;
  margin-top: 40px;
}
section.axsection.benefits-wrapper > div > h1.text-center.brand-color {
  font-weight: 400;
  color: rgb(0, 0, 0);
}
[src="../src/assets/img/Modular RAG.png"] {
  max-height: 109px;
}
@media only screen and (max-device-width: 768px) {
  .homepage .ai-deploy-circles .ai-deploy-circle {
    position: relative;
    top: 0px;
    left: 50%;
    margin: auto auto auto -120px !important;
    display: block !important;
  }
}
button.w-100.btn.btn-primary {
  background: linear-gradient(rgb(45, 134, 184) 0%, rgb(61, 101, 184) 100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;
  border-radius: 49px;
  color: rgb(255, 255, 255);
  padding: 6px 13px 9px 15px;
  max-width: 170px;
  margin: auto;
  display: block;
}
label.form-label {
  display: none;
}
.modal-content {
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;
}
button.btn-close {
  font-size: 10px;
  right: 10px;
  position: relative;
}
.form-control {
  font-size: 14px;
}
@media (min-width: 992px) {
  .services-list:hover ul {
    position: absolute;
    left: 140px;
    top: -10px;
    background: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px 2px;
    min-width: 200px;
    display: block !important;
  }
}
li.services-list {
  position: relative;
}
li.services-list:hover > a,
li.services-list ul li a:hover {
  font-weight: 600;
  color: rgb(91, 33, 182) !important;
}
li.services-list ul li a:hover {
  background: rgb(238, 243, 252);
  display: block;
}
li.services-list ul li a {
  display: block;
  padding: 4px 8px;
  border-radius: 3px;
}
li.services-list:hover > a {
  color: rgb(44, 163, 202) !important;
}
footer a:hover {
  color: rgb(44, 163, 202);
}

.ai-deploy-circles .ai-deploy-circle img {
  left: 7px;
}
.about-us-page .cards {
  border: none;
  box-shadow: none !important;
}
.pptc .cards {
  border: none;
  box-shadow: none !important;
  margin-bottom: 0px !important;
}
.pptc .cards h3 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.pptc.pp .cards h3 {
  margin-top: 0px;
}
.blog-content {
  text-align: center;
  padding-top: 10px;
}
.blog-content button.btn.btn-primary.axbutton {
  margin-top: 20px;
  color:rgb(4, 148, 220);
}
/*section.banner.home-banner + section::after {
  content: "";
  background: rgba(255, 255, 255, 0.16);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 0;
}
section.banner.home-banner + section > div {
  position: relative;
  z-index: 1;
}
section.banner.home-banner + section.b1 {
  position: relative;
  background-image: url("/src/assets/img/deploy-bg.png") !important;
  background-size: cover !important;
}
section.banner.home-banner + section.b2 {
  position: relative;
  background: url("/src/assets/img/deploy-bg-1.png") center top / cover
      no-repeat,
    url("/src/assets/img/deploy-bg-2.png") center bottom / cover no-repeat !important;
}*/
section.banner.home-banner + section.b2::after {
  background: rgba(255, 255, 255, 0.71);
}
.short-banner h1.text-center.brand-color {
  margin-top: 28px;
}
.new-business img {
  max-height: 140px;
}
.services-list ul {
  display: none;
}

section.banner.home-banner + section .col-md-3:nth-child(4) h4 {
  padding-left: 0px !important;
  margin-left: 0px !important;
}
.container.my-5.pptc.pp h3 {
  font-size: 22px;
}
.container.my-5.pptc.pp .card-body {
  padding-top: 0px;
}
.container.my-5.pptc.pp li,
.container.my-5.pptc.pp li strong {
  font-weight: 400 !important;
}
.container.my-5.pptc.tc h3 {
  font-size: 22px;
}
.blog-content .card-body {
  text-align: left;
}
p.blog-date {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  color: rgb(108, 117, 125);
}
.cards-wrapper .card.shadow.mb-4 > div {
  padding: 30px;
  box-shadow: rgba(196, 195, 204, 0.26) 0px 5px 11px 3px !important;
}
.aboutus-page .card-body p,
.aboutus-page .card-body li,
.aboutus-page .card-body a {
  font-size: 20px;
}
@media (min-width: 991px) {
  .cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
    justify-content: center;
  }

  .card {
    border-radius: 0.75rem;
    width: calc(40% - 10px);
  }
}
@media (max-width: 991px) {
  body .MuiBox-root,
  body.customRag .MuiStack-root {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .llm-logos-container,
  .llm-logos-container div {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
  }

  /* .container,
  .container div {
    display: flex !important;
  } */

  .MuiTabs-root {
    display: none !important;
  }

  .services-list > a {
    display: none;
  }

  li.services-list ul a {
    padding-left: 0px !important;
  }

  .services-list ul {
    display: block;
  }

  .alignmentAssesment .AnimationOfProduct1.MuiBox-root.css-1sf3xto {
    max-width: 90%;
    margin: auto !important;
  }

  .globalNav .popup {
    max-width: 100%;
  }
  
  .homepage .ai-deploy-circles .ai-deploy-circle {
    background-size: contain;
    max-width: 300px;
    position: relative;
    top: 0px;
    left: 0px !important;
    height: 290px !important;
    margin: auto !important;
  }

  .homepage .ai-deploy-circles {
    left: 0px;
  }

  .homepage .ai-deploy-circles .ai-deploy-circle h4 {
    margin-bottom: 0px;
  }

  .homepage .ai-deploy-circles .ai-deploy-circle img {
    padding-bottom: 10px !important;
  }

  .homepage .col-md-5.the-evals-content h1.text-center.brand-color {
    margin-top: 10px !important;
  }

  .homepage section.banner.home-banner + section.axsection .ai-deploy-block {
    text-align: center;
  }

  .homepage .dm-block {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }

  .homepage .banner-action {
    bottom: 60px;
  }



  .axsection.the-evals h1.text-center.brand-color {
    margin-top: 0px;
  }

  div#footer footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.hide {
  display: none !important;
}
.blog-image img {
  width: calc(100% + 60px);
  margin-top: -30px;
  margin-left: -30px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.whitepaper-image img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.card-body .whitepaper-image {
  margin: -1rem -1rem 0 -1rem;
}

.popup-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, 0.7);
}

.popup-content {
  background-color: white;
  margin: 10% auto;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.popup-pdf-content {
  background-color: white;
  margin: 0 auto;
  padding: 10px;
  border-radius: 10px;
  width: 90%;
  max-width: 970px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.close-button {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
}

#pdf-container {
  position: relative;
  max-height: 94vh;
  height: auto;
  overflow-y: auto;
}

.blog-content .card-body button {
  min-width: 120px;
  text-align: center !important;
}
.blog-content .card-body button img {
  max-width: 17px;
  position: relative;
  top: -2px;
}

.rounded-10px {
  border-radius: 10px;
}
.pricing-table-details {
  width: 1040px;
  margin: auto;
  padding: 52px 40px;
  position: relative;
}
.pricing-table-details th,
.pricing-table-details td {
  border: none;
  vertical-align: top !important;
}
.pricing-table-details tr:first-child th {
  font-size: 25px;
  color: rgb(4, 148, 220);
}
.pricing-table-details tr:first-child th span {
  background: linear-gradient(rgb(59, 166, 226) 0%, rgb(74, 119, 214) 100%);
  font-size: 11px;
  color: rgb(255, 255, 255);
  max-width: 20px;
  text-align: center;
  display: block;
  position: absolute;
  right: 50px;
  top: -28px;
  min-height: 100px;
  min-width: 90px;
  place-content: center;
  flex-flow: column wrap-reverse;
  align-items: center;
  clip-path: polygon(
    45% 1.33975%,
    46.5798% 0.60307%,
    48.2635% 0.15192%,
    50% 0%,
    51.7365% 0.15192%,
    53.4202% 0.60307%,
    55% 1.33975%,
    89.641% 21.3397%,
    91.0689% 22.3396%,
    92.3015% 23.5721%,
    93.3013% 25%,
    94.0379% 26.5798%,
    94.4891% 28.2635%,
    94.641% 30%,
    94.641% 70%,
    94.4891% 71.7365%,
    94.0379% 73.4202%,
    93.3013% 75%,
    92.3015% 76.4279%,
    91.0689% 77.6604%,
    89.641% 78.6603%,
    55% 98.6603%,
    53.4202% 99.3969%,
    51.7365% 99.8481%,
    50% 100%,
    48.2635% 99.8481%,
    46.5798% 99.3969%,
    45% 98.6603%,
    10.359% 78.6603%,
    8.93111% 77.6604%,
    7.69854% 76.4279%,
    6.69873% 75%,
    5.96206% 73.4202%,
    5.51091% 71.7365%,
    5.35898% 70%,
    5.35898% 30%,
    5.51091% 28.2635%,
    5.96206% 26.5798%,
    6.69873% 25%,
    7.69854% 23.5721%,
    8.93111% 22.3396%,
    10.359% 21.3397%
  );
  padding-top: 30px;
}
.pricing-table-details button.btn.btn-primary {
  background: linear-gradient(rgb(45, 134, 184) 0%, rgb(31, 82, 189) 100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;
  border-radius: 49px;
  color: rgb(255, 255, 255);
  padding: 4px 13px 6px 15px;
  min-width: 150px;
  transition: transform 0.3s ease-in;
  margin-left: 30px;
}
.pricing-table-details tr:first-child th,
.pricing-table-details tr:first-child td {
  font-weight: 600;
  position: relative;
}
.pricing-table-details ul {
  font-weight: 400;
  padding-left: 15px;
}
.pricing-table-details th br,
.pricing-table-details td br {
  display: none;
}
.type-bg {
}
.pricing-table-details tr:first-child th:nth-child(2),
.pricing-table-details tr:first-child th:nth-child(3) {
  width: 380px;
}
.type-bg::after,
.type-bg::before {
  background: rgb(255, 255, 255);
  content: "";
  height: 970px;
  width: 350px;
  position: absolute;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 9px;
  z-index: -1;
  top: 50px;
  border: 2px solid rgb(255, 255, 255);
}
.type-bg::after {
}
.type-bg::before {
  left: 578px;
}
.type-bg::after {
  left: 212px;
}
.pricing-table-details tr th,
.pricing-table-details tr td {
  padding-right: 60px;
  font-size: 12px;
}
.pricing-table-details tr:first-child th,
.pricing-table-details tr:first-child td {
}
.pricing-table-details tr {
}
.pricing-table-details tr:first-child th:first-child,
.pricing-table-details tr:first-child td:first-child {
  font-size: 18px;
}
.pricing-table-details tr:first-child {
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid rgb(204, 204, 204);
}
.pricing-table-details tr th:first-child,
.pricing-table-details tr td:first-child {
  font-size: 16px;
  color: rgb(0, 0, 0);
  font-weight: 600;
  padding-right: 10px !important;
  width: 160px !important;
}
.pricing-table-details tr.features {
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-image: initial;
  border-top: 0px !important;
}
.pricing-table-details thead tr:first-child {
  border: none;
}
.pricing-table-details tr th:last-child,
.pricing-table-details tr td:last-child {
  padding-right: 70px !important;
}
.pricing-table-details tbody tr td::after {
  content: "";
  background: rgb(223, 223, 223);
  position: absolute;
  width: 90%;
  height: 1px;
  right: 38px;
  bottom: -1px;
}
.pricing-table-details tr:first-child td:first-child::after {
  display: none;
}
.pricing-table-details tbody tr td {
  position: relative;
}
.pricing-table-details tr:last-child td::after {
  display: none !important;
}
.pricing-table-details tr:nth-child(6) td::after {
  display: none;
}
.pricing-table-details tr:nth-child(7) td {
  text-align: center;
}
.pricing-table-details tr.features li {
  display: block;
  float: left;
  width: 29%;
  padding-right: 9px;
  font-size: 11px;
}
.pricing-table-details tr.features ul {
  margin-left: 0px;
  padding-left: 0px;
  width: calc(100% + 60px);
}
.tag-bg::after,
.tag-bg::before {
  background: linear-gradient(rgb(222, 243, 255) 0%, rgb(252, 253, 255) 100%);
  content: "";
  height: 162px;
  width: 466px;
  position: absolute;
  border-radius: 18px 18px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0.08) -1px 1px 9px;
  z-index: -1;
  top: 52px;
  left: 32px;
}
.tag-bg::before {
  background: linear-gradient(rgb(242, 234, 255) 0%, rgb(249, 251, 255) 100%);
  left: 512px !important;
}
.pricing-table-details tbody tr.features td::after {
  display: none;
}
.pricing-table-details tr:first-child th:nth-child(3) span {
  background: linear-gradient(rgb(146, 76, 255) 0%, rgb(51, 4, 125) 100%);
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.pricing-table-details tr:first-child th:nth-child(3) {
  color: rgb(91, 34, 179);
}
.pricing-table-details tr:nth-child(2) td {
  padding-top: 30px;
}
.pricing-table-details tr.features li:last-child {
  width: 33%;
}
.pricing-table-details tr:first-child th {
  padding-top: 20px;
  padding-left: 20px;
}
.pricing-table-details tr.features td:nth-child(2),
.pricing-table-details tr.features td:nth-child(3) {
  padding-left: 20px;
  padding-right: 66px !important;
}
.pricing-table-less li:not(:first-child) {
  display: none;
}
.pricing-table-less tr:nth-child(5) li:nth-child(3) {
  display: list-item;
}
.pricing-table-less tr td {
  padding-bottom: 10px;
  padding-top: 11px;
  vertical-align: middle !important;
}
.pricing-table-less tr td:nth-child(2) ul,
.pricing-table-less tr td:nth-child(3) ul {
  margin-left: 0px;
  padding-left: 20px;
  margin-bottom: 0px;
}
.pricing-table-details tr.features ul {
  padding-left: 0px !important;
}
.pricing-table-less .type-bg::after,
.pricing-table-less .type-bg::before {
  height: 530px;
}
.pricing-table-more tr.features {
  display: none;
}
.pricing-table-more .tag-bg::after,
.pricing-table-more .tag-bg::before {
  height: 81px;
}
.pricing-table-more .type-bg::after,
.pricing-table-more .type-bg::before {
  height: 830px;
}
.pricing-table-more tbody tr:last-child {
  display: none;
}
.pricing-table-more thead span {
  display: none !important;
}
.pricing-table-less li:not(:first-child) {
  display: none;
}
.pricing-table-less tr:nth-child(5) li:nth-child(3) {
  display: list-item;
}
.pricing-table-less tr td {
  padding-bottom: 10px;
  padding-top: 11px;
  vertical-align: middle !important;
}
.pricing-table-less tr td:nth-child(2) ul,
.pricing-table-less tr td:nth-child(3) ul {
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
}
.pricing-table-details tr.features ul {
  padding-left: 0px !important;
}
.pricing-table-less .type-bg::after,
.pricing-table-less .type-bg::before {
  height: 480px;
  width: 470px;
}
.pricing-table-more tr.features {
  display: none;
}
.pricing-table-more .tag-bg::after,
.pricing-table-more .tag-bg::before {
  height: 81px;
}
.pricing-table-more .type-bg::after,
.pricing-table-more .type-bg::before {
  height: 790px;
  box-shadow: rgba(159, 157, 157, 0.4) -1px 1px 9px;
}
.pricing-table-more tbody tr:last-child {
  display: none;
}
.pricing-table-more thead span {
  display: none !important;
}
.pricing-table-details tr:nth-child(7) td:nth-child(3) button {
  background: linear-gradient(rgb(91, 33, 182) 0%, rgb(34, 1, 85) 100%);
  border-color: rgb(69, 21, 145);
}
.pricing-table-details tbody li {
  list-style: none;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'%20?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='131'%20height='130'%3e%3cpath%20fill='%2377B97D'%20d='M105.874%2029.7993C106.414%2029.7467%20106.962%2029.7234%20107.505%2029.7126C109.703%2029.669%20112.133%2030.5618%20113.713%2032.1111C115.25%2033.6177%20115.972%2035.8028%20115.983%2037.926C115.999%2041.2616%20114.088%2044.0793%20111.831%2046.3678L73.8468%2084.2944L62.2707%2095.9022C59.8372%2098.3455%2057.4604%20100.977%2054.7434%20103.107C52.9476%20104.515%2050.8525%20105.805%2048.4991%20105.805C46.6227%20105.806%2044.9034%20104.805%2043.4107%20103.752C40.1876%20101.478%2037.4254%2098.3077%2034.6434%2095.5236L21.3164%2082.1626C19.2057%2080.0852%2017.0016%2078.039%2015.0133%2075.8458C13.1461%2073.7862%2011.9182%2071.5128%2012.0808%2068.6548Q12.1087%2068.2069%2012.1802%2067.7639Q12.2517%2067.3208%2012.3661%2066.8869Q12.4805%2066.4529%2012.6368%2066.0322Q12.793%2065.6116%2012.9896%2065.2081Q13.1862%2064.8047%2013.4212%2064.4224Q13.6563%2064.0402%2013.9276%2063.6827Q14.1988%2063.3251%2014.5037%2062.9958Q14.8086%2062.6665%2015.1442%2062.3686C16.7206%2060.9916%2018.7099%2060.3012%2020.8008%2060.4602C22.5596%2060.5939%2024.0905%2061.2499%2025.5343%2062.2325C29.2773%2064.7799%2032.4831%2068.4775%2035.7034%2071.6546C40.0464%2075.9392%2044.621%2080.2057%2048.6165%2084.8121L82.8646%2050.4731L93.5571%2039.7219C95.8422%2037.4121%2098.0875%2034.9527%20100.574%2032.8618C102.254%2031.449%20103.795%2030.511%20105.874%2029.7993Z'/%3e%3c/svg%3e");
  background-size: 12px 12px;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
}
.pricing-table-more tr td:nth-child(2) li {
  background-image: url("data:image/svg+xml,%3csvg%20width='131'%20height='130'%20viewBox='0%200%20131%20130'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M105.874%2029.7993C106.414%2029.7467%20106.962%2029.7234%20107.505%2029.7126C109.703%2029.669%20112.133%2030.5618%20113.713%2032.1111C115.25%2033.6177%20115.972%2035.8028%20115.983%2037.926C115.999%2041.2616%20114.088%2044.0793%20111.831%2046.3678L73.8468%2084.2944L62.2707%2095.9022C59.8372%2098.3455%2057.4604%20100.977%2054.7434%20103.107C52.9476%20104.515%2050.8525%20105.805%2048.4991%20105.805C46.6227%20105.806%2044.9034%20104.805%2043.4107%20103.752C40.1876%20101.478%2037.4254%2098.3077%2034.6434%2095.5236L21.3164%2082.1626C19.2057%2080.0852%2017.0016%2078.039%2015.0133%2075.8458C13.1461%2073.7862%2011.9182%2071.5128%2012.0808%2068.6548C12.0994%2068.3562%2012.1325%2068.0592%2012.1802%2067.7639C12.2279%2067.4685%2012.2898%2067.1762%2012.3661%2066.8869C12.4424%2066.5976%2012.5326%2066.3127%2012.6368%2066.0322C12.7409%2065.7518%2012.8585%2065.4771%2012.9896%2065.2081C13.1207%2064.9392%2013.2645%2064.6773%2013.4212%2064.4224C13.5779%2064.1676%2013.7467%2063.921%2013.9276%2063.6827C14.1084%2063.4443%2014.3004%2063.2153%2014.5037%2062.9958C14.707%2062.7763%2014.9205%2062.5672%2015.1442%2062.3686C16.7206%2060.9916%2018.7099%2060.3012%2020.8008%2060.4602C22.5596%2060.5939%2024.0905%2061.2499%2025.5343%2062.2325C29.2773%2064.7799%2032.4831%2068.4775%2035.7034%2071.6546C40.0464%2075.9392%2044.621%2080.2057%2048.6165%2084.8121L82.8646%2050.4731L93.5571%2039.7219C95.8422%2037.4121%2098.0875%2034.9527%20100.574%2032.8618C102.254%2031.449%20103.795%2030.511%20105.874%2029.7993Z'%20fill='%233FB0EF'/%3e%3c/svg%3e");
}
.pricing-table-more tr td:last-child li {
  background-image: url("data:image/svg+xml,%3csvg%20width='131'%20height='130'%20viewBox='0%200%20131%20130'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M105.874%2029.7993C106.414%2029.7467%20106.962%2029.7234%20107.505%2029.7126C109.703%2029.669%20112.133%2030.5618%20113.713%2032.1111C115.25%2033.6177%20115.972%2035.8028%20115.983%2037.926C115.999%2041.2616%20114.088%2044.0793%20111.831%2046.3678L73.8468%2084.2944L62.2707%2095.9022C59.8372%2098.3455%2057.4604%20100.977%2054.7434%20103.107C52.9476%20104.515%2050.8525%20105.805%2048.4991%20105.805C46.6227%20105.806%2044.9034%20104.805%2043.4107%20103.752C40.1876%20101.478%2037.4254%2098.3077%2034.6434%2095.5236L21.3164%2082.1626C19.2057%2080.0852%2017.0016%2078.039%2015.0133%2075.8458C13.1461%2073.7862%2011.9182%2071.5128%2012.0808%2068.6548C12.0994%2068.3562%2012.1325%2068.0592%2012.1802%2067.7639C12.2279%2067.4685%2012.2898%2067.1762%2012.3661%2066.8869C12.4424%2066.5976%2012.5326%2066.3127%2012.6368%2066.0322C12.7409%2065.7518%2012.8585%2065.4771%2012.9896%2065.2081C13.1207%2064.9392%2013.2645%2064.6773%2013.4212%2064.4224C13.5779%2064.1676%2013.7467%2063.921%2013.9276%2063.6827C14.1084%2063.4443%2014.3004%2063.2153%2014.5037%2062.9958C14.707%2062.7763%2014.9205%2062.5672%2015.1442%2062.3686C16.7206%2060.9916%2018.7099%2060.3012%2020.8008%2060.4602C22.5596%2060.5939%2024.0905%2061.2499%2025.5343%2062.2325C29.2773%2064.7799%2032.4831%2068.4775%2035.7034%2071.6546C40.0464%2075.9392%2044.621%2080.2057%2048.6165%2084.8121L82.8646%2050.4731L93.5571%2039.7219C95.8422%2037.4121%2098.0875%2034.9527%20100.574%2032.8618C102.254%2031.449%20103.795%2030.511%20105.874%2029.7993Z'%20fill='%237424F2'/%3e%3c/svg%3e") !important;
}
tr.features li {
  padding-left: 0px;
  background: none;
}
.pricing-table-more ul {
  margin-bottom: 0px;
  padding-left: 0px;
}
.pricing-table-more .type-bg::after {
  left: 0px;
  width: 1000px;
  height: 1080px;
}
.pricing-table-more .tag-bg::after,
.pricing-table-more .tag-bg::before {
  display: none;
}
.pricing-table-more tr:nth-child(2) td {
  padding-top: 10px;
}
.pricing-table-less .type-bg::after {
  background: linear-gradient(
    233deg,
    rgb(255, 255, 255) 0%,
    rgb(235, 247, 255) 100%
  );
  box-shadow: rgba(102, 144, 167, 0.4) 4px 20px 20px -10px;
  border-color: rgb(185, 211, 224);
  left: 30px;
}
.pricing-table-less .type-bg::before {
  background: linear-gradient(
    233deg,
    rgb(255, 255, 255) 0%,
    rgb(250, 244, 252) 100%
  );
  box-shadow: rgb(209, 202, 226) 4px 20px 20px -10px;
  border-color: rgb(240, 211, 252);
  left: 510px;
}
.pricing-table-more .type-bg::before {
  display: none;
}
.pricing-table-details tr.features td:first-child {
  vertical-align: bottom !important;
  color: rgb(22, 163, 74) !important;
}
.pricing-table-details tr.features td:first-child {
  vertical-align: bottom !important;
  color: rgb(22, 163, 74) !important;
}
.pricing-table-details button.btn.btn-primary:hover {
  transform: scale(1.2);
  transition: transform 0.3s ease-in;
}
.aboutus-page.pricing-page {
  background: rgb(176 189 215);
}
.pricing-table-less tr th:first-child,
.pricing-table-less tr td:first-child {
  display: none;
}
.pricing-table-details tr:nth-child(2) td {
}
table.table {
}
.pricing-table-details.pricing-table-less table.table {
  width: 953px;
}

.pricing-table-more table {
  width: 100% !important;
}
.pricing-table-more table img {
  max-width: 50px;
  margin-right: 10px;
  max-height: 37px;
}
.pricing-table-details.pricing-table-more {
  padding-left: 0px;
  margin-bottom: 40px;
}
.pricing-table-details.pricing-table-more tr th,
.pricing-table-details.pricing-table-more tr td {
  padding-left: 40px;
  font-size: 13px;
  text-align: left;
  height: 57px;
}
.pricing-table-details.pricing-table-more h4 {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 500;
  color: rgb(25, 135, 84);
}
.pricing-table-more tr:nth-child(2n) {
  background: linear-gradient(rgb(229, 246, 255) 0%, rgb(197, 231, 247) 100%);
}
.pricing-table-more tr:nth-child(2n + 1) {
  background: rgb(241, 251, 255);
}
.pricing-table-more tr:nth-child(1) {
  background: transparent !important;
  font-size: 40px !important;
}
.pricing-table-more tr:nth-child(1) th {
  font-size: 27px;
}
img {
}
.pricing-table-more tr td::after {
  display: none;
}
.pricing-table-details.pricing-table-more h4 {
  padding-top: 4px;
}
.pricing-table-more tr:nth-child(2n):nth-child(2) h4 {
  padding-top: 2px;
}
.pricing-table-more tr:nth-child(2n):nth-child(4) h4 {
  padding-top: 8px;
}
.pricing-table-more tr:nth-child(2n):nth-child(6) h4 {
  padding-top: 3px;
}
.pricing-table-more tr:nth-child(2n):nth-child(6) h4 {
  margin-left: 10px;
}
.pricing-table-more tr:nth-child(2n):nth-child(8) h4 {
  padding-top: 7px;
}
.pricing-table-more tr:nth-child(2n):nth-child(8) h4 img {
  position: relative;
  top: -5px;
}
.pricing-table-more tr:nth-child(2n):nth-child(4) h4 img {
  position: relative;
  top: -2px;
}
.pricing-table-more tr:nth-child(2n):nth-child(6) h4 img {
  position: relative;
  top: -2px;
}
.pricing-table-details.pricing-table-more h4 img {
  position: relative;
  top: -1px;
}
.freemium {
  background: linear-gradient(rgb(45, 134, 184) 0%, rgb(28, 77, 180) 100%);
}
tr.type {
}
tr.type div {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  color: rgb(255, 255, 255);
  position: relative;
  top: 8px;
  font-size: 21px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -20px;
}
.enterprise {
  background: linear-gradient(rgb(91, 33, 182) 0%, rgb(34, 1, 85) 100%);
}
.pricing-table-details.pricing-table-more tr:nth-child(11) td {
  height: auto;
}

.pricing-container {
  display: grid;
  grid-template-columns: 0.75fr 1.5fr 1.5fr;
  gap: 15px;
  padding: 20px;
  padding-top: 32px;
  padding-bottom: 45px;
  max-width: 1200px;
  margin: 64px auto;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pricing-column {
  display: flex !important;
  flex-direction: column;
  border-color: rgb(185, 211, 224);
  border-radius: 16px;
}

.freemium-pricing-column {
  background: linear-gradient(
    233deg,
    rgb(255, 255, 255) 0%,
    rgb(235, 247, 255) 100%
  );
  border: 1px solid rgb(185, 211, 224, 1);
  box-shadow: rgba(102, 144, 167, 0.4) 4px 20px 20px -10px;
  flex: 1;
  border-radius: 14px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  margin-top: -10px;
  padding-bottom: 23px;
}
.enterprise-pricing-column {
  background: linear-gradient(
    233deg,
    rgb(255, 255, 255) 0%,
    rgb(250, 244, 252) 100%
  );
  box-shadow: rgb(209, 202, 226) 4px 20px 20px -10px;
  border: 1px solid rgb(185 103 218);
  border-radius: 14px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  margin-top: -10px;
  padding-bottom: 20px;
  flex: 1;
}

.pricing-column.price-features {
  font-size: 14px;
  font-weight: 500;
  color: rgb(25, 135, 84);
  background: none;
  box-shadow: none;
}
.price-features {
  border-bottom: 2px dotted #ccc;
  display: flex;
  flex-direction: column;
}
.price-features:last-child {
  border-bottom: none;
}
.price-features:first-child {
  border-bottom: none;
}

.price-features-header {
  padding: 12px !important;
  display: flex;
  align-items: center;
  background-color: #bae3fa4d;
  padding: 12px 16px;
  border-radius: 24px;
  font-weight: bold;
  color: #005fa3;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}

.pricing-column h4 {
  color: white;
  text-align: center;
  padding: 20px 0;
  margin: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  font-size: 20px;
}

.pricing-column ul {
  list-style: none;
  padding: 10px;
  margin: 0;
}

.pricing-column ul li,
.pricing-freemium-content ul li,
.pricing-premium-content ul li {
  font-size: 14px;
  list-style: none;
  background-image: url("data:image/svg+xml,%3csvg%20width='131'%20height='130'%20viewBox='0%200%20131%20130'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M105.874%2029.7993C106.414%2029.7467%20106.962%2029.7234%20107.505%2029.7126C109.703%2029.669%20112.133%2030.5618%20113.713%2032.1111C115.25%2033.6177%20115.972%2035.8028%20115.983%2037.926C115.999%2041.2616%20114.088%2044.0793%20111.831%2046.3678L73.8468%2084.2944L62.2707%2095.9022C59.8372%2098.3455%2057.4604%20100.977%2054.7434%20103.107C52.9476%20104.515%2050.8525%20105.805%2048.4991%20105.805C46.6227%20105.806%2044.9034%20104.805%2043.4107%20103.752C40.1876%20101.478%2037.4254%2098.3077%2034.6434%2095.5236L21.3164%2082.1626C19.2057%2080.0852%2017.0016%2078.039%2015.0133%2075.8458C13.1461%2073.7862%2011.9182%2071.5128%2012.0808%2068.6548C12.0994%2068.3562%2012.1325%2068.0592%2012.1802%2067.7639C12.2279%2067.4685%2012.2898%2067.1762%2012.3661%2066.8869C12.4424%2066.5976%2012.5326%2066.3127%2012.6368%2066.0322C12.7409%2065.7518%2012.8585%2065.4771%2012.9896%2065.2081C13.1207%2064.9392%2013.2645%2064.6773%2013.4212%2064.4224C13.5779%2064.1676%2013.7467%2063.921%2013.9276%2063.6827C14.1084%2063.4443%2014.3004%2063.2153%2014.5037%2062.9958C14.707%2062.7763%2014.9205%2062.5672%2015.1442%2062.3686C16.7206%2060.9916%2018.7099%2060.3012%2020.8008%2060.4602C22.5596%2060.5939%2024.0905%2061.2499%2025.5343%2062.2325C29.2773%2064.7799%2032.4831%2068.4775%2035.7034%2071.6546C40.0464%2075.9392%2044.621%2080.2057%2048.6165%2084.8121L82.8646%2050.4731L93.5571%2039.7219C95.8422%2037.4121%2098.0875%2034.9527%20100.574%2032.8618C102.254%2031.449%20103.795%2030.511%20105.874%2029.7993Z'%20fill='%233FB0EF'/%3e%3c/svg%3e");
  background-size: 14px 14px;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.pricing-column ul li:last-child {
  border-bottom: none;
}

.price-features {
  display: flex;

  text-align: left;
  font-weight: bold;
  padding: 16px 0px;
  margin: 0 10px;
}

.feature-row {
  margin: 0 20px;
  display: flex;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 2px dotted #ccc;
}
.feature-row:last-child {
  border-bottom: none;
}

.feature-row:nth-last-child(2) {
  border-bottom: none;
}

.enterprise {
  background: linear-gradient(rgb(91, 33, 182) 0%, rgb(34, 1, 85) 100%);
}

.price-features img {
  vertical-align: middle;
  margin-right: 10px;
  width: 36px;
  height: 36px;
}

.feature-row .margin-top-bottom-70 {
  margin-bottom: 70px;
  margin-top: 70px;
}

.price-features .margin-top-bottom-70 {
  margin-bottom: 78px;
  margin-top: 78px;
}

.pricing-column .enterprise-pricing-column .feature-row ul li,
.pricing-premium-content ul li {
  background-image: url("data:image/svg+xml,%3csvg%20width='131'%20height='130'%20viewBox='0%200%20131%20130'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M105.874%2029.7993C106.414%2029.7467%20106.962%2029.7234%20107.505%2029.7126C109.703%2029.669%20112.133%2030.5618%20113.713%2032.1111C115.25%2033.6177%20115.972%2035.8028%20115.983%2037.926C115.999%2041.2616%20114.088%2044.0793%20111.831%2046.3678L73.8468%2084.2944L62.2707%2095.9022C59.8372%2098.3455%2057.4604%20100.977%2054.7434%20103.107C52.9476%20104.515%2050.8525%20105.805%2048.4991%20105.805C46.6227%20105.806%2044.9034%20104.805%2043.4107%20103.752C40.1876%20101.478%2037.4254%2098.3077%2034.6434%2095.5236L21.3164%2082.1626C19.2057%2080.0852%2017.0016%2078.039%2015.0133%2075.8458C13.1461%2073.7862%2011.9182%2071.5128%2012.0808%2068.6548C12.0994%2068.3562%2012.1325%2068.0592%2012.1802%2067.7639C12.2279%2067.4685%2012.2898%2067.1762%2012.3661%2066.8869C12.4424%2066.5976%2012.5326%2066.3127%2012.6368%2066.0322C12.7409%2065.7518%2012.8585%2065.4771%2012.9896%2065.2081C13.1207%2064.9392%2013.2645%2064.6773%2013.4212%2064.4224C13.5779%2064.1676%2013.7467%2063.921%2013.9276%2063.6827C14.1084%2063.4443%2014.3004%2063.2153%2014.5037%2062.9958C14.707%2062.7763%2014.9205%2062.5672%2015.1442%2062.3686C16.7206%2060.9916%2018.7099%2060.3012%2020.8008%2060.4602C22.5596%2060.5939%2024.0905%2061.2499%2025.5343%2062.2325C29.2773%2064.7799%2032.4831%2068.4775%2035.7034%2071.6546C40.0464%2075.9392%2044.621%2080.2057%2048.6165%2084.8121L82.8646%2050.4731L93.5571%2039.7219C95.8422%2037.4121%2098.0875%2034.9527%20100.574%2032.8618C102.254%2031.449%20103.795%2030.511%20105.874%2029.7993Z'%20fill='%237424F2'/%3e%3c/svg%3e") !important;
}

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

.margin-top-50 {
  margin-top: 56px;
  margin-bottom: 56px;
}

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

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

.margin-86 {
  margin-bottom: 86px;
  margin-top: 86px;
}
.margin-92 {
  margin-bottom: 92px;
  margin-top: 92px;
}
.margin-110 {
  margin-bottom: 110px;
  margin-top: 110px;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}
.freemium-btn,
.enterprise-btn {
  display: flex;
  padding-left:20px;
  padding-bottom: 32px;
}
.freemium-btn button.btn.btn-primary,
.freemium-btn a.btn.btn-primary {
  background: linear-gradient(rgb(45, 134, 184) 0%, rgb(31, 82, 189) 100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;
  border-radius: 49px;
  color: rgb(255, 255, 255);
  text-transform:none;
  padding:10px 25px;
  transition: transform 0.3s ease-in;
}

.enterprise-btn button.btn.btn-primary {
  background: linear-gradient(rgb(91, 33, 182) 0%, rgb(34, 1, 85) 100%);
  border-color: rgb(69, 21, 145);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;
  border-radius: 49px;
  color: rgb(255, 255, 255);
  padding: 4px 13px 6px 15px;
  min-width: 150px;
  transition: transform 0.3s ease-in;
}

.enterprise-btn button.btn.btn-primary:hover,
.freemium-btn button.btn.btn-primary:hover,
.freemium-btn a.btn.btn-primary:hover {
  transform: scale(1.2);
  transition: transform 0.3s ease-in;
}

/* Pricing short columns */

.pricing-short-container {
  margin-top: 38px;
  margin-bottom: 48px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.pricing-freemium-card {
  width: 465px;
  
  box-shadow: rgba(102, 144, 167, 0.4) 4px 20px 20px -10px;
  border:var(--light-primary-border);
  overflow: hidden;
  border-radius: 20px;
}

.pricing-freemium-card:hover {
  box-shadow: rgba(102, 144, 167, 0.6) 6px 25px 25px -10px;
  border-color: rgba(102, 144, 167, 1);
}

.pricing-premium-card {
  width: 465px;
  background: linear-gradient(
    233deg,
    rgb(255, 255, 255) 0%,
    rgb(250, 244, 252) 100%
  );
  box-shadow: rgb(209, 202, 226) 4px 20px 20px -10px;
  border: 2px solid rgb(240, 211, 252);
  overflow: hidden;
  border-radius: 20px;
}

.pricing-premium-card:hover {
  box-shadow: rgba(180, 160, 220, 0.6) 6px 25px 25px -10px;
  border-color: rgb(200, 170, 240);
}

.pricing-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 25px;
  color:#fff;
  font-weight: bold;
}
/*.pricing-freemium-content ul li {
    color: #fff;
    background-image:url("data:image/svg+xml,%3csvg%20width='131'%20height='130'%20viewBox='0%200%20131%20130'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M105.874%2029.7993C106.414%2029.7467%20106.962%2029.7234%20107.505%2029.7126C109.703%2029.669%20112.133%2030.5618%20113.713%2032.1111C115.25%2033.6177%20115.972%2035.8028%20115.983%2037.926C115.999%2041.2616%20114.088%2044.0793%20111.831%2046.3678L73.8468%2084.2944L62.2707%2095.9022C59.8372%2098.3455%2057.4604%20100.977%2054.7434%20103.107C52.9476%20104.515%2050.8525%20105.805%2048.4991%20105.805C46.6227%20105.806%2044.9034%20104.805%2043.4107%20103.752C40.1876%20101.478%2037.4254%2098.3077%2034.6434%2095.5236L21.3164%2082.1626C19.2057%2080.0852%2017.0016%2078.039%2015.0133%2075.8458C13.1461%2073.7862%2011.9182%2071.5128%2012.0808%2068.6548C12.0994%2068.3562%2012.1325%2068.0592%2012.1802%2067.7639C12.2279%2067.4685%2012.2898%2067.1762%2012.3661%2066.8869C12.4424%2066.5976%2012.5326%2066.3127%2012.6368%2066.0322C12.7409%2065.7518%2012.8585%2065.4771%2012.9896%2065.2081C13.1207%2064.9392%2013.2645%2064.6773%2013.4212%2064.4224C13.5779%2064.1676%2013.7467%2063.921%2013.9276%2063.6827C14.1084%2063.4443%2014.3004%2063.2153%2014.5037%2062.9958C14.707%2062.7763%2014.9205%2062.5672%2015.1442%2062.3686C16.7206%2060.9916%2018.7099%2060.3012%2020.8008%2060.4602C22.5596%2060.5939%2024.0905%2061.2499%2025.5343%2062.2325C29.2773%2064.7799%2032.4831%2068.4775%2035.7034%2071.6546C40.0464%2075.9392%2044.621%2080.2057%2048.6165%2084.8121L82.8646%2050.4731L93.5571%2039.7219C95.8422%2037.4121%2098.0875%2034.9527%20100.574%2032.8618C102.254%2031.449%20103.795%2030.511%20105.874%2029.7993Z'%20fill='%23ffffff'/%3e%3c/svg%3e")
}*/
.pricing-premium-title {
  color: rgb(91, 34, 179);
}

.pricing-freemium-header {
  background:var(--primary-linear-gradient);
  box-shadow: rgba(0, 0, 0, 0.18) -1px 1px 9px;
  padding: 20px;
}

.pricing-premium-header {
  box-shadow: rgba(0, 0, 0, 0.08) -1px 1px 9px;
  padding: 20px;
}
.pricing-premium-badge {
  background: #fff
}
.pricing-freemium-badge {
  background: #fff
}
.pricing-header span {
  padding-top: 16px;
  font-size: 12px;
  color: #0494dc;
  max-width: 20px;
  text-align: center;
  display: block;
  margin-top: -48px;
  min-height: 100px;
  min-width: 90px;
  place-content: center;
  flex-flow: column wrap-reverse;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.08) -1px 1px 9px;
  clip-path: polygon(
    45% 1.33975%,
    46.5798% 0.60307%,
    48.2635% 0.15192%,
    50% 0%,
    51.7365% 0.15192%,
    53.4202% 0.60307%,
    55% 1.33975%,
    89.641% 21.3397%,
    91.0689% 22.3396%,
    92.3015% 23.5721%,
    93.3013% 25%,
    94.0379% 26.5798%,
    94.4891% 28.2635%,
    94.641% 30%,
    94.641% 70%,
    94.4891% 71.7365%,
    94.0379% 73.4202%,
    93.3013% 75%,
    92.3015% 76.4279%,
    91.0689% 77.6604%,
    89.641% 78.6603%,
    55% 98.6603%,
    53.4202% 99.3969%,
    51.7365% 99.8481%,
    50% 100%,
    48.2635% 99.8481%,
    46.5798% 99.3969%,
    45% 98.6603%,
    10.359% 78.6603%,
    8.93111% 77.6604%,
    7.69854% 76.4279%,
    6.69873% 75%,
    5.96206% 73.4202%,
    5.51091% 71.7365%,
    5.35898% 70%,
    5.35898% 30%,
    5.51091% 28.2635%,
    5.96206% 26.5798%,
    6.69873% 25%,
    7.69854% 23.5721%,
    8.93111% 22.3396%,
    10.359% 21.3397%
  );
}

.pricing-subheading {
  font-size: 12px;
  color: #555;
  margin-top: 12px;
  display: column;
  margin-left: 12px;
}

.pricing-subheading p {
  margin-bottom: 4px;
}

.pricing-subheading-content {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: stretch;
}

.pricing-content {
  padding: 14px;
}
.pricing-content p {
  font-size: 14px;
  color: #555;
  margin-bottom: 5px;
}
.feature-list {
  list-style: none;
  padding: 0;
  margin: 15px 0;
}
.bold {
  font-weight: bold;
}
.feature-list li {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 5px 0;
  margin: 10px 0;
  border-bottom: 2px dotted #ccc;
}
.feature-list li:last-child {
  border-bottom: none;
}

.feature-list .grouped-item {
  border-bottom: none;
  margin: 0;
  padding-top: 0;
}

.feature-list .grouped-item + .grouped-item {
  border-bottom: 2px dotted #ccc;
}

@media (max-width: 990px) {
  .pricing-freemium-card,
  .pricing-premium-card {
    justify-content: center;
    width: 100%;
    max-width: 300px; /* Optional: further adjust the width */
  }

  .pricing-header span {
    margin-top: -94px;
    margin-left: 170px;
  }
  .freemium-btn,
  .enterprise-btn {
    display: flex !important;
    justify-content: center !important;
  }

  .pricing-short-container {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
  }

  .pricing-subheading-content {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .pricing-subheading {
    font-size: 10px;
    color: #555;
    margin-top: 8px;
    display: column;
    margin-left: 0px;
  }

  section.page-banner.page-home-banner h1 {
    padding-right: 0px;
    margin-top: 0;
    font-size: 18px !important;
    line-height: 28px;
  }

  section.page-banner.page-home-banner h3 {
    margin-top: 40px;
    font-size: 16px !important;
    margin-bottom: 4px !important;
  }

  .pricing-container {
    border: none;
    box-shadow: none;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .pricing-column:first-child {
    display: none !important;
  }
  .feature-row {
    margin: 0 0px;
  }


}

@media (max-width: 650px) {
  .pricing-freemium-card,
  .pricing-premium-card {
    justify-content: center;
    width: 100%;
    max-width: 300px;
  }

  .pricing-header span {
    margin-top: -94px;
    margin-left: 170px;
  }
  .freemium-btn,
  .enterprise-btn {
    display: flex !important;
    justify-content: center !important;
  }

  .pricing-short-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px;
  }

  .pricing-subheading-content {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .pricing-subheading {
    font-size: 10px;
    color: #555;
    margin-top: 8px;
    display: column;
    margin-left: 0px;
  }

  section.page-banner.page-home-banner h1 {
    padding-right: 0px;
    margin-top: 0;
    font-size: 16px !important;
    line-height: 20px;
  }
  section.page-banner.page-home-banner h4 {
    padding-right: 0px;
    margin-top: 0;
    font-size: 12px !important;
    line-height: 20px;
  }

  section.page-banner.page-home-banner h3 {
    margin-top: 40px;
    font-size: 16px !important;
    margin-bottom: 4px !important;
  }
  .pricing-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    border: none;
    box-shadow: none;
    padding: 32px;
  }
  .margin-54,
  .margin-86,
  .margin-72 {
    margin: 0px 0 !important; /* Reduce large margins */
  }

  section.axsection {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .pricing-column:first-child {
    display: none !important;
  }

  .banner-wrapper.brand-color h1 br {
    display: none;
  }



  section.page-banner.page-home-banner h3 {
    padding-right: 0px;
  }
}

.get-in-touch-modal .modal-body {
  min-height: 500px;
}

.talk-to-us-modal .modal-body {
  min-height: 400px;
}

.medium-blog-image img {
  width: calc(100%);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

/* Platform */

.hero-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  padding-right: 0px;
  background: linear-gradient(
    284.01deg,
    rgb(247, 250, 255) 18.06%,
    rgb(233, 240, 255) 58.21%,
    rgb(255, 255, 255) 98.35%
  );
  color: #fff;
  justify-content: center;
}
.hero-section .text-content {
  max-width: 50%;
}
.hero-section h1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #5b21b6;
}

.hero-section img {
  width: 100%;
  border-top-left-radius: 250px;
  border-bottom-left-radius: 250px;
}

.hero-section p {
  font-size: 1rem;
  margin-top: 20px;
  line-height: 1.6;
}

.background-color {
  background-color: #0f183f;
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
}

.platform-banner {
  width: 60% !important;
  display: flex !important;
  flex-direction: column;
  justify-content: start;
}
.platform-banner h1 {
  padding-left: 0px !important;
}

.platform-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.platform-section h1 {
  width: 80%;
}

.platform-blocks {
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: center;
  height: 270px;
}

.llm-logos-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.llm-logo img {
  height: 40px; /* Adjust size as needed */
  width: auto;
  max-width: 150px;
  object-fit: contain;
  transition: transform 0.3s ease-in-out;
}

.green {
  color: #49b982;
  font-weight: bold;
}

.Purple {
  color: #5b21b6;
  font-weight: bold;
}

.text-justify {
  text-align: justify !important;
}

.blue {
  color: #0494dc;
  font-weight: bold;
}

.features.d-flex.flex-column p {
  margin-bottom: 0;
}

.col-md-3-5 {
  flex: 0 0 29.167%; /* 3.5/12 * 100 */
  max-width: 29.167%;
}

.bg-section {
  position: relative;
  background-image: url(/src/assets/img/deploy-bg.png) !important;
  background-size: cover !important;
}

.card-metrics {
  background: linear-gradient(to top left, #e6f5ff, #ffffff);
}

.card-logs {
  background: linear-gradient(to top left, #f3e8ff, #ffffff);
}

.card-traces {
  background: linear-gradient(to top left, #eaffea, #ffffff);
}

.ai-deploy-block.platform-blocks h4 {
  margin: 8px 20px 7px;
}

.h-250 {
  height: 250px;
}

.border-section {
  border-radius: 70px;
  border: 1px solid;
  background: #fff;
}

.layers-container {
  display: flex;
  gap: 10px;
}
.description {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 45%;
}
.description2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 45%;
  margin-left: 24px;
}
.mt-6 {
  margin-top: 6rem;
}
.mt-n2 {
  margin-top: -2rem;
}
.layers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%;
  gap: 20px;
  align-items: center;
}
.layer {
  width: 150px;
  height: 40px;
  margin: -10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  border-radius: 5px;
}
.center-line-1 {
  margin-top: -200px;
  width: 80px;
  height: 1px;
  background: #0494dc;
  position: absolute;
}

.center-line-2 {
  margin-top: 60px;
  width: 80px;
  height: 1px;
  background: #0494dc;
  position: absolute;
}

.center-line-3 {
  margin-left: -45px;
  margin-top: -80px;
  width: 80px;
  height: 1px;
  background: #0494dc;
  position: absolute;
}

.center-line-4 {
  margin-left: -45px;
  margin-top: 200px;
  width: 80px;
  height: 1px;
  background: #0494dc;
  position: absolute;
}

.horizontal-line {
  margin-top: 550px;
  width: 130px;
  height: 3px;
  background: #5b6ef1;
  position: absolute;
  right: 35%;
}
.hr-line {
  width: 160px;
  height: 3px;
  background: #5b6ef1;
}
.vr-line-short {
  width: 3px;
  height: 50px;
  background: #5b6ef1;
}
.vr-line-large {
  margin-top: -70px;
  width: 3px;
  height: 400px;
  background: #5b6ef1;
}
.vr-line {
  width: 3px;
  height: 452px;
  background: #5b6ef1;
}
.vertical-line {
  margin-left: 10px;
  margin-top: 450px;
  width: 3px;
  height: 70px;
  background: #5b6ef1;
  position: absolute;
}

.arrow-down {
  margin-left: 10px;
  margin-top: 514px;
  position: absolute;
  transform: rotate(90deg);
}
.arrow-right {
  margin-left: 485px;
  margin-top: 540px;
  position: absolute;
}

.hr-line-arrow {
  margin-left: -6px;
}
.vr-line-arrow {
  margin-top: 40px;
  position: absolute;
  transform: rotate(90deg);
}
.vr-line-arrow-2 {
  margin-top: -8px;
  position: absolute;
  transform: rotate(270deg);
}
.vr-text {
  margin-left: 140px;
  margin-top: -42px;
}

.circle {
  width: 120px;
  height: 120px;
  background-color: #96f1e1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin: 10px auto;
}

.circle ul {
  padding-left: 20px;
  list-style-type: circle;
}

.border-box {
  border: 2px solid #0494dc;
  display: inline-block;
  border-radius: 12px;
}

.border-inside-box {
  width: 150px;
  height: 60px;
  border-left: 2px solid #0494dc;
  border-right: 2px solid #0494dc;
  display: inline-block;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.desc-box {
  display: flex;
  align-items: flex-start;
  margin: 20px 0;
}
.desc-box img {
  margin-right: 10px;
}
.desc-box ul {
  margin: 0;
  padding-left: 20px;
  list-style-type: circle;
}

.section-blue-bg {
  background: linear-gradient(
    284.01deg,
    rgb(247, 250, 255) 18.06%,
    rgb(233, 240, 255) 58.21%,
    rgb(255, 255, 255) 98.35%
  );
}

.hr-line-left {
  width: 400px;
  height: 3px;
  background: #5b6ef1;
}

.hr-line-right {
  width: 520px;
  height: 3px;
  background: #5b6ef1;
  margin-top: -8px;
  margin-left: -518px;
}
.margin-right-100 {
  margin-right: 100px;
}
.margin-right-150 {
  margin-right: 230px;
}
.ml-n100 {
  margin-left: -100px;
}
.gap-80 {
  gap: 130px;
}
.flow-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.flow-container .row {
  display: flex;
  justify-content: center;
  gap: 50px;
}

.flow-container .box {
  border-radius: 10px;
  padding: 15px;
  text-align: center;
}

.flow-container .border-box {
  display: flex;
  justify-content: space-between;
  border: 2px solid #0494dc;
  border-radius: 12px;
  min-width: 280px;
}

.flow-container .border-box span {
  font-size: 14px;
  text-align: center;
  border-right: 2px solid #0494dc;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  flex: 1;
}
.flow-container .border-box span:first-child,
.flow-container .border-box span:last-child {
  flex: none;
  width: 25px;
}

.flow-container .border-box span:last-child {
  border-right: none;
}
.vertical-box {
  display: flex;
  width: 50px;
  height: 650px;
  padding: 20px;
  border: 2px solid #74c5e0;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.vertical-text {
  transform: rotate(-90deg);
  white-space: nowrap;
}

.architecture {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 850px;
}
.architecture .layer {
  padding: 15px;
  font-weight: bold;
  color: white;
  width: 100%;
  text-align: center;
  border-radius: 0;
  margin: 0;
  height: auto;
}
.ui-layer {
  background-color: #5b21b6;
}
.api-gateway {
  background-color: #0b2f56;
}
.eval-framework {
  background-color: #5b21b6;
}
.section {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  color: white;
}
.box {
  background-color: #257aa9;
  padding: 15px 15px;
  font-size: 14px;
  min-width: 200px;
  text-align: center;
}

.section2 .box {
  background-color: #74c5e0;
  min-width: 270px;
}
.datastore-section {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.datastore-box {
  border: 2px solid #74c5e0;
  padding: 10px 15px;
  font-size: 14px;
  min-width: 200px;
  text-align: center;
}
.desktop-margin-84 {
  margin-left: -84px;
}
.value-prop {
  margin-top: 130px;
  gap: 110px;
}

.platform-img {
  width: 90px;
  height: 70px;
  object-fit: contain;
}

.image-container {
  width: 100px !important;
  height: 100px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Partners */

.tool-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.tool-card img {
  height: auto;
  margin-bottom: 10px;
}
.tool-card h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}
.tool-card p {
  font-size: 14px;
  color: #666;
}
.partners-wrapper {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
  margin-bottom: 32px;
  margin-top: 12px;
}

.partners-scroll {
  display: flex !important;
  align-items: center;
  gap: 20px;
  animation: marquee 40s linear infinite;
}

/* Keyframe animation for continuous scrolling */
@keyframes marquee {
  0% {
    transform: translateX(0); /* first logo pinned left */
  }
  100% {
    transform: translateX(calc(-150% - 100vw - 30px)); 
  }
}

/*.who-we-are {
  display: flex !important;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  background: white;
  opacity: 0.99;
  border: 1px solid rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 9px 14px;
  border-radius: 21px;
  flex-grow: 0;
  margin-bottom: 30px;
}

.who-we-are:hover {
  border: 1px solid #0494dc;
}
*/
.contact-bg {
  position: relative;
  background-image: url("/src/assets/img/deploy-bg.png") !important;
  background-size: cover !important;
}

.join-us {
  background-color: white;
  border-radius: 24px;
  border: 1px solid #0494dc;
  margin-top: 20px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.list-unstyled .fa-check-circle {
  background: #333;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  transition: color 0.3s ease-in-out;
  line-height: 1.2;
}

.pt-1-8 {
  padding-top: 1.8rem;
}


.banner-img {
  background-size: 100% 100% !important;
  background-position: left, right !important;
}

.shadow-bottom {
  box-shadow: 0 4px 4px rgba(136, 132, 132, 0.1);
}

@media screen and (max-width: 768px) {
  .vertical-box {
    display: flex !important;
    width: 10px !important;
  }

  .vertical-text {
    transform: rotate(-90deg) !important;
    white-space: nowrap !important;
  }
  .architecture-gap {
    gap: 0px !important;
  }
  .override-max-width {
    width: auto !important;
  }
  .architecture {
    display: flex !important;
    width: 100% !important;
    padding: 10px;
  }
  .desktop-margin-84 {
    margin-left: 0 !important;
  }
  .abt-us {
    margin: 0 !important;
  }

  .section,
  .datastore-section {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .box,
  .datastore-box {
    flex: 1;
    min-width: auto;
    padding: 10px;
    font-size: 12px;
    width: auto !important;
  }
  .section {
    display: flex !important;
    justify-content: space-between;
  }
  .section2 .box {
    flex: 1;
    min-width: auto;
    justify-content: center;
  }
  .layer {
    font-size: 14px;
    padding: 10px;
    width: 100% !important;
    height: auto;
  }
  .text-responsive {
    font-size: 12px !important;
  }
  .responsive-image {
    width: 200px;
  }
  .value-prop {
    margin-top: 70px !important;
    gap: 40px !important;
  }
  .col-md-3-5 {
    max-width: none !important;
  }
  .gap-s-4 {
    gap: 2rem !important;
  }
  .banner-img {
    background-size: 100% 100% !important;
    background-position: left right !important;
  }

  section.page-banner {
    margin-top: 20px;
  }
}
@media (max-width: 770px) and (min-width: 490px) {
  .homepage .deploy-metrics {
    margin-top: 200px !important;
  }
}
@media (max-width: 991px) and (min-width: 770px) {
  .evals-wrapper {
    width: auto;
  }

  .deploy-metrics,
  .deploy-metrics div {
    align-content: center;
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 300px !important;
    height: 200px !important;
  }



  .ai-deploy-block p {
    font-size: 14px;
  }
  /* .ai-blocks,
  .ai-blocks div {
    display: flex !important;
    flex-direction: column;
    width: auto !important;
    flex-wrap: wrap !important;
    width: 220px !important;
    height: 300px !important;
  } */

  .homepage .banner-action {
    bottom: 150px;
  }

  .banner-action.ai-deploy-action {
    max-width: 90%;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: 200px !important;
  }
  .banner-action.ai-deploy-action h4 {
    text-align: start !important;
  }
}
@media (max-width: 990px) and (min-width: 450px) {
  .card-body .whitepaper-image {
    margin: 0;
  }
  .platform-banner-img {
    background-size: 200% 100% !important;
    background-position: center right !important;
    background-size: cover !important;
  }
  .vertical-box {
    width: 200px !important;
    display: flex !important;
    width: 10px !important;
  }
  .override-max-width {
    width: auto !important;
  }
  .vertical-text {
    transform: rotate(-90deg) !important;
    white-space: nowrap !important;
  }

  .architecture {
    display: flex !important;
    width: 100% !important;
    padding: 10px;
  }
  .desktop-margin-84 {
    margin-left: 0 !important;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }

  .section,
  .datastore-section {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .box,
  .datastore-box {
    flex: 1;
    min-width: auto;
    padding: 10px;
    font-size: 12px;
    width: auto !important;
  }
  .section {
    display: flex !important;
    justify-content: space-between;
  }
  .section2 .box {
    flex: 1;
    min-width: auto;
    justify-content: center;
  }
  .platform-blocks {
    grid-template-columns: repeat(1, 1fr);
  }
  .desktop-margin {
    margin-left: 0 !important;
  }

  .hero-section h1 {
    line-height: 32px;
    text-align: center;
    font-size: 1.3rem;
  }

  .hero-section img {
    width: 100%;
    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px;
  }

  .hero-section p {
    text-align: center;
    font-size: 0.85rem;
  }
  .platform-section {
    display: flex !important;
  }

  .platform-section .row {
    display: flex !important;
  }
  .platform-section h1 {
    line-height: 32px;
  }
  .axsection {
    padding-top: 30px !important;
  }
  .platform-blocks {
    display: flex !important;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    height: 270px;
    margin-bottom: 14px;
  }
  .platform-blocks p {
    font-size: 1rem;
  }

  .platform-section p {
    padding-left: 10px;
    font-size: 1rem;
  }
  .col-md-3-5 {
    max-width: none !important;
  }

  .layers-container {
    display: flex !important;
    justify-content: center;
    gap: 40px;
    width: 80%;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .paper-banner-img {
    background-size: 100% 100% !important;
    background-position: left, right !important;
  }
}

@media (min-width: 768px) {
  .platform-section .row .col-md-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
}

@media (max-width: 480px) {
  .deploy-metrics {
    margin-bottom: 0px !important ;
  }
  .card-body .whitepaper-image {
    margin: 0;
  }
  .platform-banner-img {
    background-size: 200% 100% !important;
    background-position: center right !important;
  }

  .platform-banner {
    width: 70% !important;
    margin-left: 0px !important;
  }
  .platform-banner-title {
    font-size: 12px !important;
  }
  .hero-section {
    padding: 20px;
  }
  .desktop-margin {
    margin-left: 0 !important;
  }

  .hero-section h1 {
    line-height: 32px;
    text-align: center;
    font-size: 1.3rem;
  }

  .hero-section img {
    width: 100%;
    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px;
  }

  .hero-section p {
    text-align: center;
    font-size: 0.8rem;
  }
  .platform-section {
    display: flex !important;
  }
  .platform-section h1 {
    line-height: 32px;
  }
  .axsection {
    padding-top: 30px !important;
  }
  .platform-blocks {
    display: flex !important;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    height: 270px;
    margin-bottom: 14px;
  }
  .platform-blocks p {
    font-size: 1rem;
  }
  .platform-section p {
    padding-left: 10px;
    font-size: 1rem;
  }

  .col-md-3-5 {
    max-width: none !important;
  }

  .layers-container {
    display: flex !important;
    justify-content: center;
    gap: 10px;
    width: 80%;
    flex-direction: column;
  }

  .desc-box {
    display: flex !important;
    margin: 20px !important;
  }

  .description2 {
    margin-top: 0px !important;
  }

  .layers {
    display: flex !important;

    justify-content: center;

    align-items: center;
  }
  .layers img {
    width: 70%;
  }
  .value-prop {
    margin-top: 50px !important;
    gap: 10px !important;
  }
  .mt-s-12 {
    margin-top: 12px;
  }
  h1 {
    font-size: 20px;
    line-height: 28px !important;
  }
}

@media screen and (max-width: 368px) {
  .responsive-image {
    width: 150px;
  }
}

/* common css */

.f-14 {
  font-size: 14px;
}
.dropdown-arrow {
  width: 16px;
  height: 16px;
}

.mt--24 {
  margin-top: -24px;
}

/*.about-us-banner {
  background-image: url("/src/assets/img/banners/Banner-1.svg") !important;
  background-size: cover;
  background-position: center;
}*/

.whitepaper-banner {
  background-image: url("/src/assets/img/banners/banner-4.svg") !important;
  background-size: cover;
  background-position: center;
}

/*.blog-banner {
  background-image: url("/src/assets/img/banners/Banner-3.svg") !important;
  background-size: cover;
  background-position: bottom;
}

.platform-banner-banner {
  background-image: url("/src/assets/img/banners/banner-6.svg") !important;
  background-size: cover !important;
  background-position: right !important;
}*/

/*.pricing-banner {
  background-image: url("/src/assets/img/banners/Banner-2.svg") !important;
  background-size: cover;
  background-position: bottom;
}

.partners-banner {
  background-image: url("/src/assets/img/banners/banner7.svg") !important;
  background-size: cover;
  background-position: bottom;
}*/

.partners-banner-logo {
  width: 120px;
}

/* mobile view banners */

@media (max-width: 480px) {
  /*.about-us-banner {
    background-image: url("/src/assets/img/banners/banner-1-mobile.svg") !important;
  }
  .partners-banner {
    background-image: url("/src/assets/img/banners/banner-7-mobile.svg") !important;
    background-position: top bottom !important;
  }*/
  .whitepaper-banner {
    background-image: url("/src/assets/img/banners/Banner-5-mobile.PNG") !important;
  }

  /*.blog-banner {
    background-image: url("/src/assets/img/banners/Banner-3-mobile.svg") !important;
    background-position: bottom !important;
  }

  .pricing-banner {
    background-image: url("/src/assets/img/banners/Banner-2-mobile.svg") !important;
  }
  .platform-banner-banner {
    background-image: url("/src/assets/img/banners/banner6-mobile.svg") !important;
  }*/
  .banner-wrapper-mobile {
    width: 200px !important;
  }
  .small-banner-wrapper-mobile {
    width: 160px !important;
  }

  .partners-banner-logo {
    width: 70px;
  }
  .alignX-btn a.btn.btn-primary {
    min-width: 80px !important;
    font-size: 14px;
  }
}

.alignx-button {
    padding: 10px 15px !important;
    background: var(--primary-linear-gradient);
    border-radius: 20px;
    color: rgb(255, 255, 255) !important;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    z-index: 1;
    position: relative;
    transition: transform 0.3s ease-in-out !important;
}

.alignx-icon {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.alignx-icon-hover {
  position: absolute;
  top: 16px;
  left: 70px;
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.alignx-button:hover .alignx-icon {
  transform: translate(10px, -10px);
  opacity: 0;
}

.alignx-button:hover .alignx-icon-hover {
    transform: translate(15px, -6px);
    opacity: 1;
}

.alignX-btn {
  display: flex;
  justify-content: start;
  padding-bottom: 32px;
}

.alignX-btn a.btn.btn-primary {
  background: linear-gradient(rgb(45, 134, 184) 0%, rgb(31, 82, 189) 100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 11px;
  border-radius: 49px;
  color: rgb(255, 255, 255);
  padding: 4px 13px 6px 15px;
  min-width: 150px;
  transition: transform 0.3s ease-in;
}

.alignX-btn a.btn.btn-primary:hover {
  transform: scale(1.05) !important;
  transition: transform 0.3s ease-in !important;
}

.rounded-4 {
  border-radius: 2rem;
}

.carousel-inner,
.carousel-item,
.carousel {
  background-color: transparent !important;
  background: transparent !important;
}
section.banner.home-banner + section.b1 {
    position: relative;
    background-image: url("/assets/deploy-bg-BWruVZcP.png") !important;
    background-size: cover !important;
}
section.banner.home-banner + section.b1 {
    background: linear-gradient(176.46deg, rgb(253, 254, 255) 7.46%, rgb(240, 240, 255) 55.18%, rgb(255, 255, 255) 101.03%) !important;
}
section.banner.home-banner + section > div {
    position: relative;
    z-index: 1;
}
/****** Service Page *****/

section.section-padding {
    padding: 80px 0;
} 
.service-banner-banner, .platform-banner-banner, .pricing-banner, .blog-banner, .partners-banner, .about-us-banner {
    background: var(--radial-gradient)!important;
    position:relative;
}
.gradient-pattern {
    background: url(/src/assets/img/services/white-gradient-pattern.webp)!important;
    background-size: cover!important;
    background-position: top;
}

.add-block {
    background: #fff;
    border: var(--light-primary-border);
    border-radius: 20px;
    padding: 30px 20px;position:relative;
}
.add-block.icon-hover *{position:relative;z-index: 1;}
.add-block.icon-hover:before{top:30px;}
.add-block.icon-hover .add-icon{border:1px solid #fff;}
.add-icon {
    background: var(--primary-linear-gradient);
    width: 80px;
    margin: auto;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
}
.dark-bg-pattern{
  background-image: url(/src/assets/img/services/x-bg.svg);
  background-size:cover;
}
.atea-block {
    background: #fff;
    border:var(--light-primary-border);
    border-radius: 12px;
}
.atea-block .atea-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-linear-gradient);
    border-radius: 7px;
    padding: 12px;
    flex:0 0 60px;
}
section.aissection {
    background-image: url(/src/assets/img/ai-infra.avif);
    background-color:#00000082;
    background-blend-mode:overlay;
    background-size:cover;
    background-position:center center;
}
.ais-block .ais-icon {
    background: var(--primary-linear-gradient);
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;border:1px solid #fff;
}
/*.aissection .col-lg-7 .col-md-6 {
    position: sticky;
    top: 120px;
    min-height: 250px;
}*/
.aissection .col-lg-7 .col-md-6 .ais-block {
    box-shadow: 0px 0px 10px #0001;
    border-radius: 20px!important;
}
.aissection .col-lg-5 {
    position: sticky;
    top: 100px;
}
.radial-gradient{background:var(--radial-gradient);}
.aossection .row {
    max-width: 960px;
    margin: auto;
}
.aossection .aos-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF33;
    box-shadow: inset 1px 1px #fff3;
}
.aos-block .aos-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
    padding: 15px;
    background: #333;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aos-block p.mb-0.text-white {
    opacity: .8;
}
.adosection .add-block {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    border: none;
    box-shadow: 0px 0px 10px #00000015;
}
.adosection .add-block .add-icon {
    margin: unset;
    flex: 0 0 80px;
}
section.page-banner{position:relative;}
section.page-banner .container{z-index:1;}
.service-banner-banner:after, .platform-banner-banner:after {
    position: absolute;
    width: 40%;
    height: 90%;
    content: '';
    right: 100px;
    bottom: 0;
    background-image: url(/src/assets/img/service-banner.svg);
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: 0;
    opacity:.6;
}
.platform-banner-banner:after {
    background-image: url(/src/assets/img/platform-banner.svg);height:100%;
}
.pricing-banner:after {
    position: absolute;
    content: '';
    right: -60px;
    top: 0;
    height: 100%;
    width: 250px;
    background-image: url(/src/assets/img/pricing-banner.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top -50px left;
    opacity: .5;
}
.pricing-banner:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 200px;
    background-image: url(/src/assets/img/pricing-banner-left.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right 50px;
    z-index: 1;opacity:.6;
}
span.b-line, span.u-line {
    position: absolute;
    width: calc(100% - 450px);
    height: 5px;
    background-image: url(/src/assets/img/services/banner-line.svg);
    background-size: contain;
    bottom: 80px;
    z-index: 0;
    margin: auto;
    opacity: 0.5;
    left: 0;
    right: 0;
}
/*.pricing-banner {
    background-image: url(/src/assets/img/Banner-2-CBL6P_Wc.svg)!important;
    background-size: cover;
    background-position: bottom;
}*/
.role-obj-wrapper .role-obj-block, .horizontal-block, .ais-block, .adosection .add-block {
    position: relative;
}
.role-obj-wrapper .role-obj-block:before, .horizontal-block:before, .ais-block:before, .adosection .add-block:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background: var(--primary-linear-gradient);
    top: 20px;
    left: 20px;
    border-radius: 20px;transition:.3s ease-in-out;
}
.horizontal-block:before, .adosection .add-block:before{width:80px;height:80px;top:30px;}
.adosection .add-block:before{top:30px;}
.adosection .add-block .add-icon{border:1px solid #fff;}
.ais-block:before{top:1.5rem;left:1.5rem}
.role-obj-wrapper .role-obj-block:hover:before, .horizontal-block:hover:before, .ais-block:hover:before, .adosection .add-block:hover:before{width:100%;height:100%;left:0;top:0;transition:.3s ease-in-out;}
.role-obj-wrapper .role-obj-block:hover *, .horizontal-block:hover *, .ais-block:hover *, .adosection .add-block:hover *{color:#fff;transition:.3s ease-in-out}
.role-obj-wrapper .role-obj-block *, .horizontal-block *, .ais-block *, .adosection .add-block *{
    position: relative;z-index:1;transition:.3s ease-in-out
}
span.u-line{bottom:unset;top:80px;}
.blog-banner:before, .blog-banner:after, .about-us-banner:before, .about-us-banner:after{
  position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 100%;
    width: 200px;
    background-image: url(/src/assets/img/blog-left.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 1;opacity:.4;
}
.blog-banner:after{right:0;left:auto;background-position: top left;background-image: url(/src/assets/img/blog-right.svg);}
/*.partners-banner {
    background-image: url(/src/assets/img/banner7-ajftA8CW.svg)!important;
    background-size: cover;
    background-position: bottom;
}*/
a#try-alignx {
    text-transform: none;
    padding: 10px 25px;transition:.3s ease-in-out!important
}
a#try-alignx:hover{transform:scale(1.1)!important;transition:.3s ease-in-out!important}
.partners-banner:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -20px;
    height: 150px;
    width: 100%;
    background-image: url(/src/assets/img/partner-banner.svg);
    background-size: cover;
    background-position: top left -20px;
    z-index: 1;opacity:.6
}
.partners-banner .banner-wrapper {
    margin-bottom: 60px;
}
.about-us-banner:before{background-image: url(/src/assets/img/services/about-left.svg);}
.about-us-banner:after{right:0;left:auto;bottom:auto;top:0;background-position: top left;background-image: url(/src/assets/img/about-banner.svg);}
.announcement {
    width: 100%;
    background: var(--primary-linear-gradient);
    padding: 5px;
}
.tagline a{color:#fff;}
.tagline a:hover{opacity:.8;color:#fff;}
.tagline {
    position: relative;
    height: 22px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.tagline span {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 1;
  /*animation: fade 16s infinite;*/
}

/* 4 taglines = total cycle 16s (4 x 4s each) */
.tagline span:nth-child(1) { animation-delay: 0s; }
.tagline span:nth-child(2) { animation-delay: 4s; }
.tagline span:nth-child(3) { animation-delay: 8s; }
.tagline span:nth-child(4) { animation-delay: 12s; }

@keyframes fade {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  25%  { opacity: 1; }
  30%  { opacity: 0; }
  100% { opacity: 0; }
}

/**** Website Improvement CSS ********/
body:has(.globalNav .tagline span:empty) section.banner {
    margin-top: 60px;
}
.globalNav.scrolled .announcement{padding:0;height:0;transition:.3s ease-in-out}
.globalNav {
    height: 82px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;transition:.3s ease-in-out
}*/
.announcement{width:100%;transition:.3s ease-in-out}
.globalNav:has(.announcement .tagline span:empty){height:60px;transition:.3s ease-in-out}
.globalNav .announcement:has(.tagline span:empty){display:none;}
.homepage .globalNav{background:transparent;box-shadow:none;transition:.3s ease-in-out;}
.globalNav.scrolled{background: #fff;box-shadow: 0px 5px 11px 3px rgb(196 195 204 / 26%);transition:.3s ease-in-out;height:60px}
.ai-agent .section-heading, .dashboard .section-heading {
    margin-bottom: 50px;
}
.dashboard .section-heading p{max-width:650px;margin:auto;}
body.homepage:has(.globalNav .tagline span:empty) section.banner{margin-top:0;}
body.homepage section.banner.home-banner {
    padding-top: 140px;
    padding-bottom: 80px;
}
.banner-bar {
    max-width: 600px;
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
    gap: 15px;
}
.banner-bar p {
    margin: 0;
    font-weight: 600;
    font-size:18px;
}
.ax-btn-primary {
    background: var(--primary-linear-gradient);
    border-radius: 30px;
    color: #fff!important;
    margin-left: 0px;
    padding: 10px 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Inter';
    font-size: 14px;
    border: none!important;transition:.3s ease-in-out;
}
.ax-btn-primary:hover{transform:scale(1.1);transition:.3s ease-in-out;}
.float-pointer-box {
    max-width: 700px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    
}
.float-point {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #0001;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 20px;
}
.float-pointer-icon {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background: var(--primary-linear-gradient);
    padding: 10px;
    display: flex;
    left: c;
    justify-content: center;
}
.float-pointer-icon img{height:100%;object-fit:contain;}
.banner-float-box {
    margin-top: -15px;
}
.float-pointer-content h3 span {
    font-size: 42px;
}
.float-pointer-content p.mb-0 {
    font-weight: 600;
}
.section-heading{user-select:none;}
.section-heading h2 {
    font-weight: 600;
    text-transform: capitalize;
    font-size:36px;
}
.horizontal-block {
    padding: 30px 20px;
    border: var(--light-primary-border);
    border-radius: 20px;
    height: 100%;
    background:#fff;
}
.horizontal-block-icon {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    border-radius: 10px;
    background: var(--primary-linear-gradient);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:1;
    border:1px solid #fff;
}

.section-heading p{font-weight:500;}
.purple{color:var(--purple-color);}
.ai-blocks {
    margin-top: 50px;
    margin-bottom: 50px;
}
.bg-pattern-block {
    background: #FFFFFF33;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: inset 1px 1px #fff3;
}
.bg-pattern-icon {
    width: 80px;
    height: 80px;
    padding: 15px;
    border-radius: 10px;
    background: #333;
    flex:0 0 80px;
    margin: auto;
}



div.section-padding{padding:80px 0;}
.bg-pattern-icon img, .horizontal-block-icon img{width:100%;height:100%;object-fit:contain;}
.line-pattern{background:url(/src/assets/img/pattern-lines.png);position:relative;background-size:contain;background-repeat:repeat;}
.ai-deploy-icon {
    width: 80px;
    height: 80px;
    background: var(--primary-linear-gradient);
    border-radius: 12px;
    padding: 15px;
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
}
.ai-agent .ai-deploy-icon{margin: 0 auto 20px;}
.section-heading-block {
    margin-bottom: 50px;
}
.ai-deploy-block h5 {
    font-weight: 600;
}
.ai-agent .ai-deploy-block{
  background:#FFFFFF;box-shadow:inset 1px 1px #fff3;color:#333;
}
.ai-agent .ai-deploy-block h5{text-align: center;}
.ai-agent .ai-deploy-block p{color:#333;}
.dark-bg-pattern .ai-deploy-icon {
    background: #333;
}
.ai-deploy-block {
    box-sizing: border-box;
    padding: 20px;
    background: rgb(255, 255, 255);
    border-radius: 20px;
    height: 100%;
    border: var(--light-primary-border);
    position: relative;
    overflow: hidden;
    user-select: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.marquee-block .container {
    position: relative;
}
.contact-block {
    box-shadow: 0px 0px 10px #0002;
    margin: 0 20px;
    border-radius: 30px;
    background: #fff;
}
.contact-1 {
    
    border: 1px solid rgba(185, 211, 224, 1);
    box-shadow: rgba(102, 144, 167, 0.4) 4px 20px 20px -10px;
    padding: 0;
    overflow: hidden;
}
.contact-2{
  background: linear-gradient(
    233deg,
    rgb(255, 255, 255) 0%,
    rgb(250, 244, 252) 100%
  );
    box-shadow: rgb(209, 202, 226) 4px 20px 20px -10px;
    border: 2px solid rgb(240, 211, 252);
    overflow: hidden;
    border-radius: 20px;padding:0
}
button.carousel-control-prev, button.carousel-control-next {
    height: 50px;
    width: 50px;
    background: #fff;
    opacity: 1;
    border-radius: 50px;
    top: 20px;
    right: 80px;
    left: auto;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#imageCarousel{border-radius:30px;overflow:hidden;}
button.carousel-control-next{right:20px;}
.wwd{background:linear-gradient(284.01deg, rgb(247, 250, 255) 18.06%, rgb(233, 240, 255) 58.21%, rgb(255, 255, 255) 98.35%) }
.row.wwd-wrapper {
    background: #fff;
    padding: 40px 0px;
    border-radius: 30px;
}
.wwd-wrapper .col-md-3 .who-we-are {
    position: relative;
}
.wwd-wrapper .col-md-3 .who-we-are:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #0002;
    top: 0;
    right: -13px;
}
.wwd-wrapper .col-md-3:nth-last-child(1) .who-we-are:after{display:none;}
.big-padding{padding:40px 30px;border-radius:30px;box-shadow:0px 0px 10px #0002;background: #FFFFFF}
.dark-bg-pattern .big-padding{background: #FFFFFF33}
.image-wrapper {
    padding: 40px;
    border-radius: 30px;
    background: #fff;
    border:var(--light-primary-border);
}
.line-pattern .big-padding{position:relative;}
.line-pattern .container .big-padding:nth-child(1):before {
    content: '';
    position: absolute;
    top: 100px;
    left: 0px;
    width: 250px;
    height: 250px;
    background: #3381b6;
    filter: blur(150px);
    z-index: -1;
    /* opacity: .75; */
}
.line-pattern .container .big-padding:nth-child(2):after {
    content: '';
    position: absolute;
    bottom: 100px;
    right: 0px;
    width: 250px;
    height: 250px;
    background: #24a14b;
    filter: blur(150px);
    z-index: -1;
    opacity:.75
}
.contact-2 .contact-heading{
      
    box-shadow: rgba(0, 0, 0, 0.08) -1px 1px 9px;
    padding: 20px;
}
.contact-1 .contact-heading {
    background: var(--primary-linear-gradient);
    box-shadow: rgba(0, 0, 0, 0.08) -1px 1px 9px;
    padding: 20px;
}
.contact-block .contact-heading h4{margin:0}
.contact-block .contact-content {
    padding: 30px 20px;
}
.marquee-block .container:before, .marquee-block .container:after{
    content: '';
    width: 80px;
    height: 130px;
    position: absolute;
    bottom: 20px;
    left: 0;
    background: linear-gradient(90deg, white 25%, transparent);
    z-index: 1;
}
.marquee-block .container:after{left:auto;right:0;background: linear-gradient(-90deg, white 25%, transparent);}
.icon-hover:before {
    content: '';
    position: absolute;
    left: calc(50% - 40px);
    top: 20px;
    width: 80px;
    height: 80px;
    border-radius: 20px;
    z-index: 0;
    background: var(
    --primary-linear-gradient);
    transition: .3s ease-in-out;
}

.icon-hover:hover:before {
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.icon-hover h5, .icon-hover p, .icon-hover .ai-deploy-icon{z-index:1;transition:all .3s ease-in-out;position:relative}
.icon-hover .ai-deploy-icon{border:1px solid #fff;}
/*.icon-hover:hover .ai-deploy-icon{background:linear-gradient(180deg, #2D86B800 0%, #1c4cb400 100%);transition:all .3s ease-in-out;}*/
.icon-hover:hover h5, .icon-hover:hover p{color:#fff;transition:.3s ease-in-out;}
.dashboard-wrapper {
    max-width: 80%;
    padding: 30px;
    background: #fff;
    border-radius: 40px;
    margin: auto;
    position: relative;
}
.dashboard-wrapper:before,
.dashboard-wrapper:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    filter: blur(150px);
    z-index: -1;
    border-radius: 50%;
}

/* Blue blob */
.dashboard-wrapper:before {
    background: #24a14b;
    top: 0;
    left: 0;
    animation: moveRight 20s infinite linear;
}

/* Purple blob */
.dashboard-wrapper:after {
    background: #5b26b5;
    bottom: 0;
    right: 0;
    opacity: .9;
    animation: moveLeft 20s infinite linear;
}

/* keyframes for smooth looping */
@keyframes moveRight {
  0%   { top: 0; left: 0; }
  25%  { top: 0; left: calc(100% - 250px); }
  50%  { top: calc(100% - 300px); left: calc(100% - 250px); }
  75%  { top: calc(100% - 300px); left: 0; }
  100% { top: 0; left: 0; }
}

@keyframes moveLeft {
  0%   { bottom: 0; right: 0; }
  25%  { bottom: 0; right: calc(100% - 250px); }
  50%  { bottom: calc(100% - 300px); right: calc(100% - 250px); }
  75%  { bottom: calc(100% - 300px); right: 0; }
  100% { bottom: 0; right: 0; }
}
.partner-logo {
    flex: 0 0 200px;
    padding: 20px;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--light-primary-border);
    border-radius: 20px;
}
.dashboard .section-heading-block p {
    max-width: 600px;
    margin: auto;
    font-weight:500;
}
.dash-wrapper {
    text-align: center;
}
img.dashboard-image {
    border-radius: 20px;
    width: 100%;
    padding-top: 10px;
    margin: auto;
    border: var(--light-primary-border);
    /*border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
}
.role-obj-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
    justify-content: center;
}
.role-obj-block {
    flex: 0 0 48%;
    border: var(--light-primary-border);
    border-radius: 20px;
    padding: 20px;background:#fff;
}
.role-obj-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    background: var(--primary-linear-gradient);
    border-radius: 10px;
    padding: 10px;border:1px solid #fff;
}
.blog-block {
    padding: 20px;
    border-radius: 20px;
    border: var(--light-primary-border);
    height: 100%;transition: .3s ease-in-out;
}
.blog-block:hover {
    box-shadow: 0px 0px 10px #0002;
    transition: .3s ease-in-out;
}
.blog-block img {
    width: 100%;
}
.blog-block .blog-content {
    text-align: left;
    padding: 0;
}
.blog-block .blog-content h5.card-title.mt-3 {
    font-weight: 600;
}
.blog-block .blog-content p.blog-date {
    font-size: 14px;
    margin: 8px 0;
    font-weight: 500;
}
.blog-content .axbutton {
    padding: 0;
    background: transparent;
    color: rgb(4, 148, 220);
    padding-bottom: 1px;
    border-bottom: 1px solid rgb(4, 148, 220)!important;
    border-radius: 0;
    text-transform:uppercase;
}
.blog-content .axbutton:hover {
    color: #5b26b5 !important;
    border-color: #5b26b5!important;
    transform:none!important;
}

.radial-gradient{background:var(--radial-gradient)}
footer {
    background: rgb(244, 248, 255);
    padding-top: 40px;

    padding-bottom: 20px;

}
.ateasection .col-lg-5 img.img-fluid {
    object-fit: cover;
    object-position: center;
    height:600px;
    border-radius: 40px;
}
@media screen and (min-width:1440px){

}
@media screen and (min-width:1200px){
  
}
@media screen and (min-width:992px){
  
}
@media screen and (min-width:768px){
  
}
@media screen and (min-width:576px){
  
}
@media screen and (max-width:1439px){
  
}
@media screen and (max-width:1199px){
  .role-obj-block{flex: 0 0 47%;}
  .service-banner-banner:after, .platform-banner-banner:after{right:0;}
  section.page-banner.page-home-banner h1 {
    font-size: 32px !important;
    line-height: 38px;}
}
@media screen and (max-width:991px){
  body .globalNav .mobileProductsList a.linkContainer {
    color: #333!important;
    padding: 10px 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #3333;
    letter-spacing: 10px;text-align: center;
}
.aissection h2.fw-bold.brand-color {
    text-align: center;
}
.ateasection .col-lg-5 img.img-fluid{height:400px;width:100%;}
.service-banner-banner:after, .platform-banner-banner:after{width:80%;    background-position: bottom right -100px;}
a.rootLink.no-dropdown.alignx-link {
    width: unset!important;
}
body .globalNav .mobileProductsList > ul > li:nth-last-child(2) > ul > li:nth-last-child(1) a.linkContainer {
    border-bottom: 0;
}
.alignx-button {
    padding: 15px 35px !important;
    border-radius: 40px;
    font-size: 16px;
}
.globalNav .mobileProductsList li {
    text-align: center;
}
.section-heading.center-heading {
    padding: 0 20px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.ai-agent .ai-deploy-block {
    min-height: unset;
    height: unset;
}
.role-objective .section-heading {
    text-align: center;
}
.aissection .section-heading {
    padding-left: 10px;
}
.aissection .col-lg-5{position:static;}
.pricing-banner:before{    background-position: bottom right 50px;}
.pricing-banner:after{background-position: top left 50px;}
.pricing-banner .container .banner-wrapper{
    max-width: 500px!important;
}
}
@media screen and (max-width:767px){
  .ai-agent .ai-deploy-block{min-height:unset;}
  section.banner.home-banner h1 {
    /* margin-top: 40px; */
    font-size: 44px !important;
    margin-bottom: 10px !important;
    /*line-height: 52px!important;*/
    padding: 0 20px;
}
.blog-banner:after {
    right: -50px;
    width: 120px;
    background-size: contain;
    background-repeat: repeat-y;
}
.blog-banner:before {
    left: -50px;
    width: 120px;
    background-size: contain;
    background-repeat: repeat-y;
}
.about-us-banner:before{width:100px;}
.about-us-banner:after {
    width: 120px;
    background-size: cover;
}
span.b-line, span.u-line{width:calc(100% - 200px)}
.partners-banner:after{height:100px;}
.pricing-banner::before{background-position: bottom right 30px;background-size:contain;background-repeat: repeat-y;width:100px;}
.pricing-banner::after {
    background-position: bottom left 30px;
    background-size: contain;
    background-repeat: repeat-y;
    width: 100px;
    right: 0;
}
.partners-banner h1.Purple.px-0.mb-0 {
    margin-bottom: 0!important;
}
.resource-page-banner {
    text-align: center!important;
    justify-content: center!important;
}
section.page-banner.page-home-banner h1 {
    padding-right: 0;
    margin-top: 0;
    font-size: 16px!important;
    line-height: 20px!important;
}
section.page-banner.page-home-banner p {
    padding-right: 0;
    margin-top: 0;
    font-size: 12px!important;
    line-height: 20px;
}
.atea-block .atea-icon{flex:0 0 60px;}
.dashboard-wrapper{max-width:100%;padding:20px;}
.atea-block p.mb-0.text-white {
    font-size: 14px;
}
.atea-block h5.fw-bold.mb-1 {
    font-size: 18px;
} 
.float-point {
    padding: 15px;
    gap: 10px;
}
.float-pointer-icon{width:60px;height:60px;flex:0 0 60px;}
.float-pointer-content h3 span{font-size: 32px;}
.float-point h3 {
    font-size: 22px;
}
.float-pointer-content p.mb-0 {
    font-weight: 600;
    font-size: 14px;
}
.section-heading h2 {
    font-size: 28px;
}
.banner-bar{flex-direction:column}

section.section-padding, div.section-padding {
    padding: 50px 0;
}
.horizontal-block {
    padding: 20px 20px;
    gap: 10px!important;
}
.features .bg-pattern-icon {
    margin: 0;
}
.first-wrap .row, .second-wrap .row {
    gap: 30px;
}
.second-wrap .row{flex-direction: column-reverse;}
.first-wrap .col-md-5.d-flex, .second-wrap .col-md-5.d-flex{
    max-width: 500px;
    margin: auto;
}
.first-wrap .col-md-6.the-evals-content, .second-wrap .col-md-6.the-evals-content {
    text-align: center;
}
.wwd-wrapper .col-md-3 .who-we-are {
    margin: 20px auto;
    max-width: 500px;
}
.wwd-wrapper .col-md-3 .who-we-are:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #0002;
    top: auto;
    right: 0;
    bottom: -20px;
}
}
@media screen and (max-width:575px){
  .float-pointer-box{flex-direction:column;}
  .float-point {
    max-width: 320px;
    margin: auto;
    width: 100%;
}
.section-heading.center-heading{max-width:unset}
.role-obj-block {
    flex: 0 0 100%;
}
}