@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Regular.eot');
    src: url('../fonts/IBMPlexSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Regular.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Regular.woff') format('woff'),
        url('../fonts/IBMPlexSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-SemiBold.eot');
    src: url('../fonts/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-SemiBold.woff') format('woff'),
        url('../fonts/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Bold.eot');
    src: url('../fonts/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Bold.woff') format('woff'),
        url('../fonts/IBMPlexSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Light.eot');
    src: url('../fonts/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Light.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Light.woff') format('woff'),
        url('../fonts/IBMPlexSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Medium.eot');
    src: url('../fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Medium.woff') format('woff'),
        url('../fonts/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root{
    /* Fixed Font Sizes (Body Text) */
    --f-sz-10: 10px;
    --f-sz-12: 0.75rem;      /* 12px */
    --f-sz-13: 0.813rem;    /* 13px */
    --f-sz-14: 0.875rem;     /* 14px */
    --f-sz-15: 0.9375rem;    /* 15px */
    --f-sz-16: 1rem;         /* 16px */
    --f-sz-17: 1.0625rem;    /* 17px */
    --f-sz-18: 1.125rem;     /* 18px */
    /* Responsive Font Sizes (Titles/Headings) */
    --f-sz-20: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);       /* 18px → 20px */
    --f-sz-21: clamp(1.1875rem, 1.05rem + 0.5vw, 1.3125rem); /* 19px → 21px */
    --f-sz-22: clamp(1.25rem, 1.1rem + 0.6vw, 1.375rem);     /* 20px → 22px */
    --f-sz-23: clamp(1.3125rem, 1.15rem + 0.6vw, 1.4375rem); /* 21px → 23px */
    --f-sz-24: clamp(1.375rem, 1.2rem + 0.7vw, 1.5rem);      /* 22px → 24px */
    --f-sz-25: clamp(1.4375rem, 1.25rem + 0.7vw, 1.5625rem); /* 23px → 25px */
    --f-sz-26: clamp(1.5rem, 1.3rem + 0.8vw, 1.625rem);      /* 24px → 26px */
    --f-sz-27: clamp(1.5625rem, 1.35rem + 0.8vw, 1.6875rem); /* 25px → 27px */
    --f-sz-28: clamp(1.625rem, 1.4rem + 0.9vw, 1.75rem);     /* 26px → 28px */
    --f-sz-32: clamp(1.75rem, 1.5rem + 1vw, 2rem);
    --f-sz-36: clamp(2rem, 1.75rem + 1vw, 2.25rem);
    --f-sz-42: clamp(2.25rem, 2rem + 1.5vw, 2.625rem);
    --f-sz-48: clamp(2.5rem, 2rem + 2vw, 3rem);
    --f-sz-56: clamp(3rem, 2.5rem + 2vw, 3.5rem);
    --f-sz-64: clamp(3.5rem, 3rem + 2.5vw, 4rem);
     /* Margin / Padding Scale */
    --space-5: 0.3125rem;   /* 5px */
    --space-10: 0.625rem;   /* 10px */
    --space-15: 0.9375rem;  /* 15px */
    --space-20: 1.25rem;    /* 20px */
    --space-25: 1.5625rem;  /* 25px */
    --space-30: clamp(0.25rem, 1rem + 1vw, 0.875rem);
    --space-35: 2.1875rem;  /* 35px */
    --space-40: clamp(1.5rem, 1.25rem + 1vw, 2.5rem);
    --space-45: 2.8125rem;  /* 45px */    
    --space-50: clamp(2rem, 1.5rem + 1.5vw, 3.125rem);
    --space-100: clamp(5rem, 1.5rem + 1.5vw, 3.125rem);

    --body-color:#5A6576;
    --bg-primary: #F6F8FC;
    --bg-secondary: #FFFFFF;
    --bg-light-purple: #E6F0FB;
    --bg-dark: #131C2E;
    --white:#FFFFFF;
    --primary: #2456C8;
    --primary-hover: #1C449F;
    --text-muted: #5A6576;
    --text-white: #FFFFFF;
    --footer-bg:#F1F6FC;

    --border:#0000000d;
    --border-light: #E2EBF5;

    --success: #218739;
    --warning: #D98A00;
    --danger: #D9363E;

    --shadow-sm: 0 2px 10px rgba(19, 28, 46, 0.06);
    --shadow-md: 0 8px 30px rgba(19, 28, 46, 0.10);
}


html,body {scroll-behavior: auto !important;}
html {scrollbar-width: thin;scrollbar-color: #000;}
body{font-family: 'IBM Plex Sans';font-size: var(--f-sz-14);color:var(--body-color);}
a, button {transition:all 0.3s ease-in-out;text-decoration: none;}
a:hover {text-decoration:none;}
img {max-width:100%;}
p,ul{margin-bottom: 0.938rem}
input:focus, button:focus, .form-control:focus, .bootstrap-select .dropdown-toggle:focus, .slide-item:focus {outline: none !important;box-shadow: none !important;border: none;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}


/* Font Weight */
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }

/*line Height*/
.lh-normal { line-height: normal; }
.lh-initial { line-height: initial; }
.lh-10 { line-height: 1; }
.lh-11 { line-height: 1.1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.lh-17 { line-height: 1.7; }
.lh-18 { line-height: 1.8; }
.lh-19 { line-height: 1.9; }
.lh-20 { line-height: 2; }

/*Animation*/
.trasn_1{transition:all 0.3s ease-in-out;}
.trasn_2{transition:all 0.6s ease-in-out;}

/* Font Size Utility Classes */
.f-sz-10 { font-size: var(--f-sz-10); }
.f-sz-12 { font-size: var(--f-sz-12); }
.f-sz-13 { font-size: var(--f-sz-13); }
.f-sz-14 { font-size: var(--f-sz-14); }
.f-sz-15 { font-size: var(--f-sz-15); }
.f-sz-16 { font-size: var(--f-sz-16); }
.f-sz-17 { font-size: var(--f-sz-17); }
.f-sz-18 { font-size: var(--f-sz-18); }
.f-sz-20 { font-size: var(--f-sz-20); }
.f-sz-21 { font-size: var(--f-sz-21); }
.f-sz-22 { font-size: var(--f-sz-22); }
.f-sz-23 { font-size: var(--f-sz-23); }
.f-sz-24 { font-size: var(--f-sz-24); }
.f-sz-25 { font-size: var(--f-sz-25); }
.f-sz-26 { font-size: var(--f-sz-26); }
.f-sz-27 { font-size: var(--f-sz-27); }
.f-sz-28 { font-size: var(--f-sz-28); }
.f-sz-32 { font-size: var(--f-sz-32); }
.f-sz-36 { font-size: var(--f-sz-36); }
.f-sz-42 { font-size: var(--f-sz-42); }
.f-sz-48 { font-size: var(--f-sz-48); }
.f-sz-56 { font-size: var(--f-sz-56); }
.f-sz-64 { font-size: var(--f-sz-64); }

/*Margin classes*/
.mt_5  { margin-top: var(--space-5); }
.mt_10 { margin-top: var(--space-10); }
.mt_15 { margin-top: var(--space-15); }
.mt_20 { margin-top: var(--space-20); }
.mt_25 { margin-top: var(--space-25); }
.mt_30 { margin-top: var(--space-30); }
.mt_35 { margin-top: var(--space-35); }
.mt_40 { margin-top: var(--space-40); }
.mt_45 { margin-top: var(--space-45); }
.mt_50 { margin-top: var(--space-50); }
.mb_5  { margin-bottom: var(--space-5); }
.mb_10 { margin-bottom: var(--space-10); }
.mb_15 { margin-bottom: var(--space-15); }
.mb_20 { margin-bottom: var(--space-20); }
.mb_25 { margin-bottom: var(--space-25); }
.mb_30 { margin-bottom: var(--space-30); }
.mb_35 { margin-bottom: var(--space-35); }
.mb_40 { margin-bottom: var(--space-40); }
.mb_45 { margin-bottom: var(--space-45); }
.mb_50 { margin-bottom: var(--space-50); }
.mb_100 { margin-bottom: var(--space-100); }

.section {padding: clamp(50px, 7vw, 100px) 0;}
.section-lg {padding: clamp(80px, 10vw, 140px) 0;}
.section-sm {padding: clamp(40px, 5vw, 60px) 0;}

.text-clr-primary{color: var(--primary);}
.text-clr-success{color: var(--success);}
.text-clr-body{color:var(--body-color);}

/*Homepage CSS*/
.header {position: sticky;top: 0;width: 100%;background-color: #ffffff8c;border-bottom: solid 0.0625rem #00000005;backdrop-filter: blur(0.75rem);-webkit-backdrop-filter: blur(0.75rem);z-index: 9;}
.header .navbar-brand {max-width: 8.125rem;width: 100%;padding: 0;margin: 0;}
.header .navbar {padding: 0;}
.header .nav-link {padding: 1.5625rem 0;color: var(--text-muted);}
.btn-primary {background-color: var(--primary);display: inline-block;padding: 0.8125rem 1.25rem;border-radius: 6.25rem;line-height: 1;color: var(--white);border: solid 0.0625rem var(--primary);box-shadow: 0 1.125rem 2.5rem -1.125rem var(--primary);}
.btn-secondary {background-color: var(--white);display: inline-block;padding: 0.8125rem 1.25rem;border-radius: 6.25rem;line-height: 1;color: var(--primary);border: solid 0.0625rem var(--border);box-shadow: 0 1.125rem 2.5rem -1.125rem var(--primary);}
.lighDark-mode {width: 2.1875rem;height: 2.1875rem;border: solid 0.0625rem #DDE6F0;display: flex;align-items: center;justify-content: center;border-radius: 6.25rem;padding: 0.3125rem;background-color: #FFF;color: #5A6576;}
.lighDark-mode svg {width: 1rem;height: 1rem;}
.sectionLbl {display: inline-block;padding: 0.625rem 0.9375rem;background: var(--white);border-radius: 6.25rem;border: solid 0.0625rem #BFD8F6;}
.lblIcon svg {width: 1rem;height: 1rem;color: #2456C8;}
.brand-text {color: var(--primary);}
.btn-icon svg {width: 1rem;height: 1rem;}
.brandLogo {max-width: 4rem;width: 100%;}
.grid-backdrop {background-size: 3.5rem 3.5rem;-webkit-mask-image: radial-gradient( 80% 60% at 50% 0, #000 20%, #0000 80% );mask-image: radial-gradient( 80% 60% at 50% 0, #000 20%, #0000 80% );background-image: linear-gradient( to right, color-mix(in oklab, #131C2E 7%, transparent) 0.0625rem, transparent 0.0625rem ), linear-gradient( to bottom, color-mix(in oklab, #131C2E 7%, transparent) 0.0625rem, transparent 0.0625rem );inset: 0;pointer-events: none;position: absolute;}
.gradientBg {filter: blur(0.375rem);animation: 18s ease-in-out infinite alternate aurora-drift;background-image: radial-gradient( ellipse 45% 45% at 12% 8%, color-mix(in oklab, #2F77D9 26%, transparent), transparent 70% ), radial-gradient( ellipse 40% 40% at 88% 22%, color-mix(in oklab, #06BFD1 24%, transparent), transparent 72% ), radial-gradient( ellipse 55% 40% at 55% 100%, color-mix(in oklab, #5A3DC5 12%, transparent), transparent 75% );inset: 0;pointer-events: none;position: absolute;}
.ai-monitor-section {background-color: color-mix(in oklab, #ffffff 90%, transparent);border: solid 0.0625rem var(--border);border-radius: calc(0.75rem + 0.5rem);box-shadow: 0 1.875rem 5rem -2.5rem #00000073;backdrop-filter: blur(0.5rem);-webkit-backdrop-filter: blur(0.5rem);}
.head-dot {width: 0.625rem;height: 0.625rem;border-radius: 6.25rem;background-color: var(--primary);}
.aiMonitor-head {border-bottom: solid 0.0625rem var(--border);}
.ltr-space-1 {letter-spacing: 0.0625rem;}
.prompt-bx {background-color: #F1F6FC;border-radius: 0.5rem;}
.progressBar .progress {height: 0.4375rem;background-color: var(--border-light);}
.progressBar .progress .progress-bar {background-color: #CCC;}
.ranking-list .list-block-item:first-child .progressBar .progress .progress-bar {background-color: var(--primary);}
.ranking-list .list-block-item:first-child .ranking_name {color: #000;}
.section-bg {background-color: color-mix(in oklab, #F1F6FC 40%, transparent);}
.section-bg-primary {background-color: var(--primary) !important;}
.section-bg-footer{background-color: var(--footer-bg) !important;}
.section-bg-dark{background-color: #F1F6FC}
.brand-slider-section {border-top: solid 0.0625rem var(--border);border-bottom: solid 0.0625rem var(--border);}
.marquee-section .list-inline {display: flex;flex-wrap: nowrap;white-space: nowrap;justify-content: center; width: 100%}
.marquee-section .brandLogo {max-width: 2.75rem;}
/*.marquee-section .marquee-mask {-webkit-mask-image: linear-gradient( 90deg, #0000, #000 8% 92%, #0000 );mask-image: linear-gradient( 90deg, #0000, #000 8% 92%, #0000 );}*/
.dashboard-item {background-color: color-mix(in oklab, #ffffff 90%, transparent);border: solid 0.0625rem var(--border);border-radius: calc(0.75rem + 0.5rem);box-shadow: 0 1.875rem 5rem -2.5rem #00000073;backdrop-filter: blur(0.5rem);-webkit-backdrop-filter: blur(0.5rem);}
.dashboard-title {border-bottom: solid 0.0625rem var(--border);}
.dashboardInn {height: 31.25rem;}
.dashboard-titleInn {display: inline-block;padding: 0.3125rem 0.9375rem;background-color: #FFF;border-radius: 6.25rem;}
.dot {width: 0.5rem;height: 0.5rem;border-radius: 6.25rem;}
.dot-one {background-color: color-mix(in oklab, #df1b30 60%, transparent);}
.dot-two {background-color: color-mix(in oklab, #d79628 70%, transparent);}
.dot-three {background-color: color-mix(in oklab, #249057 60%, transparent);}
.headDots {position: absolute;top: 50%;left: 1.25rem;transform: translate(0, -50%);}
.platform-item {background-color: var(--white);padding: 1.25rem;box-shadow: var(--shadow-sm);border: solid 0.0625rem var(--border);border-radius: 0.625rem;}
.flatform-icon {width: 3.125rem;height: 3.125rem;display: flex;align-items: center;justify-content: center;background-color: var(--bg-light-purple);padding: 0.75rem;border-radius: 6.25rem;}
.bottom-scroll-btn {position: fixed;right: 1.875rem;bottom: 1.875rem;width: 3.125rem;height: 3.125rem;border: 0;border-radius: 50%;background: var(--white);color: var(--primary);cursor: pointer;z-index: 999;box-shadow: 0 1.125rem 2.5rem -1.125rem var(--primary);opacity: 0;visibility: hidden;transform: translateY(1.25rem);transition: all 0.4s ease;}
.bottom-scroll-btn.show {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-ring {position: absolute;inset: 0;width: 100%;height: 100%;transform: rotate(-90deg);}
.progress-ring-bg {fill: none;stroke: var(--bg-light-purple);stroke-width: 3;}
.progress-ring-fill {fill: none;stroke: var(--primary);stroke-width: 3;stroke-linecap: round;stroke-dasharray: 169.65;stroke-dashoffset: 169.65;transition: stroke-dashoffset 0.08s linear;}
.arrow-icon {position: absolute;width: 1.375rem;height: 1.375rem;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.bottom-scroll-btn:hover .arrow-icon {transform: translate(-50%, -55%);}
.cmn-card {background-color: color-mix(in oklab, #ffffff 90%, transparent);border: solid 0.0625rem var(--border);border-radius: calc(0.75rem + 0.5rem);box-shadow: 0 1.875rem 5rem -2.5rem #00000073;backdrop-filter: blur(0.5rem);-webkit-backdrop-filter: blur(0.5rem);box-shadow: 0 1.25rem 3.75rem -2.8125rem #0009;}
.engine-brandName {width: 11.25rem;}
.engine-brandProgress .progress {height: 0.4375rem;}
.engine-brandProgress .progress .progress-bar {background-color: var(--primary);}
.optimization-graph li .progress-bar {opacity: .3;}
.optimization-graph li:first-child .progress-bar {opacity: 1;}
.optimization-graph {max-width: 90%;margin: auto;}
.engine-optimizationFoot_note .list-inline-item {display: block;}
.reporting-list li {padding: 0.5rem 0.9375rem;border: solid 0.0625rem var(--border);border-radius: 0.5rem;}
.reporting-list li:first-child {background-color: var(--bg-light-purple);}
.reporting-list li:first-child .reporting-txt {color: #000;}
.reposrtingLbl {color: var(--success);display: inline-block;line-height: 1;}
.reporting-list li:first-child .reposrtingLbl {background-color: color-mix(in oklab, #F1F6FC 40%, transparent);color: var(--primary);padding: 0.3125rem 0.9375rem;border-radius: 6.25rem;}
.reporting-btn {display: inline-block;border-radius: 0.25rem;padding: 0.5rem 0.9375rem;width: 100%;text-align: center;}
.reportingPrimary-btn {background-color: var(--primary);color: var(--white);border: solid 0.0625rem var(--primary);}
.reportingSecondary-btn {background-color: var(--white);color: var(--primary);border: solid 0.0625rem var(--border);}
.pricing-tab-section .nav-tabs {border: none;}
.pricing-tab-section .nav-tabs .nav-link {background: transparent;border: none;border-radius: 6.25rem;padding: 0.4375rem 1.25rem;color: var(--primary);}
.pricing-tab-section .nav-tabs .nav-item.show .nav-link, .pricing-tab-section .nav-tabs .nav-link.active {background-color: var(--primary);color: var(--white);}
.pricing-tab-section {display: inline-block;padding: 0.3125rem 0.625rem;background-color: var(--white);border-radius: 6.25rem;border: solid 0.0625rem var(--border);}
.border-primary-clr {border: solid 0.0625rem var(--primary);}
.pricingLbl {background-color: color-mix(in oklab, #F1F6FC 40%, transparent);color: var(--primary);padding: 0.3125rem 0.9375rem;border-radius: 6.25rem;}
.faq-section .accordion-item {background-color: transparent;border: none;border-radius: 0;border-bottom: solid 0.0625rem var(--border);}
.faq-txtSummary{color: #5A6576}
.faq-section .accordion-item .accordion-button {background: transparent;box-shadow: none;}
.footerLogo {max-width: 7.1875rem;}
.footer-linkWrap .social-link {display: flex;width: 2.1875rem;height: 2.1875rem;background-color: #FFF;border-radius: 6.25rem;border: solid 0.0625rem var(--border);align-items: center;justify-content: center;color: var(--primary);}
.footer-linkWrap .social-link svg {width: 1rem;height: 1rem;}
.footer {background-color: #F1F6FC;}
.footer-link {color: #5A6576;    text-transform: capitalize;}
.footerInn {border-bottom: solid 0.0625rem var(--border);}
.site-loader {position: fixed;inset: 0;z-index: 9999999;display: flex;align-items: center;justify-content: center;background: #FFF;overflow: hidden;backdrop-filter: blur(0.3125rem);-webkit-backdrop-filter: blur(0.3125rem);}
.loader-content {width: min(18.75rem, 80%);}
.loader-logo {margin-bottom: 0.9375rem;font-size: clamp(2.5rem, 6vw, 4.6875rem);font-weight: 700;letter-spacing: -0.06em;overflow: hidden;transform: translateY(100%);opacity: 0;line-height: 1;}
.loader-logo span {opacity: .45;}
.loader-line {position: relative;width: 100%;height: 0.125rem;background: var(--bg-light-purple);overflow: hidden;}
.loader-line span {position: absolute;inset: 0;width: 0;background: var(--primary);}
.loader-bottom {display: flex;justify-content: space-between;margin-top: 0.875rem;font-size: 0.6875rem;letter-spacing: .12em;color: var(--primary);}
.loader-bottom strong {color: var(--primary);font-weight: 500;}
.reveal-text {overflow: hidden;}
.word-wrap {display: inline-block;overflow: hidden;vertical-align: bottom;}
.word {display: inline-block;opacity: 0;transform: translateY(110%);filter: blur(0.375rem);}
.reveal-up {opacity: 0;transform: translateY(3.75rem);}
.feature-card {opacity: 0;transform: translateY(3.75rem) scale(.96);}
.image-parallax {overflow: hidden;}
.image-parallax img {transform: scale(1.12);}
.footer-link:hover{color: var(--primary);}
.project-verview-img {border-radius: 1.25rem;overflow: hidden;}
.client-logo{max-width: 11.75rem;}
.blog-img{border-radius: 0.625rem;overflow: hidden;display: none;}
.rowBlog-list>[class*=col]:first-child .blog-img{display: block;}
.blog-top .reposrtingLbl {background-color: color-mix(in oklab, #F1F6FC 40%, #00000012);color: var(--primary);padding: 0.5125rem 0.9375rem;border-radius: 6.25rem;}
.blog-item{transition:all 0.3s ease-in-out;}
.blog-item:hover{border:solid 1px var(--primary);}
.team-image {width: 4.375rem;height: 4.375rem;border-radius: 100px;overflow: hidden;}
.cmn-section-wrap h2, .cmn-section-wrap h3,
.cmn-section-wrap h4, .cmn-section-wrap h5, .cmn-section-wrap h6{color: #000}
.blog-details-wrap ul {padding: 0;list-style: none;}
.blog-details-wrap ul li {background-color: var(--bg-light-purple);padding: 0.625rem;margin-bottom: 0.625rem;border-radius: 0.5rem;padding-left: 2.1875rem;position: relative;}
.blog-details-wrap ul li:before {content: '';width: 0.5rem;height: 0.5rem;border-radius: 6.25rem;background-color: var(--primary);position: absolute;top: 1rem;left: 0.9375rem;}
.floating-icons {position: fixed;right: 1.875rem;bottom: 5.875rem;width: 2.8125rem;height: auto;z-index: 99;opacity: 0;visibility: hidden;transform: translateY(1.25rem);transition: all 0.4s ease;display: none;}
.floating-icons.show {opacity: 1;visibility: visible;transform: translateY(0);display: block;}
.floating-icons ul {position: absolute;right: 0;bottom: 0;width: 2.8125rem;height: auto;margin: 0;padding: 0;}
.floating-icons .list-block-item {position: absolute;right: 0;bottom: 0;width: 2.8125rem;height: 2.8125rem;opacity: 0;visibility: hidden;transform: translateY(0.9375rem) scale(0.8);transition: transform 0.4s ease, opacity 0.3s ease, visibility 0.3s ease;}
.floating-icons .list-block-item:first-child {opacity: 1;visibility: visible;transform: translateY(0) scale(1);z-index: 5;}
.floating-icons:hover .list-block-item:nth-child(2) {opacity: 1;visibility: visible;transform: translateY(-3.3125rem) scale(1);pointer-events: auto;}
.floating-icons:hover .list-block-item:nth-child(3) {opacity: 1;visibility: visible;transform: translateY(-6.625rem) scale(1);pointer-events: auto;}
.floating-icons:hover .list-block-item:nth-child(4) {opacity: 1;visibility: visible;transform: translateY(-9.9375rem) scale(1);pointer-events: auto;}
.floating-icons:hover .list-block-item:nth-child(5) {opacity: 1;visibility: visible;transform: translateY(-13.25rem) scale(1);pointer-events: auto;}
.floating-icons .floating-link {width: 2.8125rem;height: 2.8125rem;display: flex;align-items: center;justify-content: center;padding: 0.625rem;background-color: #E2EBF5;border: solid 0.0625rem var(--bg-light-purple);border-radius: 50%;transition: transform 0.3s ease;box-shadow: 0 1.125rem 2.5rem -1.125rem var(--primary);}
.floating-icons .floating-link:hover {transform: scale(1.1);}
.kv.kv--bad strong, .kv.kv--ok strong{display: block;}
.kv.kv--bad, .kv.kv--ok {background-color: var(--bg-light-purple);padding: 15px;border-radius: 10px;border-left: solid 3px var(--primary);}
.kv-grid {margin-bottom: 15px;}
.cmn-section-wrap a{color: var(--primary);text-decoration: underline;}
.cmn-section-wrap section{margin-bottom: 40px;}

/*Dashboard Layout*/
.dashbaordSiteBar {position: fixed;width: 12.5rem;height: 100%;background-color: color-mix(in oklab, #F1F6FC 40%, transparent);border-right: solid 0.0625rem var(--border);}
.cmnBx-item {background-color: var(--white);padding: 0.95rem;border: solid 0.0625rem var(--border);border-radius: 0.625rem;}
.dashboardLogo {width: 1.875rem;height: 1.875rem;display: flex;background-color: var(--primary);align-items: center;justify-content: center;border-radius: 0.25rem;color: var(--white);}
.dashboard-wrap {margin-left: 12.5rem;height: 100%;}
.dashboardHeader {background-color: color-mix(in oklab, #F1F6FC 40%, transparent);border-bottom: solid 0.0625rem var(--border);}
/*.dashboardInn-content {height: calc(100% - 3.125rem);overflow-y: scroll;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;}*/
.dashboardInn-content {height: calc(100% - 3.125rem);overflow-y: auto;}
.dashboardTop-menu-link.active, .dashboard-link.active, .dashboardTop-menu-link:hover, .dashboard-link:hover {border:solid 1px var(--primary);background-color: var(--bg-light-purple);}
.dashboard-link, .dashboardTop-menu-link {border-radius: 0.625rem;border:solid 1px transparent;}
.sidebar-menu .list-block-item:not(:last-child) { margin-bottom: 3px;}
.help-link {display: flex;width: 2.1875rem;height: 2.1875rem;justify-content: center;align-items: center;border: solid 0.0625rem var(--border);border-radius: 0.5rem;}
.dashCategories-list li {background: var(--bg-light-purple);padding: 0.3125rem 0.625rem;border-radius: 0.25rem;border: solid 0.0625rem var(--border);}
.searchBar-input {width: 100%;display: block;}
.searchInput, .searchInput:focus {padding: 0.625rem;width: 100%;border: solid 0.0625rem var(--border);border-radius: 0.4375rem;outline: none;}
.searchBtn.btn-primary {border-radius: 0.25rem;padding: 0.7125rem 1.25rem;}
.dotDash {width: 0.8125rem;height: 0.8125rem;border-radius: 6.25rem;}
.dotDash.clr-one {background-color: rgb(168, 85, 247);}
.dotDash.clr-2 {background-color: rgb(68, 239, 239);}
.dotDash.clr-3 {background-color: rgb(16, 185, 129);}
.dotDash.clr-4 {background-color: rgb(59, 130, 246);}
.dotDash.clr-5 {background-color: rgb(245, 158, 11);}
.dashAI-engine-prompts .accordion-button {background-color: var(--border);border: none;}
.dashAI-engine-prompts .accordion-item {border-radius: 0.625rem !important;border: solid 0.0625rem var(--border-light);background-color: transparent;overflow: hidden;}
.dashLbl {color: #22c55e;border: solid 0.0625rem #22c55e;border-radius: 6.25rem;padding: 0.125rem 0.3125rem;display: inline-block;background-color: #22c55e1a;min-width: 5rem;text-align: center;}
.dashBtn {display: inline-block;border-radius: 0.375rem;border: solid 0.0625rem var(--border);padding: 0.3125rem 0.4375rem;}
.aipromptDash-item {width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;}
.rowAi-prompt-dash .cmnBx-item {padding: 0.625rem 0.1875rem;}
.ai-propmt-item.ai-propmt-item-1 .aipromptDash-item, .ai-propmt-item.ai-propmt-item-5 .aipromptDash-item {background: rgb(238, 242, 255);}
.ai-propmt-item.ai-propmt-item-1 .aiPropmt-number, .ai-propmt-item.ai-propmt-item-5 .aiPropmt-number {color: #2953e8;}
.ai-propmt-item.ai-propmt-item-2 .aipromptDash-item, .ai-propmt-item.ai-propmt-item-3 .aipromptDash-item {background: rgb(240, 253, 244);}
.ai-propmt-item.ai-propmt-item-2 .aiPropmt-number, .ai-propmt-item.ai-propmt-item-3 .aiPropmt-number {color: #22c55e;}
.ai-propmt-item.ai-propmt-item-4 .aipromptDash-item {background: rgb(255, 251, 235);}
.ai-propmt-item.ai-propmt-item-4 .aiPropmt-number {color: #475569;}
.bookingModal .modal-content {border: none;border-radius: 0.75rem;}
.cstInput, .cstInput:focus {width: 100%;padding: 0.625rem;border: solid 0.0625rem var(--border);border-radius: 0.4375rem;outline: none;}
.bookingModal .modal-body {padding: 1.5625rem;}
.excelBtn {background: var(--bg-light-purple);padding: 0.3125rem 0.625rem;border-radius: 0.25rem;border: solid 0.0625rem var(--border);}
.topicList-item {border: solid 0.0625rem var(--border);border-radius: 0.375rem;}
.topicListTop {border-bottom: solid 0.0625rem var(--border);}
.topicNum {width: 1.5625rem;height: 1.5625rem;display: flex;align-items: center;justify-content: center;border-radius: 0.25rem;background: rgb(238, 242, 255);}
.clr-red {color: #ef4444;}
.history-link {display: flex;justify-content: center;align-items: center;border: solid 0.0625rem var(--border);border-radius: 0.5rem;padding: 0.3125rem 0.625rem;background-color: var(--bg-light-purple);}
.dashGeo-group input[type="range"] {width: 100%;}
.geoMap {border-radius: 1.25rem;}
.rankNumber {width: 2.1875rem;height: 2.1875rem;border-radius: 6.25rem;font-size: 0.5rem;}
.rankNumber-1 {background: rgb(5, 150, 105);color: var(--white);}
.rankNumber-2 {background: rgb(22, 163, 74);color: var(--white);}
.rankNumber-3 {background: rgb(217, 119, 6);color: var(--white);}
.rankNumber-4 {background: rgb(220, 38, 38);color: var(--white);}
.rankNumber-5 {background: rgb(124, 58, 237);color: var(--white);}
.rankNumber-6 {background: rgb(17, 24, 39);color: var(--white);}
.rankNumber-7 {background: rgb(107, 114, 128);color: var(--white);}
.OuterTabs > .nav-tabs {border-bottom: solid 0.0625rem var(--border) !important;padding-bottom: 0.9375rem;}
.OuterTabs > .nav-tabs .nav-link {border: none;padding: 0;color: var(--text-body-clr);pointer-events: none;}
.OuterTabs > .nav-tabs .nav-link.active {color: #000;}
.OuterTabs > .nav-tabs .nav-item {margin-right: 1.25rem;}
.innerDash_tabs .nav-tabs {border: none;}
.innerDash_tabs .nav-tabs .nav-link {background-color: var(--bg-light-purple);border-radius: 6.25rem;color: var(--txt-body-clr);border: none;pointer-events: none;}
.innerDash_tabs .nav-tabs .nav-link.active {background-color: var(--primary);color: var(--white);}
.rowAi-prompt-dash .cmnBx-item.overview-item {padding: 0.625rem;height: 6.25rem;}
.rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-1, .rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-2 {border-top: solid 0.1875rem #2953e8;}
.rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-3 {border-top: solid 0.1875rem #eab308;}
.rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-4 {border-top: solid 0.1875rem #22c55e;}
.rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-5 {border-top: solid 0.1875rem #ef4444;}
.cardTitle {border-bottom: solid 0.0625rem var(--border);}
.sentiment-bar {width: 100%;height: 0.5rem;border-radius: 3.125rem;background: #e9ecef;}
.positive-bar {background-color: #198754;}
.neutral-bar {background-color: #ccc;}
.negative-bar {background-color: #dc3545;}
.platformLine .positive-bar {height: 0.3125rem;border-radius: 6.25rem;}
.pd-item-one {width: 8.75rem;}
.platformLine .positive-bar-1 {background: color-mix(in oklab, #df1b30 60%, transparent);}
.platformLine .positive-bar-2 {background: color-mix(in oklab, #d79628 70%, transparent);}
.platformLine .positive-bar-3 {background: color-mix(in oklab, #249057 60%, transparent);}
.platformLine .positive-bar-4 {background: var(--primary) !important;}
.cardInn li:not(:last-child) {margin-bottom: 0.9375rem;}
.cmnBx-item.sPlatForm_hq {height: 15rem;}
.threads-table thead tr td, .threads-table tbody tr td {padding: 0.625rem;vertical-align: middle;}
.threads-table thead tr td {background-color: var(--border);font-weight: 500;}
.threads-table-quora {display: inline-block;padding: 0.3125rem 0.9375rem;background-color: var(--border);border-radius: 6.25rem;}
.tble-threads-1 {color: rgb(185, 43, 39);background-color: rgb(253, 240, 239);}
.tble-threads-2 {color: rgb(0, 171, 108);background-color: rgb(236, 253, 245);}
.tble-threads-3 {color: rgb(255, 69, 0);background-color: rgb(255, 240, 235);}
.tble-threads-4 {color: rgb(54, 70, 93);background-color: rgb(238, 241, 245);}
.modalFor-site .modal-content {border: none;border-radius: 0;}
.success-animation{width:100px;height:100px;margin:0 auto 20px;}
h4.text-success {color: #22c55e !important;}
.checkmark {width: 100px;height: 100px;display: block;margin: auto;}
.checkmark-circle{stroke:#22c55e;stroke-width:2;stroke-miterlimit:10;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s ease forwards;}
.checkmark-check{stroke:#22c55e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .4s .6s ease forwards;}
.btn-close {opacity: 1;}
.error-animation{width:100px;margin:0 auto 20px;}
.crossmark{width:100px;height:100px;}
.crossmark-circle{stroke:#dc3545;stroke-width:2;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:drawCircle .6s ease forwards;}
.crossmark-line1, .crossmark-line2{fill:none;stroke:#dc3545;stroke-width:3;stroke-linecap:round;stroke-dasharray:30;stroke-dashoffset:30;}
.crossmark-line1{animation:drawLine .3s .6s ease forwards;}
.crossmark-line2{animation:drawLine .3s .9s ease forwards;}
.form-loader{position: fixed;inset: 0;background: #fbfbfbb5;backdrop-filter: blur(5px);z-index: 9999;display:flex;justify-content:center;align-items:center;}
.loader-content{text-align:center;}
.spinner{width:70px;height:70px;margin: auto;border:5px solid #A8C6F2;border-top:5px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite;}
.extension-item{box-shadow: 0 2px 10px rgba(19, 28, 46, 0.06);}
.extantionIcon {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background-color: var(--bg-light-purple);border-radius: 100px;color: var(--primary);}
.pluginLbl span{padding: 1px 8px;border-radius: 16px;}
.pluginLbl.wordPress-lbl span{background: #096484;border: solid 1px #096484;color: #FFF;text-align: center;}
.pluginLbl.shopify-lbl span{background: #588236;border: solid 1px #588236;color: #FFF;text-align: center;}

/*Error Page CSS*/
.error-page {min-height: 100vh;min-height: 100svh;position: relative;overflow: hidden;display: flex;flex-direction: column;background: radial-gradient( circle at 50% 45%, rgba(100, 13, 163, 0.13), transparent 30% ), linear-gradient( 180deg, #08070d 0%, #0a0910 100% );}
.error-bg {position: absolute;inset: 0;pointer-events: none;overflow: hidden;}
.glow {position: absolute;width: 500px;height: 500px;border-radius: 50%;filter: blur(100px);opacity: 0.16;}
.glow-1 {top: -250px;left: 5%;background: #640da3;}
.glow-2 {right: -250px;bottom: -250px;background: #2953e8;}
.grid-lines {position: absolute;inset: 0;opacity: 0.025;background-image: linear-gradient( rgba(255,255,255,0.5) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,0.5) 1px, transparent 1px );background-size: 70px 70px;mask-image: linear-gradient( to bottom, transparent, black 25%, black 70%, transparent );}
.error-header {width: min(1320px, calc(100% - 60px));margin: 0 auto;padding: 28px 0;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 5;}
.error-logo {display: inline-flex;align-items: center;gap: 11px;font-size: 20px;font-weight: 800;letter-spacing: -0.7px;}
.logo-text span {background: linear-gradient( 90deg, #a45ce0, #4774ff );-webkit-background-clip: text;background-clip: text;color: transparent;}
.logo-mark {width: 30px;height: 30px;display: flex;align-items: flex-end;gap: 3px;}
.logo-mark span {display: block;width: 7px;border-radius: 5px;background: linear-gradient( 180deg, #8e36ce, #3e65ef );}
.logo-mark span:nth-child(1) {height: 14px;}
.logo-mark span:nth-child(2) {height: 22px;}
.logo-mark span:nth-child(3) {height: 30px;}
.header-home {display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500;color: #c7c3cf;transition: 0.3s ease;}
.header-home span {font-size: 18px;}
.header-home:hover {color: #ffffff;}
.error-content {width: min(900px, calc(100% - 40px));margin: auto;text-align: center;position: relative;z-index: 2;padding: 60px 0;}
.error-badge {display: inline-flex;align-items: center;gap: 9px;padding: 8px 13px;border: 1px solid rgba(141,56,209,0.25);background: rgba(100,13,163,0.08);border-radius: 100px;color: #bda9ca;font-size: 10px;font-weight: 700;letter-spacing: 1.3px;}
.status-dot {width: 6px;height: 6px;border-radius: 50%;background: #65d39a;box-shadow: 0 0 10px #65d39a;}
.error-number {margin: 25px auto 20px;display: flex;justify-content: center;align-items: center;gap: 18px;line-height: 1;}
.four {font-size: clamp(120px, 18vw, 240px);font-weight: 800;letter-spacing: -15px;color: #ffffff;text-shadow: 0 0 60px rgba(100,13,163,0.18);}
.error-orb {width: clamp(115px, 14vw, 190px);height: clamp(115px, 14vw, 190px);position: relative;display: flex;align-items: center;justify-content: center;}
.orb-ring {position: absolute;inset: 0;border-radius: 50%;border: 1px solid rgba(141,56,209,0.3);animation: rotateOrb 8s linear infinite;}
.ring-2 {inset: 15px;border-color: rgba(41,83,232,0.35);animation-direction: reverse;animation-duration: 5s;}
.orb-core {width: 62%;height: 62%;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: radial-gradient( circle at 35% 30%, rgba(141,56,209,0.6), rgba(20,15,30,0.95) 70% );border: 1px solid rgba(255,255,255,0.13);box-shadow: 0 0 60px rgba(100,13,163,0.35), inset 0 0 30px rgba(100,13,163,0.25);}
.search-icon {width: 35%;height: 35%;border: 4px solid #ffffff;border-radius: 50%;position: relative;opacity: 0.9;}
.search-icon span {position: absolute;width: 65%;height: 4px;right: -48%;bottom: -20%;border-radius: 10px;background: #ffffff;transform: rotate(45deg);}
.error-content h1 {max-width: 700px;margin: 0 auto;font-size: clamp(30px, 4vw, 54px);line-height: 1.08;letter-spacing: -2.5px;font-weight: 700;}
.error-content h1 span {display: block;background: linear-gradient( 90deg, #ffffff 10%, #a85cdf 45%, #577cff 90% );-webkit-background-clip: text;background-clip: text;color: transparent;}
.error-description {max-width: 600px;margin: 20px auto 28px;color: var(--muted);font-size: 15px;line-height: 1.75;}

/*Cookie Modal*/
.cookie-consent {position: fixed;left: 24px;right: 24px;bottom: 24px;z-index: 9999;opacity: 0;visibility: hidden;transform: translateY(30px);transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;}
.cookie-consent.show {opacity: 1;visibility: visible;transform: translateY(0);}
.cookie-content {width: min(1120px, 100%);margin: 0 auto;min-height: 100px;padding: 20px 55px 20px 22px;display: flex;align-items: center;gap: 18px;position: relative;border: 1px solid rgba(255,255,255,0.11);border-radius: 18px;background: linear-gradient( 135deg, rgba(25,18,36,0.96), rgba(13,12,21,0.97) );box-shadow: 0 20px 70px rgba(0,0,0,0.45), 0 0 60px rgba(100,13,163,0.10);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.cookie-icon {flex: 0 0 48px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 14px;color: #b66be8;background: linear-gradient( 135deg, rgba(100,13,163,0.25), rgba(41,83,232,0.16) );border: 1px solid rgba(141,56,209,0.22);}
.cookie-text {flex: 1;}
.cookie-text h3 {margin: 0 0 5px;color: #ffffff;font-size: 15px;font-weight: 700;letter-spacing: -0.2px;}
.cookie-text p {margin: 0;color: #aaa5b5;font-size: 12px;line-height: 1.6;}
.cookie-text a {color: #a85cdf;text-decoration: underline;text-underline-offset: 2px;}
.cookie-text a {color: #ffffff;}
.cookie-actions {flex-shrink: 0;display: flex;align-items: center;gap: 8px;}
.cookie-btn {min-height: 42px;padding: 0 15px;border-radius: 9px;border: 1px solid rgba(255,255,255,0.10);background: transparent;color: #c9c5ce;font-family: inherit;font-size: 11px;font-weight: 600;cursor: pointer;transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;}
.cookie-btn {transform: translateY(-1px);color: #ffffff;background: rgba(255,255,255,0.07);}
.cookie-reject {background: rgba(255,255,255,0.035);}
.cookie-accept {color: #ffffff;border-color: transparent;background: linear-gradient( 100deg, #640da3, #2953e8 );box-shadow: 0 8px 25px rgba(100,13,163,0.25);}
.cookie-accept {background: linear-gradient( 100deg, #7620b5, #3865f0 );box-shadow: 0 10px 30px rgba(100,13,163,0.35);}
.cookie-close {position: absolute;top: 9px;right: 10px;width: 25px;height: 25px;border: 0;background: transparent;color: #77717f;font-size: 20px;line-height: 1;cursor: pointer;transition: color 0.2s ease;}
.cookie-close {color: #ffffff;}
.cookie-modal {position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;padding: 20px;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
.cookie-modal.active {opacity: 1;visibility: visible;}
.cookie-modal-overlay {position: absolute;inset: 0;background: rgba(4, 3, 8, 0.78);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.cookie-modal-box {width: min(680px, 100%);max-height: min(760px, calc(100vh - 40px));max-height: min(760px, calc(100svh - 40px));position: relative;z-index: 2;display: flex;flex-direction: column;overflow: hidden;border: 1px solid rgba(255,255,255,0.11);border-radius: 22px;background: radial-gradient( circle at 100% 0%, rgba(100,13,163,0.15), transparent 30% ), linear-gradient( 145deg, #17121e, #0c0b12 );box-shadow: 0 30px 100px rgba(0,0,0,0.65), 0 0 80px rgba(100,13,163,0.12);transform: translateY(20px) scale(0.98);transition: transform 0.35s ease;}
.cookie-modal.active .cookie-modal-box {transform: translateY(0) scale(1);}
.cookie-modal-header {padding: 25px 28px 20px;display: flex;align-items: flex-start;justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,0.07);}
.cookie-modal-label {margin-bottom: 7px;color: #9d58ca;font-size: 9px;font-weight: 700;letter-spacing: 1.5px;}
.cookie-modal-header h2 {margin: 0;color: #ffffff;font-size: 24px;font-weight: 700;letter-spacing: -0.7px;}
.cookie-modal-close {width: 34px;height: 34px;flex: 0 0 34px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,0.08);border-radius: 9px;background: rgba(255,255,255,0.04);color: #8b8692;font-family: inherit;font-size: 21px;line-height: 1;cursor: pointer;transition: 0.25s ease;}
.cookie-modal-close:hover {color: #ffffff;background: rgba(255,255,255,0.09);}
.cookie-modal-intro {padding: 20px 28px 15px;}
.cookie-modal-intro p {margin: 0 0 9px;color: #aaa5b5;font-size: 12px;line-height: 1.7;}
.cookie-modal-intro a {display: inline-flex;align-items: center;gap: 5px;color: #a85cdf;font-size: 11px;font-weight: 600;}
.cookie-modal-intro a:hover {color: #ffffff;}
.cookie-categories {padding: 0 28px;overflow-y: auto;}
.cookie-category {padding: 17px 0;display: flex;align-items: center;gap: 20px;border-bottom: 1px solid rgba(255,255,255,0.06);}
.cookie-category:last-child {border-bottom: 0;}
.cookie-category-content {flex: 1;}
.cookie-category-title {display: flex;align-items: center;gap: 9px;margin-bottom: 5px;}
.cookie-category-title h3 {margin: 0;color: #eeeaf1;font-size: 13px;font-weight: 600;}
.cookie-category-content p {max-width: 530px;margin: 0;color: #77727e;font-size: 11px;line-height: 1.6;}
.cookie-required {padding: 3px 7px;border-radius: 20px;color: #77d7a3;background: rgba(119,215,163,0.08);font-size: 8px;font-weight: 600;white-space: nowrap;}
.cookie-switch {width: 43px;height: 24px;flex: 0 0 43px;position: relative;cursor: pointer;}
.cookie-switch input {width: 0;height: 0;opacity: 0;}
.cookie-slider {position: absolute;inset: 0;border-radius: 30px;background: #29252f;border: 1px solid rgba(255,255,255,0.08);transition: 0.25s ease;}
.cookie-slider::before {content: "";position: absolute;width: 16px;height: 16px;left: 3px;top: 3px;border-radius: 50%;background: #77717f;transition: 0.25s ease;}
.cookie-switch input:checked + .cookie-slider {background: linear-gradient( 100deg, #640da3, #2953e8 );border-color: transparent;}
.cookie-switch input:checked + .cookie-slider::before {transform: translateX(19px);background: #ffffff;}
.cookie-switch.disabled {cursor: not-allowed;}
.cookie-switch.disabled .cookie-slider {opacity: 0.8;}
.cookie-modal-footer {padding: 18px 28px 22px;display: flex;justify-content: flex-end;gap: 8px;border-top: 1px solid rgba(255,255,255,0.07);}
.cookie-modal-btn {min-height: 42px;padding: 0 16px;border-radius: 9px;border: 1px solid rgba(255,255,255,0.09);font-family: inherit;font-size: 11px;font-weight: 600;cursor: pointer;transition: 0.25s ease;}
.cookie-modal-reject {color: #aaa5b5;background: rgba(255,255,255,0.035);}
.cookie-modal-save {color: #ddd9e2;background: rgba(255,255,255,0.055);}
.cookie-modal-accept {color: #ffffff;border-color: transparent;background: linear-gradient( 100deg, #640da3, #2953e8 );box-shadow: 0 8px 25px rgba(100,13,163,0.22);}
.cookie-modal-btn:hover {transform: translateY(-1px);}
.cookie-modal-reject:hover, .cookie-modal-save:hover {color: #ffffff;background: rgba(255,255,255,0.09);}
.cookie-modal-accept:hover {box-shadow: 0 10px 35px rgba(100,13,163,0.35);}
body.cookie-modal-open {overflow: hidden;}
.call-link svg {width: 100%;fill: var(--primary);max-width: 23px;}
.call-link {color: var(--body-color);align-items: self-start;}
.seo-demo-form-wrap {position: relative;max-width: 510px;margin-left: auto;box-shadow: rgba(32, 60, 116, 0.12) 0px 30px 80px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset;backdrop-filter: blur(20px);padding: 38px;border-radius: 28px;background: rgba(255, 255, 255, 0.86);border-width: 1px;border-style: solid;border-color: rgba(255, 255, 255, 0.9);border-image: none;}
.form-top-icon {width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;color: white;box-shadow: rgba(100, 13, 163, 0.25) 0px 10px 25px;margin-bottom: 20px;border-radius: 14px;background: linear-gradient( 135deg, var(--sk-purple), var(--sk-blue) );}

/*New Dashboard Screens*/
.audirComplete {color: #22c55e;padding: 10px;border: solid 1px;border-radius: 100px;line-height: 1;}
.dotCircl {width: 10px;height: 10px;background: #22c55e;border-radius: 100px;}
.circleGreen {width: 100px;height: 100px;background-color: #fff;border: solid 10px #218739;border-radius: 100px;}
.circleBlue {width: 100px;height: 100px;background-color: #fff;border: solid 10px #8b5cf6;border-radius: 100px;}
.issue-item{border:solid 1px #ef4444;background-color: #ef44441a;border-radius: 8px;padding: 10px;}
.txt-clr-danger{color: #ef4444;}
.viewAll-btn {background-color: #ef4444;color: #FFF;display: inline-block;padding: 10px;border-radius: 5px;line-height: 1;}
.meta-tag-list .accordion-item {margin-bottom: 15px;border: solid 1px #f1f1f1;border-radius: 4px;}
.meta-tag-list .accordion-button:not(.collapsed) {background: transparent;box-shadow: none;}
.meta-tag-item{background-color: #f8fafc;padding: 15px;border:solid 1px #e2e8f0;border-radius: 8px;}
.brand-shortName {color: #94a3b8;background: #f8fafc;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 8px;border: solid 1px #94a3b8;}
.competitors-list .list-block-item {background-color: #f8fafc;padding: 15px;border: solid 1px #e2e8f0;border-radius: 8px;}
.seo-demo-form-wrap {position: relative;max-width: 510px;margin-left: auto;box-shadow: rgba(32, 60, 116, 0.12) 0px 30px 80px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset;backdrop-filter: blur(20px);padding: 38px;border-radius: 28px;background: rgba(255, 255, 255, 0.86);border-width: 1px;border-style: solid;border-color: rgba(255, 255, 255, 0.9);border-image: none;}
.form-top-icon {width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;color: white;box-shadow: rgba(100, 13, 163, 0.25) 0px 10px 25px;margin-bottom: 20px;border-radius: 14px;background: linear-gradient( 135deg, var(--sk-purple), var(--sk-blue) );}

.competitors-list {
    filter: blur(5px);
}

html {
    scroll-behavior: smooth !important;
}

#how-it-work,
#faq,
#your-choices, 
#termination {
    scroll-margin-top: 80px !important;
    scroll-snap-align: none !important;
}
.seeAll-clients {
    margin-top: 20px;
}

@media (max-width: 767px) {
    #how-it-works,
    #faq,
    #your-choices,
    #termination {
        scroll-margin-top: 50px;
    }
}




/**********************/
/*** Responsive ***/
/**********************/
@keyframes rotateOrb {
    to {
        transform: rotate(360deg);
    }
}
@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}
@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}
@keyframes drawCircle{
    to{
        stroke-dashoffset:0;
    }
}

@keyframes drawLine{
    to{
        stroke-dashoffset:0;
    }
}
@keyframes stroke{
    to{
        stroke-dashoffset:0;
    }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loaderBrand {
    to {
        transform: translateY(0);
    }
}
@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
@media (min-width: 768px) {
    .slider-onlyFor-mobile .slick-dots {display: none !important; }
}
@media (min-width:992px){
    .section-engine-optimization .row:not(:last-child){margin-bottom: 80px;}
    .section-engine-optimization .row:nth-child(even)>[class*=col]:first-child {order: 2}
    .rowBlog-list>[class*=col]:first-child{ flex: 0 0 auto;width: 100%;}
    .rowBlog-list>[class*=col]:first-child .blog-img,
    .rowBlog-list>[class*=col]:first-child .blog-content{width: 50%;}
    .rowAi-prompt-dash{grid-template-columns: repeat(5, minmax(0, 1fr));}
    .kv-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px;margin-bottom: 15px;}
}

@media (max-width:991px){
    .navbar-toggler{float:right;border:none;padding-right:0;padding: 0;}
    .navbar-toggler:active,.navbar-toggler:focus{outline:0}
    .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:1px solid #000000;transition:.3s linear}
    .navbar-toggler-icon:after,.navbar-toggler-icon:before{width:24px;position:absolute;height:1px;background-color:#000000;top:0;left:0;content:'';z-index:2;transition:.3s linear}
    .navbar-toggler-icon:after{top:8px}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{transform:rotate(45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:transparent}
    .navbar-collapse{position:fixed;top:0;left:0;background-color:#fff;width:100%;border-top:1px solid rgba(0,0,0,.07);max-width:250px;height:100%;transform:translateX(-120%);transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;z-index:999}
    .navbar-collapse.show{transform:translateX(0)}
    .navMng-In{max-height:100vh;height:100vh;padding:15px calc(3% + 15px);overflow:auto;-webkit-box-shadow:31px 0 36px -1px rgb(0 0 0 / 10%);-moz-box-shadow:31px 0 36px -1px rgba(0,0,0,.1);box-shadow:31px 0 36px -1px rgb(0 0 0 / 10%);background-color:#fff}
    .header{padding: 15px 0;}
    .header .nav-link{padding: 10px;}
    .sectionHeading, .brand-text {font-size: 36px;        line-height: 1.3;}
    .brandLogo{max-width: 50px;}
    .btn-primary, .btn-secondary{padding: 10px;font-size: 12px;}
    .blog-img{margin-bottom: 15px;}
    .floating-icons{display: none;}

    .kv.kv--bad, .kv.kv--ok {margin-bottom: 15px;}
    .mb_100{margin-bottom: 30px;}
    
    .dashboard-wrap{margin-left: 0;}
    .dashCategories-list li {margin-right: 5px;margin-bottom: 10px;}
    .rankingDisplay, .rowAi-prompt-dash {grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid !important; gap: 15px !important;justify-content: center}
    .error-logo {font-size: 18px;}
    .logo-mark {width: 26px;height: 26px;}
    .logo-mark span {width: 6px;}
    .error-badge {font-size: 9px;}
    .error-content h1 {font-size: 28px;}
    .error-description {font-size: 12px;}
    .marquee-section .brandLogo {max-width: 100px;width: 50px;}

    .seo-demo-form-wrap{padding: 20px;}
    .g-recaptcha {transform: scale(0.7);transform-origin: left;}
    .dashbaordSiteBar{ display: block; position: relative; width: 100%;}
    /*.sidebar-menu ul {overflow-y: auto;white-space: nowrap; display: flex;padding-bottom: 15px;} */

    .sidebar-menu {width: 100%;min-width: 0;}
    .sidebar-menu ul {display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;white-space: nowrap;padding-bottom: 10px;scrollbar-width: none;-ms-overflow-style: none;}
    .sidebar-menu ul::-webkit-scrollbar {display: none;}
    .sidebar-menu ul li {flex: 0 0 auto;}
    .sidebar-custom-scrollbar {width: 100%;height: 6px;background: #e5e5e5;border-radius: 10px;position: relative;margin-top: 2px;cursor: pointer;touch-action: pan-y;}
    .sidebar-custom-scrollbar .scrollbar-thumb {height: 100%;width: 40%;background: var(--primary);border-radius: 10px;position: absolute;top: 0;left: 0;cursor: grab;user-select: none;-webkit-user-select: none;}
    .sidebar-custom-scrollbar .scrollbar-thumb:active {cursor: grabbing;}

}

@media (max-width:767px){
    .dashboardTop-menu {display: inline-block !important;width: 100%;}
    .dashboardTop-menu .list-block-item { width: 49%; display: inline-block;}
    .dashboardInn {height: auto;}
    .forMobile_margin > div {margin-top: 15px;}
    .rankingDisplay {grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid !important; gap: 15px !important;}
    .rankingDisplay, .rowAi-prompt-dash {grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid !important; gap: 15px !important;justify-content: center;}
    /*.marquee-section .list-inline{ display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;white-space: normal;}
    .marquee-section .list-inline::-webkit-scrollbar{display: none;}*/
    
    .marquee-section .list-inline, .trusted-logos-list ul{display: block !important;white-space: normal;}
    .cookie-consent {left: 12px;right: 12px;bottom: 12px;}
    .cookie-content {padding: 12px 12px 12px;display: block;border-radius: 16px;}
    .cookie-icon {width: 42px;height: 42px;margin-bottom: 12px;}
    .cookie-text {padding-right: 5px;}
    .cookie-text h3 {font-size: 14px;}
    .cookie-text p {font-size: 11px;line-height: 1.6;}
    .cookie-actions {margin-top: 15px;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 7px;}
/*     .cookie-settings {grid-column: 1 / -1;order: 3;} */
    .cookie-reject {order: 1;}
    .cookie-accept {order: 2;}
    .cookie-btn {width: 100%;min-height: 40px;}
    .cookie-close {top: 12px;right: 12px;}
    .cookie-modal {padding: 12px;}
    .cookie-modal-box {width: 100%;max-height: calc(100svh - 24px);border-radius: 18px;}
    .cookie-modal-header {padding: 20px 18px 16px;}
    .cookie-modal-header h2 {font-size: 21px;}
    .cookie-modal-intro {padding: 16px 18px 10px;}
    .cookie-categories {padding: 0 18px;}
    .cookie-category {padding: 15px 0;gap: 12px;}
    .cookie-category-title {align-items: flex-start;flex-direction: column;gap: 5px;}
    .cookie-category-title h3 {font-size: 12px;}
    .cookie-category-content p {font-size: 10px;}
    .cookie-modal-footer {padding: 15px 18px 18px;display: grid;grid-template-columns: 1fr 1fr;}
    .cookie-modal-reject {order: 1;}
    .cookie-modal-accept {order: 2;}
    .cookie-modal-save {order: 3;grid-column: 1 / -1;}
    .cookie-modal-btn {width: 100%;}

    .second-slider-mobile .slick-slide{margin-right: 15px;margin-left: 15px;}
    .second-slider-mobile {margin-top: 25px;}
    .dotsFor-mobile .slick-dots {display: flex !important;align-items: center;justify-content: center;gap: 8px;margin: 20px 0 0;padding: 0;list-style: none;position: relative;bottom: auto;}
    .dotsFor-mobile .slick-dots li {width: 8px;height: 8px;margin: 0;padding: 0;}
    .dotsFor-mobile .slick-dots li button {width: 8px;height: 8px;padding: 0;border: 0;border-radius: 50%;background: #D9D9D9;font-size: 0;line-height: 0;cursor: pointer;}
    .dotsFor-mobile .slick-dots li button:before {display: none;}
    .dotsFor-mobile .slick-dots li.slick-active button {background: #204B58;}



}

@media (max-width:575px){
    .headDots{display: none !important}
    .trusted-logo {width: 150px;}
    .clientList-wrap>.feature-grid>[class*=col]{padding-right: 5px;padding-left: 5px;}
    
}

/* ==========================================================================
   LOGO GRADIENT LAYER
   Cyan -> Blue -> Indigo, sampled from images/seo-aiaquil-logo.png
   Appended last on purpose: it overrides the flat --primary fills above
   without touching any of the original rules.
   ========================================================================== */

:root {
    --brand-cyan: #06BFD1;
    --brand-blue: #2F77D9;
    --brand-indigo: #5A3DC5;

    /* Main brand gradient - matches the sweep of the wordmark */
    --grad-brand: linear-gradient(96deg,
        #06BFD1 0%,
        #1E9AD6 24%,
        #2F77D9 50%,
        #4356CE 76%,
        #5A3DC5 100%);

    /* Reversed, for hover states so the fill visibly shifts */
    --grad-brand-rev: linear-gradient(96deg,
        #5A3DC5 0%,
        #4356CE 24%,
        #2F77D9 50%,
        #1E9AD6 76%,
        #06BFD1 100%);

    /* 6% tint of the same sweep, for large soft panels */
    --grad-brand-tint: linear-gradient(96deg,
        rgba(6, 191, 209, 0.10) 0%,
        rgba(47, 119, 217, 0.10) 50%,
        rgba(90, 61, 197, 0.10) 100%);
}

/* --- Solid fills that become the gradient ------------------------------- */

.btn-primary,
.reportingPrimary-btn,
.section-bg-primary,
.dashboardLogo,
.head-dot,
.pricing-tab-section .nav-tabs .nav-item.show .nav-link,
.pricing-tab-section .nav-tabs .nav-link.active,
.innerDash_tabs .nav-tabs .nav-link.active,
.ranking-list .list-block-item:first-child .progressBar .progress .progress-bar,
.engine-brandProgress .progress .progress-bar,
.platformLine .positive-bar-4,
.loader-line span,
.blog-details-wrap ul li:before {
    background-image: var(--grad-brand);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Bootstrap sets .btn:hover background-color at a higher specificity than
   .btn-primary, which used to flip the button to Bootstrap's own blue.
   The gradient sits above that background-color, so the brand fill now
   survives hover, focus and active. Border tokens realigned to match. */
.btn-primary {
    --bs-btn-bg: var(--brand-blue);
    --bs-btn-hover-bg: var(--brand-blue);
    --bs-btn-hover-border-color: var(--brand-blue);
    --bs-btn-active-bg: var(--brand-blue);
    --bs-btn-active-border-color: var(--brand-blue);
    --bs-btn-border-color: var(--brand-blue);
    border-color: var(--brand-blue);
}

.btn-primary:hover,
.reportingPrimary-btn:hover {
    background-image: var(--grad-brand-rev);
    border-color: var(--brand-cyan);
    color: var(--white);
}

/* --- Gradient text on the rotating hero word ---------------------------- */

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .brand-text {
        background-image: var(--grad-brand);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 100% 100%;
    }
}

/* --- Outlines and soft panels ------------------------------------------- */

/* border-image cannot follow a border-radius, so the pill/rounded outlines
   keep a solid brand edge and pick the gradient up as a background wash. */
.sectionLbl {
    background-image: var(--grad-brand-tint);
    border-color: color-mix(in oklab, var(--brand-blue) 32%, transparent);
}

.border-primary-clr {
    border-color: var(--brand-blue);
}

.reporting-list li:first-child .reposrtingLbl,
.pricingLbl,
.blog-top .reposrtingLbl {
    background-image: var(--grad-brand-tint);
}

/* --- Loading spinner ---------------------------------------------------- */

.spinner {
    border: 0;
    background: conic-gradient(from 0deg, #06BFD1, #2F77D9, #5A3DC5, #06BFD1);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), #000 calc(100% - 5px));
    mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), #000 calc(100% - 5px));
}

.blog-details-wrap table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--space-25);
    border: solid 0.0625rem var(--border-light);
    border-radius: 0.625rem;
    font-size: var(--f-sz-14);
}

.blog-details-wrap table thead {
    background-color: var(--bg-light-purple);
}

.blog-details-wrap table th {
    color: #000;
    font-weight: 600;
    text-align: left;
    padding: var(--space-15) var(--space-20);
    border-bottom: solid 0.0625rem var(--border-light);
    white-space: nowrap;
}

.blog-details-wrap table td {
    padding: var(--space-15) var(--space-20);
    border-bottom: solid 0.0625rem var(--border-light);
    color: var(--body-color);
    vertical-align: top;
}

.blog-details-wrap table tbody tr:last-child td {
    border-bottom: none;
}

.blog-details-wrap table tbody tr:hover {
    background-color: color-mix(in oklab, #F1F6FC 40%, transparent);
}

.blog-details-wrap table td strong,
.blog-details-wrap table th strong {
    color: var(--primary);
    font-weight: 600;
}

/* Scroll wrapper for narrow viewports so wide tables don't break layout */
.blog-details-wrap .table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: var(--space-25);
}

.blog-details-wrap .table-wrap table {
    margin-bottom: 0;
    min-width: 480px;
}

@media (max-width: 575px) {
    .blog-details-wrap table th,
    .blog-details-wrap table td {
        padding: var(--space-10) var(--space-15);
    }
}

/*Header strip*/
 
.top-strip {
  width: 100%;
  background: var(--grad-brand);
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 999;
}

.top-strip-slider {
  height: 42px; 
}
 
.top-strip-slider .strip-item {
  height: 42px;             
  display: flex !important; 
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
/*   text-transform: uppercase; */
  color: #fff;
}
.top-strip-slider .strip-item a { color:#ffffff !important; text-decoration:underline; }

@media (max-width: 575px) {
  .top-strip-slider,
  .top-strip-slider .strip-item {
    height: 36px;
  }
  .top-strip-slider .strip-item {
    font-size: 10px;
  }
	.cookie-btn {
		width: 100%;
		min-height: 30px;
		line-height:1;
	}
	.formTitle{font-size:22px;}
}