.cy-template p:empty {
  display: none;
}

.cy-template .post-wrapper .post-title {
  transition: all 0.2s ease;
}

.cy-template .post-wrapper:hover .post-title {
  color: var(--Blue-CY-Primary, #1863dc) !important;
  transition: all 0.2s ease;
}

.cy-template .post-wrapper {
  border-radius: 8px;
  border: 1px solid var(--greyscale-cy-shade-10-bg, #e9e9eb);
  background: #fff;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.cy-template .post-wrapper a.invisible-link {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-decoration: none;
}

.cy-template .post-wrapper .zoom-on-hover {
  overflow: hidden;
}

.cy-template .post-wrapper .card-header {
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 8px 8px 0 0;
}

.cy-template .post-wrapper .post-details {
  padding: 0 24px;
}

.cy-template .post-wrapper .card-footer {
  padding: 0 20px 24px 20px;
  background: transparent;
  border: none;
}

.cy-template .post-wrapper .zoom-on-hover img {
  transition: all 0.3s ease;
  width: 100%;
}

.cy-template .post-wrapper:hover .zoom-on-hover img {
  transform: scale(1.15);
  transition: all 0.3s ease;
}

.cy-template .post-wrapper:hover {
  box-shadow: 0px 8px 28px -4px rgba(24, 99, 220, 0.2);
  transition: all 0.3s ease;
}

.cy-template .cat-list a,
.cy-template .cat-list span {
  padding: 2px 8px;
  border-radius: 8px;
  display: inline-block;
  transition: all 0.2s ease;
}

.cy-template .cat-list a:hover {
  transition: all 0.2s ease;
  opacity: 0.8;
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  text-decoration: none;
}

.cy-template .cat-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cy-template .cat-list:empty {
  display: none;
}

.cy-template .cat-list a {
  background: var(--Blue-CY-Primary_Bg-1, #d1e0f8);
}

.cy-template .post-details .cat-list span {
  border-radius: 4px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: var(--Blue-CY-Primary_Bg-2, #ecf3fc);
}

.cy-template .post-wrapper .author img {
  border-radius: 50%;
  height: 20px;
  width: auto;
  min-width: 20px;
}

.cy-template .post-wrapper a {
  transition: all 0.2s ease;
}

.cy-template .post-wrapper a:hover {
  text-decoration: none;
  transition: all 0.2s ease;
}

.cy-template .gap-10 {
  gap: 10px;
}

.cy-template .gap-12 {
  gap: 12px;
}

.cy-template .gap-24 {
  gap: 24px;
}

.cy-template .hero-section {
  background-color: hsla(215, 75%, 96%, 1);
  background-image: radial-gradient(
      at 50% 65%,
      hsla(215, 75%, 96%, 1) 0px,
      transparent 50%
    ),
    radial-gradient(at 61% 44%, hsla(215, 75%, 96%, 1) 0px, transparent 50%),
    radial-gradient(at 57% 97%, hsla(215, 75%, 96%, 1) 0px, transparent 50%),
    radial-gradient(at 75% 12%, hsla(215, 75%, 96%, 1) 0px, transparent 50%),
    radial-gradient(at 99% 46%, hsla(223, 100%, 74%, 1) 0px, transparent 50%),
    radial-gradient(at 99% 91%, hsla(223, 100%, 74%, 1) 0px, transparent 50%),
    radial-gradient(at 92% 99%, hsla(148, 86%, 66%, 1) 0px, transparent 50%);
}

.cy-template .hero-section span.sep {
  width: 1px;
  height: 16px;
  background-color: #686876;
}

.cy-template .hero-section .article-details .author-name {
  color: #686876;
}

.cy-template .hero-section .article-details a {
  color: #3d3e50;
  transition: all 0.2s ease-in-out;
}

.cy-template .hero-section .article-details a:hover {
  color: var(--Blue-CY-Primary, #1863dc);
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}

.cy-template .hero-section .article-details span.last-updated-date {
  color: #525363;
}

.cy-template .hero-section .reviewed-by {
  border-radius: 4px;
  border: 1px solid var(--greyscale-cy-shade-70-placeholder, #686876);
  padding: 4px 6px;
}

.single-post .hero-section .tooltip {
  border-radius: 4px;
  background: #27283c;
}

.single-post .share-post .social-media-icons a,
.single-post .share-post .social-media-icons button.copy-post-link {
  padding: 2px;
  border-radius: 4px;
  background-color: transparent !important;
  width: 20px;
  height: 20px;
  max-width: 20px;
  min-width: 20px;
  border: none;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-post .author-bio .social-media-icons a {
  padding: 2px;
  border-radius: 4px;
  background-color: transparent !important;
  border: none;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-post .share-post .social-media-icons button.copy-post-link:hover,
.single-post .social-media-icons a:hover {
  background-color: var(--Blue-CY-Primary_Bg-1, #d1e0f8) !important;
  border: none;
  transition: all 0.2s ease;
}

.single-post .share-post .social-media-icons button.copy-post-link:focus {
  outline: none;
}

.single-post .copy-link-wrapper {
  position: relative;
}

.single-post .copy-link-wrapper .copy-status {
  position: absolute;
  min-width: 125px;
  background: var(--Green-CY-Green_Bg-1, #d5efe2);
  border-radius: 4px;
  padding: 4px 8px;
  opacity: 0;
  top: 27px;
  left: -70px;
}

.single-post .copy-link-wrapper .copy-status::before {
  content: "";
  position: absolute;
  width: 0;
  left: calc(50% - 12px);
  height: 0;
  top: -6px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #d5efe2;
}

.cy-template .divider-bottom {
  border-bottom: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8) !important;
}

.cy-template .fixed-sidebar .summary a.nav-link {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  transition: all 0.2s ease;
  padding: 0;
}

.cy-template .fixed-sidebar .summary li {
  margin-bottom: 18px;
  margin-top: 0;
  width: 100%;
}

.cy-template .fixed-sidebar .summary li:last-child {
  margin-bottom: 0;
}

.cy-template .fixed-sidebar .summary a.nav-link:hover,
.cy-template .fixed-sidebar .summary a.nav-link.active {
  color: var(--Blue-CY-Primary, #1863dc);
  transition: all 0.2s ease;
  text-decoration: none;
}

.cy-template.single-post .content p,
.cy-template.single-post .content li {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 20px;
  /* 175% */
}

.cy-template.single-post .content a:not(.wp-block-button__link) {
  font-size: inherit;
  color: var(--Blue-CY-Primary, #1863dc);
  text-decoration: underline;
  transition: all 0.2s ease;
}

.cy-template.single-post .content a:hover {
  text-decoration: none;
  transition: all 0.2s ease;
}

.cy-template.single-post .content .wp-element-button {
  color: #fff;
}

.cy-template.single-post .content strong,
.cy-template.single-post .content b {
  font-weight: 600;
}

.cy-template.single-post .content h2 {
  color: var(--greyscale-cy-shade-title, #27283c);

  /* Desktop/H3   |   36/36 */
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  /* 122.222% */
  letter-spacing: -0.5px;
  margin-bottom: 24px;
  margin-top: 48px !important;
}

.cy-template.single-post .content h3 {
  color: var(--greyscale-cy-shade-title, #27283c);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  /* 135.714% */
  letter-spacing: -0.25px;
  margin-bottom: 24px;
}

.cy-template.single-post .content h4 {
  color: var(--greyscale-cy-shade-title, #27283c);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  /* 150% */
  letter-spacing: -0.25px;
  margin-bottom: 24px;
}

.cy-template.single-post .content h5 {
  color: var(--greyscale-cy-shade-title, #27283c);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 150% */
  letter-spacing: -0.25px;
  margin-bottom: 20px;
}

.cy-template.single-post .content h6 {
  color: var(--greyscale-cy-shade-title, #27283c);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
}

.cy-template.single-post .content h2,
.cy-template.single-post .content h3,
.cy-template.single-post .content h4,
.cy-template.single-post .content h5,
.cy-template.single-post .content h6 {
  margin-top: 40px;
}

.cy-template .author-bio img.author-avatar {
  min-width: 80px;
  height: auto;
  border-radius: 50%;
}

.cy-template .author-bio .author-name a {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
}

.cy-template .author-bio .author-name a:hover {
  color: var(--Blue-CY-Primary, #1863dc);
  text-decoration: none;
}

.progress-container {
  width: 100%;
  height: 8px;
  background: #d1e0f8;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.progress-bar {
  height: 100%;
  width: 0;
  background: #4682e3;
}

.single-post .schema-faq-question {
  margin-bottom: 15px;
  display: block;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.single-post .content img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0px 2px 5px rgba(179, 205, 255, 0.3));

  background: #ffffff;
  border: 2px solid #e1ebff;
  border-radius: 6px !important;
}

.single-post .content figure {
  margin-top: 40px;
  margin-bottom: 40px;
}
.single-post .content figure.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.single-post .wp-block-image.mb-0 figure {
  margin-bottom: 0 !important;
}
.single-post .content .cy-expand-image figure {
  margin-left: auto;
  margin-right: auto;
}
.single-post .content figcaption {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 169.231% */
  text-align: center;
  margin-top: 25px;
}

.single-post .content .cta-wrapper {
  border-radius: 8px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background-color: hsla(213, 72%, 95%, 1);
  background-image: radial-gradient(
      at 52% 68%,
      hsla(213, 72%, 95%, 1) 0px,
      transparent 50%
    ),
    radial-gradient(at 39% 15%, hsla(213, 72%, 95%, 1) 0px, transparent 50%),
    radial-gradient(at 5% 66%, hsla(213, 72%, 95%, 1) 0px, transparent 50%),
    radial-gradient(at 81% 40%, hsla(213, 72%, 95%, 1) 0px, transparent 50%),
    radial-gradient(at 39% 99%, hsla(213, 72%, 95%, 1) 0px, transparent 50%),
    radial-gradient(at 100% 81%, hsla(222, 100%, 75%, 1) 0px, transparent 50%),
    radial-gradient(at 83% 97%, hsla(126, 73%, 76%, 1) 0px, transparent 50%),
    radial-gradient(at 85% 100%, hsla(151, 57%, 59%, 1) 0px, transparent 50%),
    radial-gradient(at 14% 12%, hsla(216, 100%, 67%, 1) 0px, transparent 50%);
  margin: 40px 0;
  padding: 1.5rem;
}

.single-post .content .cta-wrapper.dark {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.single-post .content .cta-wrapper.blue-bg-img *,
.single-post .content .cta-wrapper.blue-bg * {
  color: #fff;
}

.single-post .content .cta-wrapper.blue-bg-img {
  background: linear-gradient(
      77deg,
      rgba(24, 99, 220, 0.6) -38.36%,
      rgba(7, 30, 66, 0.6) 9.2%,
      rgba(7, 30, 66, 0.6) 51.45%,
      rgba(24, 99, 220, 0.6) 108.91%
    ),
    #1863dc;
  background-color: #0f3b83;
}

.single-post .content .cta-wrapper.grd-bg-img {
  border-radius: 8px;
  background: var(
    --Gradient-CY-Bg-Gradient-3,
    linear-gradient(
      108deg,
      rgba(117, 208, 251, 0.54) 11.72%,
      rgba(132, 179, 254, 0.24) 31.42%,
      rgba(236, 243, 252, 0) 47.88%,
      rgba(45, 173, 112, 0.48) 87.71%
    ),
    #daf4fc
  );
  padding-top: 40px;
  padding-bottom: 40px;
}

.single-post .content .cta-wrapper.blue-bg {
  background: var(
    --CY-Dark-Blue-Gradient,
    linear-gradient(
      137deg,
      rgba(24, 99, 220, 0.6) 3.85%,
      rgba(7, 30, 66, 0.6) 34.74%,
      rgba(7, 30, 66, 0.6) 62.18%,
      rgba(24, 99, 220, 0.6) 99.49%
    ),
    #1863dc
  );
  padding-top: 40px;
  padding-bottom: 40px;
}
.single-post .content .cta-wrapper.blue-bg-1 {
  background: var(--blue-bg1);
}

.single-post .content .cta-wrapper.bg-img {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: auto 240px;
  padding-right: 250px !important;
}

.single-post .content .cta-title {
  font-size: 28px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 38px !important;
  /* 135.714% */
  letter-spacing: -0.25px;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
}

.single-post .content .cta-wrapper .cta-title + a.cta-btn {
  margin-top: 12px;
  display: inline-block;
}

.single-post .content .cta-wrapper.grd-bg .cta-title {
  font-size: 28px;
}

.single-post .content .cta-wrapper p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  margin-bottom: 24px;
}

.single-post .content .cta-wrapper .cta-btn,
.single-post .content a.wp-element-button {
  border-radius: 4px;
  border: 1px solid var(--Blue-CY-Primary, #1863dc);
  background: var(--Blue-CY-Primary, #1863dc);
  color: var(--Greyscale-CY-White, #fff) !important;
  text-align: center;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 175% */
  box-shadow: 0px 8px 28px -4px rgba(24, 99, 220, 0.2);
  padding: 10px 20px;
  transition: all 0.2s ease;
  text-decoration: none !important;
  display: inline-block;
}
.single-post .content a.newtab-icon-blue,
.single-post .content a.newtab-icon-white {
  margin-right: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.single-post .content a.newtab-icon-blue:after,
.single-post .content a.newtab-icon-white:after {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 100%;
}
.single-post .content a.newtab-icon-blue:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 6H6C5.46957 6 4.96086 6.21071 4.58579 6.58579C4.21071 6.96086 4 7.46957 4 8V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20H16C16.5304 20 17.0391 19.7893 17.4142 19.4142C17.7893 19.0391 18 18.5304 18 18V12M11 13L20 4M20 4H15M20 4V9' stroke='%231863DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.single-post .content a.newtab-icon-white:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 6H6C5.46957 6 4.96086 6.21071 4.58579 6.58579C4.21071 6.96086 4 7.46957 4 8V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20H16C16.5304 20 17.0391 19.7893 17.4142 19.4142C17.7893 19.0391 18 18.5304 18 18V12M11 13L20 4M20 4H15M20 4V9' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.single-post .content .cta-wrapper .cta-btn.white-btn,
.single-post .content .cta-wrapper.blue-bg .cta-btn {
  color: var(--Blue-CY-Primary, #1863dc) !important;
  background: #fff;
  box-shadow: 0px 8px 26px -4px rgba(39, 40, 60, 0.2);
  border: 1px solid var(--Blue-CY-Primary, #fff);
}

.single-post .content .cta-wrapper .cta-btn:hover,
.single-post .content .cta-wrapper .cta-btn:focus,
.single-post .content a.wp-element-button:hover,
.single-post .content a.wp-element-button:focus {
  text-decoration: none;
  opacity: 0.9;
  transition: all 0.2s ease;
  transform: translateY(-2px);
}

.single-post .content .cta-wrapper.blue-bg-img .cta-btn {
  border: 1px solid var(--Blue-CY-Primary, #1863dc);
  background: var(--Blue-CY-Primary, #1863dc);
  color: var(--Greyscale-CY-White, #fff);
}

.single-post .content .cta-wrapper.blue-bg-img p {
  color: var(--Greyscale-CY-White, #fff);
}

.single-post .content .cta-wrapper p.note {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 153.846% */
}

.single-post .content .cta-wrapper.text-center p.note {
  justify-content: center;
}

.single-post .content .cta-wrapper p.note span {
  padding-left: 30px;
  position: relative;
}

.single-post .content .cta-wrapper p.note span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/guideline-images/blue-tick.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 24px;
  background-size: contain;
}

.single-post .content .cta-wrapper p.note.green-tick span:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/guideline-images/green-tick.svg);
}

.single-post .content .cta-wrapper p.note.white-tick span:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/guideline-images/white-tick.svg);
}

.single-post .content .cta-wrapper p:last-child {
  margin-bottom: 0px;
}
.single-post .content pre.wp-block-code {
  background: #eee;
  padding: 14px;
  border-radius: 2px;
}
.cy-template .summary button.navbar-toggler {
  background: transparent;
  border: none;
  padding: 0;
  min-width: 24px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  background-color: #27283c;
  border-radius: 0.25rem;
  opacity: 1 !important;
  position: relative;
  margin-top: -14px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  margin-left: 50%;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #27283c;
}

.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  margin-top: -3px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #27283c;
}

.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #27283c;
}

.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
  right: 0;
  margin-top: -3px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #27283c;
}

.tooltip-arrow,
.tooltip > .tooltip-inner {
  background-color: #27283c !important;
}

.single-post .content .skip-intro img {
  box-shadow: none !important;
  border: none;
  filter: none;
  background-color: transparent;
}

.single-post .content .skip-intro a {
  text-decoration: none !important;
}

.single-post .blue-box {
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: var(--Blue-CY-Primary_Bg-3, #f1f6fd);
}

.single-post .cy-box {
  padding: 20px;
  border-radius: 8px;
  margin: 40px 0;
}

.cy-template.single-post .content ul.checklist li:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-icons/blue-check.svg);
  width: 20px;
  height: 28px;
}

/* WebKit Browsers (Chrome, Safari, Edge) */
.fixed-sidebar::-webkit-scrollbar {
  width: 12px;
  /* Width of the scrollbar */
  height: 12px;
  /* Height of the scrollbar (for horizontal scrollbar) */
}

.fixed-sidebar::-webkit-scrollbar-track {
  background: var(--Light-Gray, #f1f1f1);
  /* Background color of the track */
  border-radius: 10px;
  /* Rounded corners for the track */
}

.fixed-sidebar::-webkit-scrollbar-thumb {
  background: var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  /* Background color of the handle */
  border-radius: 10px;
  /* Rounded corners for the handle */
  border: 3px solid var(--Light-Gray, #f1f1f1);
  /* Adds space around the handle */
}

.fixed-sidebar::-webkit-scrollbar-thumb:hover {
  background: var(--Blue-CY-Primary_Bg-2, #a3c1f0);
  /* Background color of the handle on hover */
}

/* Firefox */
.fixed-sidebar {
  scrollbar-width: thin;
  /* Width of the scrollbar */
  scrollbar-color: var(--Blue-CY-Primary_Bg-1, #d1e0f8)
    var(--Light-Gray, #f1f1f1);
  /* Color of the handle and track */
}

/* Internet Explorer and Legacy Edge */
.fixed-sidebar {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Auto-hiding scrollbar */
}

.cy-template .scroll-to-top {
  position: fixed;
  bottom: 86px;
  right: 22px;
  display: none;
  z-index: 5;
}

.cy-template .scroll-to-top a.scroll-to-top-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px !important;
}

.cy-template .scroll-to-top-btn svg {
  width: 24px;
  height: 24px;
}

.cy-template .content-row {
  gap: 56px;
}

.cy-template .content-row > .content-col {
  max-width: 100%;
}

.cy-template .content-row > .content-col.sidebar {
  max-width: 195px;
  min-width: 195px;
}

.cy-template .post-content .cy-info-box {
  border-radius: 8px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: rgba(241, 246, 253, 0.6);
  padding: 20px;
  margin: 40px 0;
}

.cy-template .post-content .cy-info-box.cy-red {
  border: 1px solid var(--Red-CY-Red_Bg-1, #f8d9de);
  background: var(--Red-CY-Red_Bg-2, #fcecee);
}

.cy-template .post-content .cy-info-box.cy-green {
  border: 1px solid var(--Green-CY-Green_Bg-1, #d5efe2);
  background: var(--Green-CY-Green_Bg-2, #eaf7f1);
}

.cy-template .post-content .cy-info-box.cy-blue {
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: var(--Blue-CY-Primary_Bg-3, #f1f6fd);
}

.cy-template .post-content .cy-info-box.cy-white {
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: #fff;
}

.cy-template .post-content .cy-info-box.cy-yellow {
  border: 1px solid var(--Yellow-CY-Yellow_Bg-1, #ffeccc);
  background: var(--Yellow-CY-Yellow_Bg-2, #fff6e5);
}

.cy-template .post-content .cy-info-box p:last-child {
  margin-bottom: 0;
}

.cy-template .post-content .cy-info-box p,
.cy-template .post-content .cy-info-box li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.cy-template .post-content .cy-info-box p {
  margin-bottom: 0px;
}

.cy-template .post-content .cy-info-box li {
  margin-bottom: 12px;
}

.cy-template .post-content .cy-info-box a {
  color: var(--Blue-CY-Primary, #1863dc);
  font-size: inherit;
  text-decoration: underline;
}

.cy-template .post-content .cy-info-box a.button {
  color: #fff;
  text-decoration: none;
}

.cy-template .post-content .cy-info-box a:hover {
  text-decoration: none;
}

.cy-template .post-content .cy-info-box .icon:not(.no-icon) {
  width: 58px;
  min-width: 58px;
  height: 58px;
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-icons/info.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 18px;
}

.cy-template .post-content .cy-info-box .icon.read {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-icons/read.svg);
}

.cy-template .post-content .cy-info-box .icon.clock {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-icons/clock.svg);
}

.cy-template .post-content .cy-info-box .icon.guide {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-icons/guide.svg);
}

.cy-template .post-content .cy-info-box .icon.info {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-icons/info.svg);
}

.cy-template .post-content .cy-info-box.callout {
  border: none;
  border-radius: 0;
  padding: 40px 24px;
  border-top: 1px solid var(--greyscale-cy-shade-30-line, #bebfc5);
  border-bottom: 1px solid var(--greyscale-cy-shade-30-line, #bebfc5);
  background: var(--Greyscale-CY-White, #fff);
}

.cy-template .post-content .cy-info-box.callout p {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.25px;
}
.cy-template .post-content .cy-border.left.green {
  border-left: 4px solid #2dad70;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 30px 0;
}
.cy-template .post-content .cy-border.left.blue {
  border-left: 4px solid #1863dc;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 30px 0;
}
.cy-template .post-content blockquote,
.cy-template .post-content .wp-block-quote {
  border-radius: 8px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: var(--Blue-CY-Primary_Bg-3, #f1f6fd);
  padding: 32px 20px 32px 104px;
  position: relative;
  margin: 40px 0;
}

.cy-template .post-content blockquote:before,
.cy-template .post-content .wp-block-quote:before {
  content: "";
  position: absolute;
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-icons/quote.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 58px;
  width: 58px;
  top: 32px;
  left: 20px;
}

.cy-template .post-content blockquote p {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
  letter-spacing: -0.25px;
}

.cy-template .post-content blockquote cite {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 160% */
}

.cy-template .post-content .cy-info-box.cy-bordertop,
.cy-template .post-content .cy-info-box.cy-bordertop.cy-blue {
  box-shadow: 0px -4px 0px #1863dc;
  border-radius: 0px 0px 8px 8px;
  padding: 40px;
}

.cy-template .post-content .cy-info-box.cy-bordertop.cy-red {
  box-shadow: 0px -4px 0px #dd425a;
}

.cy-template .post-content .cy-info-box.cy-bordertop.cy-green {
  box-shadow: 0px -4px 0px #2dad70;
}

.cy-template .post-content .cy-info-box.cy-bordertop.cy-yellow {
  box-shadow: 0px -4px 0px #ffa000;
}

.cy-template .post-content .cy-info-box p.calendar-icon,
.cy-template .post-content .cy-info-box p.doc-icon,
.cy-template .post-content .cy-info-box p.law-icon,
.cy-template .post-content .cy-info-box p.goal-icon,
.cy-template .post-content .cy-info-box p.agency-icon {
  position: relative;
  padding-left: 38px;
  margin-bottom: 20px;
}

.cy-template .post-content .cy-info-box p.calendar-icon:before,
.cy-template .post-content .cy-info-box p.doc-icon:before,
.cy-template .post-content .cy-info-box p.law-icon:before,
.cy-template .post-content .cy-info-box p.goal-icon:before,
.cy-template .post-content .cy-info-box p.agency-icon:before {
  content: "";
  position: absolute;
  height: 28px;
  width: 28px;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cy-template .post-content .cy-info-box p.doc-icon:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/blog/icons/doc.svg);
}

.cy-template .post-content .cy-info-box p.calendar-icon:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/blog/icons/calendar.svg);
}

.cy-template .post-content .cy-info-box p.law-icon:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/blog/icons/law.svg);
}

.cy-template .post-content .cy-info-box p.goal-icon:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/blog/icons/goal.svg);
}

.cy-template .post-content .cy-info-box p.agency-icon:before {
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/blog/icons/agency.svg);
}

.cy-template .post-content .cy-info-box.list-items {
  padding: 48px 40px;
}

.cy-template .post-content .cy-info-box.list-items ul {
  padding: 0px;
}

.cy-template .post-content .cy-info-box.list-items ul li {
  padding-left: 40px;
  position: relative;
  list-style: none;
}

.cy-template .post-content .cy-info-box.list-items ul li:before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/blog/icons/green-dot.svg);
}

.cy-template .post-content ul.checklist {
  padding: 40px !important;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: rgba(241, 246, 253, 0.5);
  margin: 40px 0;
}

.cy-template .cy-table {
  overflow-x: auto;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  border-radius: 8px;
  margin: 40px 0;
}

.cy-template figure.wp-block-table {
  margin: 0 !important;
}

.cy-template .cy-table table {
  width: 100%;
  min-width: 500px;
}

.cy-template .cy-table table thead,
.cy-template .cy-table table tr:last-child td {
  border: none !important;
}

.cy-template .cy-table table th,
.cy-template .cy-table table td {
  padding-left: 24px;
  padding-right: 24px;
  border: none;
  border-bottom: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
}

.cy-template .cy-table table th {
  background-color: #d1e0f8;
  color: var(--greyscale-cy-shade-title, #27283c);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.cy-template .cy-table table td {
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 160% */
  padding-top: 16px;
  padding-bottom: 16px;
}

.cy-template .cy-table table tr:nth-child(even) {
  background-color: #f1f6fd;
}

.cy-template .content div#accordion {
  border-radius: 8px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  background: #fff;
  margin: 40px 0;
  overflow: hidden;
}

.cy-template .content div#accordion .card-header {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.cy-template .content div#accordion button.btn.btn-link {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  color: var(--greyscale-cy-shade-title, #27283c);
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  padding: 24px 48px 24px 24px;
  position: relative;
}

.cy-template .content div#accordion button.btn.btn-link:hover,
.cy-template .content div#accordion button.btn.btn-link:focus {
  background: var(--Blue-CY-Primary_Bg-3, #f1f6fd);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.cy-template .content div#accordion button.btn.btn-link:before {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 9L12 15L18 9" stroke="%23686876" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  height: 24px;
  width: 24px;
  transform: translateY(-50%);
  transition: all 0.2s ease;
}

.cy-template
  .content
  div#accordion
  button.btn.btn-link[aria-expanded="true"]:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 15L12 9L18 15" stroke="%231863DC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transition: all 0.2s ease;
  transform: translateY(-50%);
}

.cy-template .content div#accordion .card {
  border: none;
  background: transparent;
  border-bottom: 1px solid #d1e0f8;
  border-radius: 0;
}

.cy-template .content div#accordion .card:last-child {
  border-bottom: none;
}

.cy-template .content div#accordion .collapse {
  padding: 0 24px;
}

.cy-template .content div#accordion .collapse .card-body {
  padding: 24px 0;
  margin: 0;
  border-top: 1px solid #d1e0f8;
  color: var(--greyscale-cy-shade-90-body, #3d3e50);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 175% */
}

.cy-template .content div#accordion h5 {
  margin: 0 !important;
}

.cy-template .content .cy-expand-image.collapsed .image-wrap {
  max-height: 700px;
  overflow: hidden;
  position: relative;
}

.cy-template .cy-expand-image.collapsed .image-wrap:after {
  background: linear-gradient(
    2deg,
    rgba(0, 0, 0, 0.67) 26.17%,
    rgba(0, 0, 0, 0) 86.06%
  );
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 600px;
  width: 100%;
}

.cy-template .cy-expand-image.collapsed {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.cy-template .cy-expand-image button.expand-btn {
  display: none;
}

.cy-template .cy-expand-image.collapsed button.expand-btn {
  display: block;
  position: absolute;
  bottom: 50px;
  /* width: 100%; */
  left: 50%;
  transform: translateX(-50%);
}

.cy-template .cy-timeline {
  margin-top: 30px;
  margin-bottom: 30px;
}

.cy-template .cy-timeline .wp-block-columns {
  column-gap: 20px;
  margin: 0;
}

.cy-template .cy-timeline .wp-block-columns > div {
  position: relative;
  padding: 20px;
}

.cy-template .cy-timeline .wp-block-columns > .wp-block-column:last-child {
  position: relative;
  color: #1863dc;
  display: block;
}

.cy-template
  .cy-timeline
  .wp-block-columns
  > .wp-block-column:first-child
  > p:first-child {
  position: relative;
  text-align: right;
}

.cy-template .cy-timeline .wp-block-column p {
  margin: 0;
  font-size: 14px;
}

.cy-template
  .cy-timeline
  .wp-block-columns
  > .wp-block-column:first-child
  > p:first-child:after {
  background: #fff;
  border: 3px solid #1763dc;
  border-radius: 16px;
  content: "";
  height: 13px;
  right: -38px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  z-index: 1;
}

.cy-template
  .cy-timeline
  .wp-block-columns
  > .wp-block-column:last-child:before {
  content: "";
  height: 100%;
  width: 3px;
  background: #1863dc;
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
}

.cy-template .cy-timeline .wp-block-column h2,
.cy-template .cy-timeline .wp-block-column h3,
.cy-template .cy-timeline .wp-block-column h4,
.cy-template .cy-timeline .wp-block-column h5,
.cy-template .cy-timeline .wp-block-column h6 {
  margin-top: 0;
  font-size: 22px;
  line-height: 33px;
  margin-bottom: 14px;
}

.cy-template .content .carousel {
  margin-bottom: 6rem !important;
}

.cy-template .content ol.carousel-indicators {
  margin-bottom: -3rem;
  gap: 16px;
}

.cy-template .content ol.carousel-indicators li {
  background-color: #d9d9d9;
  height: 14px;
  width: 14px;
  border-radius: 50%;
}

.cy-template .content ol.carousel-indicators li.active {
  background-color: #1863dc;
}

.cy-template .content .carousel-control-prev-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.832 10L4.16536 10M4.16536 10L9.16536 5M4.16536 10L9.16536 15" stroke="%231863DC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.cy-template .content .carousel-control-next-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4.16797 10H15.8346M15.8346 10L10.8346 15M15.8346 10L10.8346 5" stroke="%231863DC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.cy-template .content a.carousel-control-prev,
.cy-template .content a.carousel-control-next {
  height: 28px;
  width: 28px;
  padding: 4px;
  background: #fff;
  border-radius: 50%;
  top: 45%;
}

.cy-template .content a.carousel-control-prev {
  left: 20px;
}

.cy-template .content a.carousel-control-next {
  right: 20px;
}

.cy-template button.lightbox-trigger {
  max-width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 2px;
}
.cy-template .cy-info-box button.lightbox-trigger {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12"%3E%3Cpath fill="%23fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z"/%3E%3C/svg%3E') !important;
  background-position: center !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
}
.tooltipicon {
  position: relative;
}
.tooltip-inner {
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #696876;
  border-radius: 0.25rem;
  opacity: 1 !important;
  top: -25px;
}

.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #696876;
  top: -30px;
}
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
  content: "";
  border-width: 5px 0px 5px 5px;
  border-left-color: #696876;
  top: -30px;
}
.tooltip-arrow,
.tooltip > .tooltip-inner {
  background-color: #696876 !important;
}
@media (min-width: 992px) {
  .fixed-sidebar {
    position: sticky;
    top: 125px;
    z-index: 99;
    max-height: calc(100vh - 150px);
    overflow: auto;
    background: #fff;
    border-radius: 3px;
    box-shadow: -8px 1px 0px 20px #fff;
  }

  .fixed-sidebar .share-post {
    position: sticky;
    top: 0;
    background: #fff;
  }

  .cy-template .divider-lg-bottom {
    border-bottom: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8) !important;
  }
}

@media (max-width: 991px) {
  .cy-template .summary {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100vw;
    max-height: 70vh;
    overflow-y: auto;
    margin-bottom: 0px !important;
    border-radius: 8px 8px 0px 0px;
    background: #fff;
    padding: 16px;
  }

  .cy-template .summary .toc-toggle-wrapper {
    background: var(--White, #fff);
    padding: 8px 16px !important;
    position: fixed;
    bottom: 15px;
    max-width: calc(100% - 32px);
    left: 0;
    z-index: 9;
    margin-left: 16px;
    box-shadow: 0px 0px 0px 16px #fff;
  }

  .cy-template .summary button.navbar-toggler[aria-expanded="true"] svg {
    transition: all 0.2s ease;

    transform: rotate(0deg);
  }

  .cy-template .summary button.navbar-toggler[aria-expanded="false"] svg {
    transition: all 0.2s ease;
    transform: rotate(180deg);
  }

  .cy-template .summary .navbar-collapse ul.nav {
    margin-top: 1rem;
    margin-bottom: 70px;
  }

  .cy-template .summary .toc-toggle-wrapper button.navbar-toggler:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 70px);
    height: 100%;
    display: block;
    border-radius: 4px;
    border: 1px solid var(--Color, #bebfc5);
  }
  .cy-template .summary .toc-toggle-wrapper h2 {
    margin-left: 70px;
  }
  .cy-template .summary .toc-toggle-wrapper h3 {
    margin-left: 70px;
  }

  .cy-template .scroll-to-top {
    bottom: 95px;
    right: 16px;
  }

  .cy-template .scroll-to-top a.scroll-to-top-btn {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
  }

  .cy-template .content-row {
    gap: 32px;
  }
}

@media (max-width: 768px) {
  .cy-template .hero-section {
    background-color: hsla(215, 75%, 96%, 1);
    background-image: radial-gradient(
        at 44% 60%,
        hsla(215, 75%, 96%, 1) 0px,
        transparent 50%
      ),
      radial-gradient(at 11% 69%, hsla(215, 75%, 96%, 1) 0px, transparent 50%),
      radial-gradient(at 75% 62%, hsla(215, 75%, 96%, 1) 0px, transparent 50%),
      radial-gradient(at 0% 73%, hsla(215, 75%, 96%, 1) 0px, transparent 50%),
      radial-gradient(at 93% 74%, hsla(215, 75%, 96%, 1) 0px, transparent 50%),
      radial-gradient(at 32% 100%, hsla(223, 100%, 68%, 1) 0px, transparent 50%),
      radial-gradient(at 49% 100%, hsla(148, 86%, 66%, 1) 0px, transparent 50%),
      radial-gradient(at 72% 100%, hsla(223, 100%, 68%, 1) 0px, transparent 50%);
  }

  .cy-template.single-post .content h2 {
    font-size: 24px;
    line-height: 36px;
  }

  .cy-template.single-post .content h3 {
    font-size: 22px;
    line-height: 34px;
  }

  .cy-template.single-post .content h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .cy-template.single-post .content h5 {
    font-size: 18px;
    line-height: 28px;
  }

  .cy-template.single-post .content h6 {
    font-size: 16px;
    line-height: 28px;
  }

  .cy-template.single-post .content p,
  .cy-template.single-post .content li {
    font-size: 15px;
    line-height: 26px;
  }

  .cy-template .post-content .cy-info-box.cy-bordertop {
    padding: 20px;
  }

  .single-post .content .cta-wrapper.bg-img {
    background-image: none;
  }

  .cy-template .post-content .cy-info-box.list-items {
    padding: 30px 20px;
  }

  .cy-template .post-content .cy-info-box .icon:not(.no-icon) {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
}

@media (max-width: 575px) {
  .cy-template.single-post .content h2,
  .cy-template.single-post .content h3,
  .cy-template.single-post .content h4,
  .cy-template.single-post .content h5,
  .cy-template.single-post .content h6 {
    margin-top: 32px !important;
    margin-bottom: 16px !important;
  }

  .cy-template .post-content .cy-info-box .icon:not(.no-icon) {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .progress-container {
    height: 6px;
  }
}