.elementor-686 .elementor-element.elementor-element-32d5aac{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-686 .elementor-element.elementor-element-32d5aac:not(.elementor-motion-effects-element-type-background), .elementor-686 .elementor-element.elementor-element-32d5aac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://commercialiqanalytics.com/wp-content/uploads/2026/05/case-study-hero-img.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-686 .elementor-element.elementor-element-3eaf4fe{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-686 .elementor-element.elementor-element-3eaf4fe .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:74px;font-weight:400;color:#FFFFFF;}.elementor-686 .elementor-element.elementor-element-7df8bb1{bottom:10%;}.elementor-686 .elementor-element.elementor-element-e78a20a{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-icon i{color:#002650;transition:color 0.3s;}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-icon svg{fill:#002650;transition:fill 0.3s;}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FF000D;}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FF000D;}.elementor-686 .elementor-element.elementor-element-d4641e6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-item > a{font-family:"Myriad Variable Concept", Sans-serif;font-size:18px;font-weight:400;}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FF000D;}.elementor-686 .elementor-element.elementor-element-4097b09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-686 .elementor-element.elementor-element-10e57c4{width:100%;max-width:100%;text-align:center;}.elementor-686 .elementor-element.elementor-element-10e57c4 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;color:#000000;}.elementor-686 .elementor-element.elementor-element-3c0eb85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-686 .elementor-element.elementor-element-3c0eb85:not(.elementor-motion-effects-element-type-background), .elementor-686 .elementor-element.elementor-element-3c0eb85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://commercialiqanalytics.com/wp-content/uploads/2026/05/Layer-4.png");background-position:bottom right;background-repeat:no-repeat;}.elementor-686 .elementor-element.elementor-element-ae2b868 .elementor-heading-title{font-family:"Myriad Variable Concept", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:0.2em;color:#000000;}.elementor-686 .elementor-element.elementor-element-74d3160{width:100%;max-width:100%;text-align:start;}.elementor-686 .elementor-element.elementor-element-74d3160 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-686 .elementor-element.elementor-element-840a2d2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1366px){.elementor-686 .elementor-element.elementor-element-32d5aac:not(.elementor-motion-effects-element-type-background), .elementor-686 .elementor-element.elementor-element-32d5aac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-686 .elementor-element.elementor-element-3eaf4fe{width:100%;max-width:100%;}.elementor-686 .elementor-element.elementor-element-3eaf4fe .elementor-heading-title{font-size:64px;}.elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-686 .elementor-element.elementor-element-d4641e6 .elementor-icon-list-item > a{font-size:16px;}.elementor-686 .elementor-element.elementor-element-3c0eb85{--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-686 .elementor-element.elementor-element-74d3160{width:100%;max-width:100%;}}@media(max-width:1024px){.elementor-686 .elementor-element.elementor-element-32d5aac{--min-height:100vh;}.elementor-686 .elementor-element.elementor-element-3eaf4fe{width:100%;max-width:100%;}.elementor-686 .elementor-element.elementor-element-3eaf4fe .elementor-heading-title{font-size:56px;line-height:1.4em;}.elementor-686 .elementor-element.elementor-element-10e57c4 .elementor-heading-title{font-size:26px;line-height:1.4em;}.elementor-686 .elementor-element.elementor-element-3c0eb85{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-686 .elementor-element.elementor-element-ae2b868 .elementor-heading-title{font-size:16px;}.elementor-686 .elementor-element.elementor-element-74d3160{width:100%;max-width:100%;}.elementor-686 .elementor-element.elementor-element-74d3160 .elementor-heading-title{font-size:26px;line-height:1.4em;}}@media(max-width:767px){.elementor-686 .elementor-element.elementor-element-32d5aac{--min-height:100vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-686 .elementor-element.elementor-element-32d5aac:not(.elementor-motion-effects-element-type-background), .elementor-686 .elementor-element.elementor-element-32d5aac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:15% 9%;}.elementor-686 .elementor-element.elementor-element-3eaf4fe .elementor-heading-title{font-size:28px;}.elementor-686 .elementor-element.elementor-element-3c0eb85{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-686 .elementor-element.elementor-element-32d5aac{--content-width:1400px;}.elementor-686 .elementor-element.elementor-element-3c0eb85{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-7df8bb1 */:root{
  --white: #ffffff;
  --black: #000000;
}

/* Layout */
.scroll-indicator{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.scroll-text{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  letter-spacing:0.25em;
  font-size:14px;
  color:var(--white);
  font-family: lato;
}

/* Base line */
.scroll-line{
  position:relative;
  width:1px;
  height:60px;          /* your fixed line height */
  background:var(--black);
  overflow:hidden;
}

/* Gold overlay that travels entire height and beyond */
.scroll-line::before{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:100%;
  background:var(--white);
  animation: devourLine 2.4s linear infinite;
}


@keyframes devourLine{
  0%   { transform: translateY(-100%); }  /* gold above line */
  50%  { transform: translateY(0%);    }  /* gold fully covers line */
  100% { transform: translateY(100%);  }  /* gold below line */
}

/* Make it go top→bottom then bottom→top */
.scroll-line::before{
  animation-direction: alternate;  /* up↔down loop */
}

@media(max-width:1024px){
    .scroll-line{
        height:40px;
    }
    .scroll-text{
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78a20a *//* Base container style - Fixed to the right with Glassmorphism */
#custom-floating-toc {
    position: fixed;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    
    /* Glassmorphism Background Style */
    background: rgba(255, 255, 255, 0.45); /* Semi-transparent white */
    backdrop-filter: blur(12px); /* Blurs whatever content passes underneath */
    -webkit-backdrop-filter: blur(12px); /* Safari support */
    border: 1px solid rgba(255, 255, 255, 0.25); /* Subtle white border highlights the glass edge */
    
    border-radius: 30px;
    padding: 10px 14px;
    box-shadow: 0px 8px 32px 0 rgba(31, 38, 135, 0.15); /* Softer, deep shadow for glass elevation */
    z-index: 9999;
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), padding 0.4s ease, background-color 0.3s ease;
    width: 50px; /* Kept narrow to perfectly frame just the dots */
    overflow: hidden;
}

/* Ensure the list item spans the full space and aligns items cleanly */
#custom-floating-toc .elementor-icon-list-item,
#custom-floating-toc li {
    display: flex;
    flex-direction: row-reverse; /* Keeps Icon on the right, Text on the left */
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    cursor: pointer;
}

/* Remove margin on the last item */
#custom-floating-toc .elementor-icon-list-item:last-child,
#custom-floating-toc li:last-child {
    margin-bottom: 0;
}

/* CRUCIAL: Icons are ALWAYS visible */
#custom-floating-toc .elementor-icon-list-icon,
#custom-floating-toc i {
    opacity: 1 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 22px; /* Keeps the dots perfectly aligned in a straight vertical line */
}

/* Text labels are hidden by default (width 0 and invisible) */
#custom-floating-toc .elementor-icon-list-text {
    opacity: 0;
    max-width: 0;
    visibility: hidden;
    white-space: nowrap;
    transition: opacity 0.3s ease, max-width 0.3s ease, visibility 0.3s ease;
    padding-right: 0px; 
    margin-right: 0px;
    color: #111111; /* Dark text contrast over light glass. Tweak if your site is dark theme */
    font-weight: 500;
}

/* When EXPANDED (on hover OR when it has the .hero-open class from our JS) */
#custom-floating-toc:hover,
#custom-floating-toc.hero-open {
    width: 240px; /* Expands wide enough to show your longest fold title */
    padding: 10px 10px;
    background: rgba(255, 255, 255, 0.65); /* Becomes slightly more opaque when open for better text readability */
}

/* Reveal the text labels smoothly when expanded */
#custom-floating-toc:hover .elementor-icon-list-text,
#custom-floating-toc.hero-open .elementor-icon-list-text {
    opacity: 1;
    max-width: 180px; /* Allows the text to slide out gracefully */
    visibility: visible;
    margin-right: 10px; /* Pushes the text slightly away from the dot */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ae2b868 *//* Creates space for the bullet and sets relative positioning */
.red-rectangle-heading .elementor-heading-title {
    position: relative;
    padding-left: 16px; /* Adjust this to increase/decrease space between square and text */
}

/* Creates the red square bullet */
.red-rectangle-heading .elementor-heading-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Keeps the square perfectly vertically centered with the text */
    width: 6px;  /* Width of the red square */
    height: 20px; /* Height of the red square */
    background-color: #FF000D; /* Using the same red hex from your button */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Myriad Variable Concept';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://commercialiqanalytics.com/wp-content/uploads/2026/05/MYRIADPRO-REGULAR.ttf') format('truetype');
}
/* End Custom Fonts CSS */