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

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

.cy-template .post-wrapper:hover .post-title {
    color: var(--Blue-CY-Primary, #1863DC) !important;
    transition: all .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 .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 .3s ease;
    width: 100%;
}

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

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

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

.cy-template .cat-list a:hover {
    transition: all .2s ease;
    opacity: .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 .2s ease;
}

.cy-template .post-wrapper a:hover {
    text-decoration: none;
    transition: all .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 .2s ease-in-out;
}

.cy-template .hero-section .article-details a:hover {
    color: var(--Blue-CY-Primary, #1863DC);
    text-decoration: underline;
    transition: all .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 .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 .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 .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 .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 .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 .2s ease;
}

.cy-template.single-post .content a:hover {
    text-decoration: none;
    transition: all .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 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;
}

.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.60) -38.36%, rgba(7, 30, 66, 0.60) 9.2%, rgba(7, 30, 66, 0.60) 51.45%, rgba(24, 99, 220, 0.60) 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.00) 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.60) 3.85%, rgba(7, 30, 66, 0.60) 34.74%, rgba(7, 30, 66, 0.60) 62.18%, rgba(24, 99, 220, 0.60) 99.49%), #1863DC);
    padding-top: 40px;
    padding-bottom: 40px;
}

.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;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    /* 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.20);
    padding: 10px 20px;
    transition: all .2s ease;
    text-decoration: none !important;
    display: inline-block;
}

.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.20);
    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: .9;
    transition: all .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(/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(/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(/wp-content/themes/cookieyes-new/assets/images/guideline-images/white-tick.svg);
}

.single-post .content .cta-wrapper p:last-child {
    margin-bottom: 0px;
}

.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: .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(../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: 50px;
    right: 40px;
    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 {}

.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.60);
    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(/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(/wp-content/themes/cookieyes-new/assets/images/cy-icons/read.svg);
}

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

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

.cy-template .post-content .cy-info-box .icon.info {
    background-image: url(/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 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(/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(/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(/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(/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(/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(/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(/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.50);
    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 .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 .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.00) 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;
}

@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 .2s ease;

        transform: rotate(0deg);
    }

    .cy-template .summary button.navbar-toggler[aria-expanded="false"] svg {
        transition: all .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 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;
    }
}