@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: bold;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-BoldItalic.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-BoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Bold.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Bold.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Bold.ttf")
      format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-style: italic;
  font-weight: bold;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-BoldItalic-1.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-BoldItalic-1.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-BoldItalic.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-BoldItalic.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-BoldItalic.ttf")
      format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-style: italic;
  font-weight: normal;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Italic.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Italic.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Italic.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Italic.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Italic-1.ttf")
      format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 100;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Light.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Light.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Light.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Light.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Light.ttf")
      format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-style: italic;
  font-weight: 100;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-LightItalic.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-LightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-LightItalic.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-LightItalic.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-LightItalic.ttf")
      format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 200;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Medium.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Medium.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Medium.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Medium.ttf")
      format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-style: italic;
  font-weight: 200;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-MediumItalic.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-MediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-MediumItalic.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-MediumItalic.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-MediumItalic.ttf")
      format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Regular.eot");
  src: url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Regular.woff2")
      format("woff2"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Regular.woff")
      format("woff"),
    url("https://pabau.com/wp-content/uploads/2022/08/Satoshi-Regular.ttf")
      format("truetype");
}
body{
  font-family: "Satoshi", Sans-serif;
}
.main-banner {
  background: linear-gradient(178.94deg, #121D36 -18.16%, #253F7B 64.14%, #FFFFFF 99.11%);
  color: #fff;
  overflow: hidden;
  position: relative;
  padding: 100px 0px 0px 0px;
}

/* Background circles */
.bg-circle {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(180deg, #121D36 -0.29%, #253F7B 86.73%);
}

.bg-circle.one {
  width: 346px;
  height: 297px;
  top: -148px;
  right: -80px;
}

.bg-circle.two {
  width: 82px;
  height: 82px;
  top: 120px;
  right: 220px;
}

/* Container */
.container {
  max-width: 1200px;
  margin: auto;
  padding: 0px 20px 0px;
/*  position: relative;*/
  z-index: 2;
}

.qc-container {
  position: relative;
}

.about {
  padding-top: 40px;
}
/* Heading */
.qc-container h1 {
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}

.qc-container p {
  font-size: 32px;
  max-width: 980px;
  margin: auto;
  line-height: 1.6;
  color: #FFFFFF;
  text-align: center;
}

/* Main content */
.main-wrap {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.main-wrap img {
  width: 100%;
}

/* Responsive */
@media (max-width: 992px) {
  .monitor {
    width: 100%;
    max-width: 460px;
  }
}

/* About */
.about h2 {
  color: #64748b;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -1px;
  color: #3D3D46;
}

.about p {
  font-size: 16px;
  line-height: 1.6;
  color: #3D3D46;
}

/* Title */
.title {
  text-align: center;
  margin: 60px 0 25px;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  color: #3D3D46;
}

/* Tabs */
.icd-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  background: #ffffff;
  padding: 10px;
  border-radius: 30px;
  margin: auto;
  background: #FFFFFF;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
  border-radius: 80px;
}

.icd-tabs span {
  padding: 6px 20px;
  font-size: 14px;
  border-radius: 20px;
  background: #EEF7FB;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.icd-tabs .active {
  background: #037CD2;
  color: #fff;
}

/* Category */
.category {
  display: grid;
  justify-content: space-between;
  align-items: center;
  margin: 50px 0 25px;
  grid-template-columns: 1fr auto;
}

.category a {
  font-size: 16px;
  color: #0ea5e9;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 10px;
}

.cards {
  display: grid;
  gap: 22px;
  grid-template-columns: 1fr 1fr 1fr;
}

.icd-card-box:before {
  content: '';
  background: #ffffff;
  width: 95.6%;
  height: 58%;
  display: block;
  margin: auto;
  z-index: -1;
  position: absolute;
  border: solid 1px #cfcfd7;
  left: 0px;
  border-right: solid 1.4px #cfcfd7;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom: none;
}

.icd-card-box {
  position: relative;
}

.icd-card-box:after {
  content: '';
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="430" height="180" viewBox="0 110 430 180"><path d="M410 110 V202.94 C410 211.779 402.837 218.942 394 218.942 H252.75 C234.11 218.942 219 234.053 219 252.692 C219 260.696 213.601 270 205.598 270 H16 C7.163 270 0 262.837 0 254 V110" fill="white" stroke="%23CFCFD7" stroke-width="1.25"/></svg>');
  position: absolute;
  width: 100%;
  height: 192px;
  bottom: -4px;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.icd-card {
  position: relative;
  padding: 28px 39px 35px 32px;
}

.bg-icd-box-cards .icd-card {
  padding: 28px 18px 35px 20px;
}

.bg-icd-box-cards .icd-card-box:before {
  content: '';
  background: #112340;
  width: 100.5%;
  height: 57%;
  display: block;
  margin: auto;
  z-index: -1;
  position: absolute;
  border: solid 1px #cfcfd7;
  border-radius: 10px;
  left: -0.8px;
  border-right: solid 1.6px #cfcfd7;
  background: linear-gradient(180deg, #121D36 -20%, #037CD2 153%);
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.bg-icd-box-cards .icd-card-box:after {
  content: '';
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="405" height="270" viewBox="0 0 405 270" fill="none"><path d="M217.332 240.957C217.332 250.221 208.448 270 199.184 270H10.7445C4.81046 270 0 265.19 0 259.256V10.7445C0 4.81046 4.81045 0 10.7444 0H394.186C400.12 0 404.931 4.81045 404.931 10.7444V200.729C404.931 204.972 400.879 208.059 396.636 208.059H250.231C232.062 208.059 217.332 222.788 217.332 240.957Z" fill="url(%23paint0_linear)"/><defs><linearGradient id="paint0_linear" x1="202.465" y1="0" x2="202.465" y2="270" gradientUnits="userSpaceOnUse"><stop stop-color="%23121D36"/><stop offset="1" stop-color="%23037CD2"/></linearGradient></defs></svg>');
  position: absolute;
  width: 100%;
  height: 140px;
  bottom: 0px;
  z-index: -2;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}

/* Heading */
.icd-card h4 {
  font-size: 14px;
  margin-bottom: 17px;
  color: #3D3D46;
  margin-block-start: 1.33em;
  line-height: 24px;
}

button.faq-question:focus {
  outline: inherit;
}

.highlight {
  background: #c6f000;
  padding: 2px 8px;
  border-radius: 10px;
  position: relative;
  color: #000;
}

.highlight::after {
  content: "";
  position: absolute;
  right: -7px;
  top: -9px;
  width: 16px;
  height: 16px;
  background: #c6f000;
  border-radius: 50%;
}

/* Text */
.icd-card p {
  font-size: 14px;
  color: #374151;
  line-height: 1.3;
}

/* Tag */
.tag {
  background: #e0f2fe;
  color: #0284c7;
  font-size: 15px;
  padding: 5px 16px;
  border-radius: 20px;
  font-weight: 500;
}

/* CTA Button */
.cta {
  /* background: #fde047; */
  color: #111827;
  text-decoration: none;
  font-size: 14px;
  padding: 0px 11px 0px 15px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}

/* Arrow circle */
.arrow {
  background: #fde047;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.cta-main {
  display: flex;
  align-items: center;
  justify-content: right;
  /* margin-top: -23px; */
  position: relative;
  z-index: 999;
  text-decoration: none;
  position: absolute;
  right: 0px;
  bottom: 0;
}

.card-bottom {
  margin-top: 32px;
}

.cta-bg {
  background: url('data:image/svg+xml,<svg width="172" height="40" viewBox="0 0 172 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106 0C114.29 0 121.402 5.0435 124.435 12.2295C125.776 13.6238 127.436 14.7597 129.29 14.7598C130.673 14.7598 131.855 14.1206 132.84 13.2119C135.619 5.5075 142.996 0 151.658 0C162.704 0 171.658 8.9543 171.658 20C171.658 31.0457 162.704 40 151.658 40C143.211 40 135.987 34.7628 133.056 27.3584C131.981 26.4772 130.714 25.8447 129.29 25.8447C127.266 25.8448 125.447 27.1616 124.029 28.665C120.8 35.3713 113.941 40 106 40H20C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 3.70448e-07 20 0H106Z" fill="url(%23paint0_linear_27626_25807)"/><defs><linearGradient id="paint0_linear_27626_25807" x1="-24" y1="20" x2="171.658" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="%23F9D505"/><stop offset="1" stop-color="%23FFF759"/></linearGradient></defs></svg>');
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
}

.cta-svg {
  padding: 16px 12px 13px 13px;
}

.category h3 {
  margin: 0px;
}

.bg-icd-box .icd-card p,
.bg-icd-box .icd-card h4 {
  color: #fff;
}

.bg-icd-box-cards {
  gap: 31px;
  grid-template-columns: 1fr 1fr 1fr;
}

.bg-icd-box-cards .cta-main {
  margin-top: -60px;
}

.bg-icd-box-cards .cta-bg {
  margin-right: 0px;
}

.faq-section {
  max-width: 950px;
  margin: 80px auto;
  padding: 0 20px;
}

.faq-title {
  text-align: center;
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 30px;
}

.faq-item {
  border-bottom: 1px solid #e5e5e5;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-section .faq-question {
  width: 100%;
  background: none;
  border: none;
  padding: 22px 0;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none !important;
  color: #000 !important;
  box-shadow: inherit !important;
}

.faq-question .icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  position: relative;
}

.faq-question .icon::before,
.faq-question .icon::after {
  content: '';
  position: absolute;
}

.faq-item.active .icon {
  background: #2BADD4;
}

.faq-item.active .faq-question .icon::before {
  width: 21px;
  height: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('data:image/svg+xml,<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.0013 12.0617L10.3346 1.00001L19.668 12.0617" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.faq-question .icon::before {
  width: 21px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('data:image/svg+xml,<svg width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6667 1L10.3333 10.3333L1 1" stroke="%231E1B18" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.faq-question .icon::after {
  width: 2px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.faq-item.active .icon::after {
  display: none;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0;
}
.faq-question span {
    white-space: break-spaces;
}

.faq-answer p {
  padding-bottom: 20px;
  font-size: 18px;
  color: #4A5565;
  max-width: 700px;
  line-height: 1.4;
  font-weight: 400;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 0;
}

.trustred-by {
  text-align: center;
  background: linear-gradient(12.63deg, #24BEE1 -42.13%, #037CD2 16.7%, #132D6C 70.12%);
  border-radius: 16px;
  max-width: 1220px;
  margin: auto;
  color: #fff;
  padding-top: 70px;
  margin-top: 130px;
  margin-bottom: 80px;
  width: 92%;
}

.trustred-by h2 {
  font-size: 48px;
  color: #fff;
  font-weight: 500;
  margin: 3px 0px 0px 0px;
}

.trustred-by .flex {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.trustred-by .star_icon {
  display: flex;
  align-items: center;
  gap: 6px;
}

.trustred-by span {
  color: #2BADD4;
}

.trustred-by p {
  font-size: 20px;
  max-width: 642px;
  margin: 20px auto 25px auto;
  font-weight: 500;
}

a.fill-btn {
  color: #086AB0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 8px;
  padding: 16px 15px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  margin: 10px;
}

.outline-btn {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 8px;
  padding: 16px 15px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500 !important;
  border: solid 1px #fff;
}

.trusted-by-bottom {
  position: relative;
  overflow: hidden;
  padding-top: 260px;
}

.trusted-by-bottom-img {
  position: absolute;
  bottom: -42px;
  left: 0;
  right: 0;
  margin: auto;
  width: 70%;
  height: 100%;
  object-fit: contain;
}
.container {
  max-width: 1200px;
  margin: auto;
  padding: 0 24px;
}
    /* blog-single-page */
.blog-single-page {
    background: radial-gradient(circle at top right, #1e3a8a, #0f172a);
    color: #fff;
    padding: 35px 0 35px;
    position: relative;
}
.blog-single-page::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('blog-single-banner.png');
}
.breadcrumb {
  font-size: 13px;
  opacity: 0.8;
  margin-bottom: 16px;
  position: relative;
  z-index: 99;
}
.breadcrumb a {
  color: #e1e2e4 !important;
}
.blog-single-page-left .breadcrumb a {
  color: #1E1B1899 !important;
}
.blog-single-page-left span.breadcrub_last {
  color: #1E1B18;
}
.blog-single-page-left .breadcrumb {
  color: #1E1B1899 !important;
  font-weight: 500;
}
.blog-tag {
  display: inline-block;
  background: #EDF6FB;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #037CD2;
}
.blog-single-page h1 {
  font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0;
  padding: 0;
  color: #fff !important;
}
.meta {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 28px 0px;
  color: #868E96;
  font-size: 16px;
  flex-wrap: wrap;
}
.author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.author img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.date {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
/* CONTENT */
.single-blog-content {
  background: #fff;
  margin-top: 80px;
  margin-bottom: 80px;
  border-radius: 20px 20px 0 0;
}
.single-blog-content p {
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 33px;
  font-weight: 500;
  color: #1E1B18;
}
/* SEARCH */
.search-box {
  margin-top: 30px;
  display: flex;
  border-radius: 30px;
  overflow: hidden;
  border: solid 1px #CFCFD7;
  padding: 3px;
}
.search-box input {
  flex: 1;
  border: none;
  padding: 14px 18px;
  background: transparent;
}
div#no-results {
  font-size: 20px;
  text-align: center;
  margin-top: -40px;
}
.search-box input:focus-visible{
  outline: none !important;
}
.search-box button {
  border: none;
  background: #54B2D3;
  color: #fff;
  padding: 1px 15px;
  cursor: pointer;
  border-radius: 50px;
  line-height: 1;
}
/* CTA Button */
.cta-span {
  text-decoration: none;
  font-size: 14px;
  padding: 0px 15px 0px 15px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: #3D3D46;
}
.pagination button.page {
  background: #ECEDF0;
  border: navajowhite;
  border-radius: 50px;
  color: #737387;
  font-size: 14px;
  font-weight: 500;
  width: 42px;
  height: 42px;
  padding: 0px 10px;
}
.pagination span.page.dots {
  width: 43px;
  height: 43px;
}
.pagination  button.page.active {
  background: #54B2D3;
  color: #fff;
}
/* Arrow circle */
.arrow {
  background: #ECEDF0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border: none;
  padding: 0;
}
.cta-main-banner {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 0;
  position: relative;
  z-index: 999;
  text-decoration: none;
  width: max-content;
}
.card-bottom {
  margin-top: 32px;
}
.cta-bg-banner {
  background: url('data:image/svg+xml,<svg width="172" height="40" viewBox="0 0 172 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106 0C114.29 0 121.402 5.0435 124.435 12.2295C125.776 13.6238 127.436 14.7597 129.29 14.7598C130.673 14.7598 131.855 14.1206 132.84 13.2119C135.619 5.5075 142.996 0 151.658 0C162.704 0 171.658 8.9543 171.658 20C171.658 31.0457 162.704 40 151.658 40C143.211 40 135.987 34.7628 133.056 27.3584C131.981 26.4772 130.714 25.8447 129.29 25.8447C127.266 25.8448 125.447 27.1616 124.029 28.665C120.8 35.3713 113.941 40 106 40H20C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 3.70448e-07 20 0H106Z" fill="%23C2EE00"/></svg>');
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.cta-svg-banner {
  padding: 16px 8px 12px 13px;
}
.icd-banner {
  background: linear-gradient(180deg, #121D36 50%, #253F7B 123.87%);
  border-radius: 12px;
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
}
.icd-banner::after {
  content: '';
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 105px;
  height: 90px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="105" height="90" viewBox="0 0 105 90" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.2"><path fill-rule="evenodd" clip-rule="evenodd" d="M54.3833 71.5017C55.7153 70.0982 56.9813 68.4657 58.8769 67.813C61.5822 66.6987 64.672 67.6694 67.3271 66.3719C70.091 65.0339 72.1129 62.061 71.8606 58.9289C71.8463 56.3587 70.1944 54.0665 68.0923 52.7176C66.2316 51.6571 63.9255 51.3845 61.8863 52.0869C60.077 52.6424 58.6883 54.0553 57.6153 55.5653C56.2799 57.6186 56.5012 60.1494 56.4057 62.4824C56.2668 65.984 53.6943 68.9585 50.7102 70.5308C48.1013 71.8606 45.0507 70.872 42.382 71.9399C40.8213 72.4534 39.6136 73.6412 38.612 74.8967C37.0108 77.2088 36.7684 80.4534 38.1819 82.9144C39.2746 84.8321 41.2033 86.3009 43.3842 86.7061C45.3372 87.0569 47.4501 86.6819 49.071 85.5093C51.294 84.0699 52.6448 81.4477 52.6209 78.8032C52.6271 76.2962 52.665 73.5132 54.3833 71.5017Z" fill="%2324BEE1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2544 54.072C21.5864 52.6685 22.8524 51.036 24.748 50.3833C27.4533 49.2691 30.5431 50.2397 33.1982 48.9422C35.9621 47.6042 37.984 44.6313 37.7317 41.4992C37.7174 38.929 36.0655 36.6368 33.9634 35.2879C32.1027 34.2274 29.7966 33.9548 27.7574 34.6572C25.9481 35.2127 24.5594 36.6256 23.4864 38.1357C22.151 40.1889 22.3723 42.7197 22.2768 45.0527C22.1378 48.5543 19.5654 51.5288 16.5813 53.1011C13.9724 54.4309 10.9218 53.4423 8.25314 54.5102C6.69243 55.0237 5.48468 56.2115 4.4831 57.467C2.88188 59.7791 2.63948 63.0237 4.05301 65.4848C5.14567 67.4024 7.07439 68.8713 9.25526 69.2764C11.2083 69.6272 13.3212 69.2522 14.9421 68.0796C17.1651 66.6402 18.5159 64.018 18.492 61.3735C18.4982 58.8665 18.5361 56.0835 20.2544 54.072Z" fill="white"/><circle cx="61.8721" cy="78.6505" r="7.55658" transform="rotate(180 61.8721 78.6505)" fill="white"/><circle cx="97.0596" cy="78.6505" r="7.55658" transform="rotate(180 97.0596 78.6505)" fill="%2324BEE1"/><circle cx="45.919" cy="61.6036" r="7.55658" transform="rotate(180 45.919 61.6036)" fill="white"/><circle cx="45.919" cy="45.0411" r="7.55658" transform="rotate(180 45.919 45.0411)" fill="white"/><circle cx="9.52055" cy="42.7442" r="7.55658" transform="rotate(180 9.52055 42.7442)" fill="%2324BEE1"/><circle cx="28.5127" cy="61.6036" r="7.55658" transform="rotate(180 28.5127 61.6036)" fill="white"/><circle cx="28.5127" cy="24.7286" r="7.55658" transform="rotate(180 28.5127 24.7286)" fill="%2324BEE1"/><rect x="87.9365" y="86.207" width="15.1132" height="35.9089" rx="7.55658" transform="rotate(180 87.9365 86.207)" fill="white"/><rect x="1.97557" y="86.3281" width="15.355" height="32.2817" rx="7.67749" transform="rotate(-90 1.97557 86.3281)" fill="white"/><rect x="1.97557" width="15.355" height="32.2817" rx="7.67749" fill="white"/></g></svg>');
}
.icd-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}
.icd-content h2 {
  font-size: 36px;
  font-weight: 500;
  margin: 0 0 0px 0;
}
.icd-content p {
  font-size: 16px;
  line-height: 1.6;
  color: #d1d5db;
  margin-bottom: 20px;
  max-width: 570px;
  margin: 10px auto 20px auto;
}
.icd-btn {
  display: inline-block;
  padding: 16px 24px;
  border: 1.5px solid #ffffff;
  border-radius: 36px;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
}
.icd-btn:hover {
  background: #ffffff;
  color: #1e3a8a;
}
.icd-banner {
  position: relative;
  margin: 0px 0px 150px 0px;
}
.icd-banner::before {
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  width: 105px;
  height: 90px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="105" height="90" viewBox="0 0 105 90" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.2"><path fill-rule="evenodd" clip-rule="evenodd" d="M50.2328 18.4739C48.9009 19.8774 47.6349 21.5099 45.7393 22.1626C43.034 23.2768 39.9442 22.3062 37.2891 23.6037C34.5252 24.9417 32.5033 27.9146 32.7556 31.0466C32.7699 33.6169 34.4218 35.9091 36.5239 37.258C38.3846 38.3185 40.6907 38.5911 42.7299 37.8887C44.5392 37.3332 45.9279 35.9203 47.0009 34.4102C48.3363 32.357 48.115 29.8262 48.2105 27.4932C48.3494 23.9916 50.9219 21.0171 53.906 19.4448C56.5148 18.115 59.5655 19.1036 62.2341 18.0357C63.7949 17.5222 65.0026 16.3344 66.0042 15.0789C67.6054 12.7668 67.8478 9.52219 66.4343 7.06115C65.3416 5.14353 63.4129 3.67464 61.232 3.26946C59.279 2.91869 57.1661 3.29373 55.5452 4.46629C53.3222 5.90569 51.9714 8.52787 51.9952 11.1724C51.9891 13.6794 51.9511 16.4624 50.2328 18.4739Z" fill="%2324BEE1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M84.3618 35.9035C83.0298 37.3071 81.7638 38.9395 79.8682 39.5922C77.1629 40.7065 74.0731 39.7358 71.418 41.0333C68.6541 42.3714 66.6322 45.3443 66.8845 48.4763C66.8988 51.0466 68.5507 53.3388 70.6528 54.6877C72.5135 55.7482 74.8196 56.0208 76.8588 55.3184C78.6681 54.7629 80.0568 53.35 81.1298 51.8399C82.4652 49.7867 82.2439 47.2559 82.3394 44.9229C82.4783 41.4213 85.0508 38.4468 88.0349 36.8745C90.6438 35.5447 93.6944 36.5333 96.3631 35.4653C97.9238 34.9519 99.1315 33.7641 100.133 32.5085C101.734 30.1965 101.977 26.9519 100.563 24.4908C99.4705 22.5732 97.5418 21.1043 95.3609 20.6991C93.4079 20.3484 91.295 20.7234 89.6741 21.896C87.4511 23.3354 86.1003 25.9576 86.1242 28.6021C86.118 31.1091 86.0801 33.8921 84.3618 35.9035Z" fill="white"/><circle cx="42.7441" cy="11.3251" r="7.55658" fill="white"/><circle cx="7.55658" cy="11.3251" r="7.55658" fill="%2324BEE1"/><circle cx="58.6972" cy="28.372" r="7.55658" fill="white"/><circle cx="58.6972" cy="44.9345" r="7.55658" fill="white"/><circle cx="95.0956" cy="47.2314" r="7.55658" fill="%2324BEE1"/><circle cx="76.1035" cy="28.372" r="7.55658" fill="white"/><circle cx="76.1035" cy="65.247" r="7.55658" fill="%2324BEE1"/><rect x="16.6797" y="3.76855" width="15.1132" height="35.9089" rx="7.55658" fill="white"/><rect x="102.641" y="3.64746" width="15.355" height="32.2817" rx="7.67749" transform="rotate(90 102.641 3.64746)" fill="white"/><rect x="102.641" y="89.9756" width="15.355" height="32.2817" rx="7.67749" transform="rotate(-180 102.641 89.9756)" fill="white"/></g></svg>');
}
.loading-spinner {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.spinner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #54B2D3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    background: #fff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
    border-radius: 50px;
    padding: 17px;
    width: max-content;
    margin: auto;
}
.blog-inner-bg {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.02);
    background-color: #fff;
    margin-top: 60px;
    padding-top: 10px;
}
.blog-inner p {
    color: #6B7280;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 500;
}
@media (max-width:991px) {
  .single-blog-content p,
  .qc-container p {
    font-size: 18px;
  }
}
@media (max-width:599px) {
  .icd-banner::after,
  .icd-banner::before {
    width: 51px;
    height: 45px;
  }
}
@media (max-width:1170px) {
.icd-card-box:after {
    height: 129px;
    z-index: -2;
    background-size: cover;
}

  .icd-card-box:before {
    width: 95.4%;
    height: 40%;
    z-index: -1;
}

  .bg-icd-box-cards .cta-main,
  .cta-main {
    margin-top: 0px;
  }

  .icd-card {
    padding: 28px 39px 35px 18px;
  }

  .icd-card-box {
    overflow: hidden;
    border-radius: 15px;
  }

  .bg-icd-box-cards .icd-card-box:before {
    height: 50%;
  }

  .bg-icd-box-cards .icd-card-box:after {
    width: 100%;
    height: 215px;
    bottom: 7px;
    z-index: -1;
  }

  img.perspective-grid {
    width: 100%;
  }

  .trusted-by-bottom-img {
    bottom: -61px;
  }

  button.faq-question span {
    width: 90%;
  }

  .qc-container h1,.qc-container p{
    padding: 0px 20px;
  }

  .main-banner {
    padding: 20px 0px 0px 0px;
  }

  .faq-question {
    font-size: 22px;
  }

  .faq-question {
    font-size: 20px;
    padding: 11px 0;
  }
}
@media (max-width:1040px) {
  .bg-icd-box-cards,
  .cards {
    grid-template-columns: 1fr 1fr;
}
}
@media (max-width:991px) {
  h1 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  .qc-container p {
    font-size: 18px;
  }

  h2 {
    font-size: 28px !important;
  }
  h3 {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .title {
    font-size: 24px !important;
    line-height: 28px;
  }
}

@media (max-width:790px) {
  .bg-icd-box-cards .icd-card-box:after {
    width: 100%;
/*    height: 485px;*/
    bottom: 0px;
    z-index: -1;
  }

  .bg-icd-box-cards .icd-card-box:before {
    height: 31%;
    left: -1px;
    width: 100.6%;
  }

  .category {
    grid-template-columns: 1fr;
  }

  .icd-tabs {
    border-radius: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .icd-tabs span {
    width: auto;
  }
  .bg-icd-box-cards, .cards {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 599px) and (max-width: 783px) {

  .icd-card-box::before {
    height: 33%;
    left: 0;
    width: 99%;
  }

  .icd-card-box::after {
    width: 100%;
    height: 312px;
    bottom: -27px;
    z-index: -1;
}
.icd-card-box:not(.bg-icd-box) {
    border-top: solid 1px #dbdbe1;
}
  .icd-card {
    padding: 28px 18px 35px 20px;
  }
  .bg-icd-box-cards .icd-card-box:before {
/*    height: 55%;*/
    left: -1px;
    width: 100.6%;
}
.bg-icd-box-cards .icd-card-box:after {
    width: 100%;
    height: 485px;
    bottom: 0px;
    z-index: -1;
}
}
.highlight a {
  color: inherit;
  font-weight: 400;
}
  @media (max-width:599px) {

    .trustred-by .flex {
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: center;
      flex-direction: column;
    }

    .trustred-by {
      padding: 30px 20px;
      width: 80%;
    }

    .trustred-by h2 {
      margin: 13px 0px 0px 0px;
      line-height: 1;
    }

    .trusted-by-bottom-img {
      bottom: -20px;
      width: 90%;
    }

    .trusted-by-bottom {
      padding-top: 133px;
    }
    .faq-section .faq-question {
        font-size: 20px;
        line-height: 1.2;
    }
    .faq-section {
        margin: 30px auto 0px auto;
        padding: 0 20px;
    }
    .trustred-by {
        margin-top: 30px;
        margin-bottom: 30px;
    }
  }
  @media (max-width:500px) {
    .icd-card-box:before {
      width: 95.5%;
      height: 53%;
    }
    .icd-card-box:after {
      height: 112px;
    }
  }
  @media (max-width:450px){
  .bg-icd-box-cards .icd-card-box:before {
      height: 65%;
      left: -1px;
      width: 100.6%;
  }
}



/* Background circles */
    .blog-single-d-page .bg-circle {
      position: absolute;
      border-radius: 50%;
      background: linear-gradient(72.34deg, #EEF7FB 7.62%, #54B2D3 232.28%);
    }

    .blog-single-d-page .bg-circle.one {
      width: 346px;
      height: 297px;
      top: -148px;
      right: -80px;
    }

    .blog-single-d-page .bg-circle.two {
      width: 82px;
      height: 82px;
      top: 70px;
      right: 293px;
    }

    .blog-single-d-page.blog-single-page {
      color: #fff;
      padding: 35px 0 35px;
      position: relative;
      overflow: hidden;
      position: relative;
      background: linear-gradient(180deg, #54B2D3 -89.88%, #FFFFFF 33.85%);
      margin-bottom: 60px;
    }

    .blog-single-page-left {
      position: relative;
    }

    .blog-single-d-flex {
      display: flex;
      align-items: flex-end;
    }

    .blog-single-d-flex h1 {
        font-size: 60px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
        color: #3D3D46 !important;
        width: 70%;
        width: 100%;
        max-width: 760px;
    }

    .blog-single-page-right img {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 33%;
    }

    .blog-single-d-flex .cta-main-banner {
      display: flex;
      align-items: center;
      justify-content: left;
      margin-top: 0;
      position: relative;
      z-index: 999;
      text-decoration: none;
      max-width: max-content;
    }
    .blog-single-d-flex .cta-main-banner .cta-svg-banner {
      position: relative;
      margin-top: -33px;
    }
    .blog-single-d-flex .cta-bg-banner {
      background: url('data:image/svg+xml,<svg width="172" height="40" viewBox="0 0 172 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106 0C114.29 0 121.402 5.0435 124.435 12.2295C125.776 13.6238 127.436 14.7597 129.29 14.7598C130.673 14.7598 131.855 14.1206 132.84 13.2119C135.619 5.5075 142.996 0 151.658 0C162.704 0 171.658 8.9543 171.658 20C171.658 31.0457 162.704 40 151.658 40C143.211 40 135.987 34.7628 133.056 27.3584C131.981 26.4772 130.714 25.8447 129.29 25.8447C127.266 25.8448 125.447 27.1616 124.029 28.665C120.8 35.3713 113.941 40 106 40H20C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 3.70448e-07 20 0H106Z" fill="url(%23paint0_linear_28616_26729)"/><defs><linearGradient id="paint0_linear_28616_26729" x1="-24" y1="20" x2="171.658" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="%233FCDF8"/><stop offset="1" stop-color="%2323B5E1"/></linearGradient></defs></svg>');
      display: flex;
      align-items: center;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }

    .blog-single-d-flex .cta-span {
      text-decoration: none;
      font-size: 14px;
      padding: 7px 32px 7px 32px;
      border-radius: 22px;
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 700;
      color: #fff;
    }

    .blog-single-d-flex .cta-svg-banner {
      padding: 16px 13px 12px 13px;
    }

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

    /* Content Area */
    .single-blog-content-flex {
      margin: 0 auto;
      display: flex;
      gap: 40px;
    }

    .single-blog-content-inner p {
      font-size: 16px;
      line-height: 1.6;
      color: #3D3D46;
      font-weight: 400;
    }

    .single-blog-content-inner {
      width: 70%;
    }

    /* Blue Box Section */
    .codes-box {
      border: 1px solid #CFCFD7;
      border-radius: 8px;
      margin: 30px 0;
      overflow: hidden;
    }

    .codes-header {
      background-color: #0a192f;
      color: white;
      padding: 0px 20px;
      font-weight: bold;
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .codes-header h3 {
      font-size: 28px;
      font-weight: 700;
    }

    .codes-list {
      padding: 27px 30px 10px 30px;
    }

    .code-item {
      display: flex;
      gap: 15px;
      margin-bottom: 10px;
      align-items: center;
    }

    .code-item:last-child {
      margin-bottom: 0;
    }

    .code-item .arrow {
      color: #4da6ff;
      font-weight: bold;
      background: none;
    }

    .code-item strong {
      display: block;
      font-size: 18px;
      margin-bottom: 5px;
      font-weight: 700;
      color: #3D3D46;
    }


    /* Billable List */
    .billable-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .billable-list li {
      padding: 5px 0;
      margin: 0;
    }

    /* Sidebar */
    .sidebar {
      width: 30%;
    }

    .toc {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 20px;
      margin-bottom: 30px;
    }

    .toc h3 {
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 15px;
      color: #3D3D46;
    }

    .toc ol {
      font-size: 14px;
      color: #3D3D46;
      font-weight: 500;
    }

    .toc li {
      font-size: 0.85rem;
      margin-bottom: 0;
      color: #444;
      cursor: pointer;
      padding-bottom: 10px;
    }
    .toc li a{
      color: #444 !important;
    }

    /* Promo Card */
    .promo-card {
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      overflow: hidden;
    }


    .promo-image img {
      width: 100%;
    }

    .promo-content {
      padding: 20px 20px 20px 20px;
      background: #fff;
      margin-top: -75px;
      position: relative;
    }

    .promo-content h4 {
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 700;
      color: #3D3D46;
      margin-top: 0;
    }

    .promo-content p {
      font-size: 16px;
      color: #3D3D46;
      margin-bottom: 15px;
      font-weight: 500;
    }

    .promo-content input {
      width: 92%;
      padding: 11px 15px;
      border: 1px solid #ddd;
      border-radius: 50px;
      margin-bottom: 15px;
    }

    .promo-btn {
      width: auto;
      padding: 7px 20px;
      background: white;
      border: 1px solid #333;
      border-radius: 50px;
      font-weight: 500;
      cursor: pointer;
      font-size: 16px;
      display: flex;
      gap: 10px;
      align-items: center;
      color: #000;
    }

    .browser-frame img {
      width: 100%;
    }

    @media (max-width:1170px) {
      .blog-single-d-flex h1 {
        font-size: 45px !important;
      }
      .blog-single-d-flex .cta-main-banner .cta-svg-banner {
        margin-top: -27px;
      }
    }

    @media (max-width:991px) {
      .blog-single-d-flex .cta-main-banner .cta-svg-banner {
        position: relative;
        margin-top: -26px;
      }
      .blog-single-d-flex h1{
        width: 75%;
      }
      .single-blog-content {
        margin-top: 20px;
      }
    }

    /* Mobile Responsiveness */
    @media (max-width: 768px) {
    .blog-single-d-page.blog-single-page {;
        margin-bottom: 0;
    }
      .single-blog-content-flex {
          flex-direction: column;
      }
      .blog-single-d-flex {
        align-items: flex-start;
        flex-direction: column;
      }

      .sidebar {
        order: -1;
        width: 100%;
      }

      .single-blog-content-inner {
        width: 100%;
      }
    }

    @media (max-width: 599px) {
      .blog-single-page-right img {
        width: 100%;
        position: relative;
      }
      .blog-single-d-flex h1 {
        font-size: 32px !important;
      }
      .title {
        margin: 20px 0 0px;
        font-size: 32px;
      }
      .blog-single-d-flex .cta-main-banner .cta-svg-banner {
        position: relative;
        margin-top: -15px;
        }
    }