/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 27 2026 | 14:16:58 */
body:not(.elementor-editor-active) .elementor-menu-anchor {
    position: relative;
    top: -100px;
    display: block;
    height: 0;
}
html {
    scroll-padding-top: 100px !important;
}

.elementor-widget-text-editor ul {
    margin-bottom:16px;
}
.elementor-widget-text-editor ul li {
    margin-bottom:8px;
}
.elementor-widget-text-editor ul li:last-child {
	margin-bottom:0px;
}
.elementor-widget-text-editor ul:last-child {
    margin-bottom:0px !important;
}
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}

.gradient-text {
  background: linear-gradient(45deg, #7f00ff, #ff007f) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important; 
}

.sticky-cta {
      transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 999;
            position: fixed;
            bottom: 20px;
            right: 20px;
}

.elementskit-card::last-child {
	margin-bottom:0px !important;
}
.price-only {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #FFFFFF99;
}
.stylebtn .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}
 .stylebtn .elementor-button .elementor-button-text , .stylebtn .elementor-button-icon svg {
      transition:  0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
  
 }
 
 
  .stylebtn .elementor-button:hover .elementor-button-text  {
      transform: translateX(5px);
  }
    .stylebtn .elementor-button:hover .elementor-button-icon svg  {
      margin-right: 5px;
  }
       .stylebtn .elementor-button::before {
      content: '';
      position: absolute;
      right: 4px; 
      top: 50%;
      transform: translateY(-50%);
      bottom: 6px;  
      width: 40px;   
      background-color: #111111; 
      height: 40px;
      border-radius: 50px;
      z-index: 0; 
      transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }
    
       .stylebtn .elementor-button:hover::before {
      width: calc(100% - 8px); 
    }
    
    
/*     .homefaq .elementskit-card {
            opacity: 0;
            transform: translateX(-50px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
            will-change: opacity, transform; 
            
        } */

    
/*         .homefaq .elementskit-card.show {
            opacity: 1;
            transform: translateX(0);
        } */
    .homefaq .ekit_accordion_normal_icon {
         line-height: 0;
     }
    .homefaq .ekit_accordion_icon_group {
         height: 40px;
         width: 40px;
         display: flex;
         justify-content: center;
         align-items: center;
         border-radius: 12px;
     }
     
     .homefaq .elementskit-card.active{
         background: #ECECEC0A !important;
     }
     

        .images-sequence img {
           
            object-fit: cover;
            
           
            opacity: 0;
            transform: scale(0.3); 
            transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.6s ease-out;
        }

        
        .images-sequence.animate img {
            opacity: 1;
            transform: scale(1);
        }
        
        .marquee-text:before {
            content:'';
            height: 100%;
    z-index: 2;
    background-image: linear-gradient(90deg,#ececec,#ececec00);
    pointer-events: none;
    width: 10%;
    position: absolute;
    inset: 0% auto 0% 0%
}

.marquee-text:after{
     content:'';
           
    z-index: 2;
    height: 100%;
   background-image: linear-gradient(90deg,#ececec00,#ececec)
;
    pointer-events: none;
    width: 10%;
    position: absolute;
    inset: 0% 0% 0% auto
}

.mt0 .elementor-icon-box-title{
    margin-top: 0px;
}

.AIOcontact input , .AIOcontact textarea {
    padding: 16px 24px;
}

.conicons svg {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(42deg) brightness(97%) contrast(103%);
}

.post-box  .elementor-widget-image{
    overflow: hidden;
	border-radius:24px;
    
}

.post-box  .elementor-widget-image img {
   transition: .3s ease all !important;
}
.post-box .post-icon svg {
     
   transition: .3s ease all !important;
}
.post-box:hover img {
    transform: scale(1.1);
}

.post-box:hover .post-icon svg {
    transform: rotate(45deg) !important;
}

.reviews-block .elementor-swiper-button svg {
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(46%) hue-rotate(239deg) brightness(117%) contrast(100%);
}
/* .elementskit-submenu-panel::before {
	content:'';
	position:absolute;
	 background: #FFFFFF1C !important;
    backdrop-filter: blur(20px) !important;
	height:100%;
	width:100%;
	inset:0;
} */
.header-main .headerblur::before {
	content:'';
    background: #FFFFFF1C ;
		position:absolute;
    backdrop-filter: blur(20px);
    border-radius: 80px;
	height:100%;
	width:100%;
	inset:0;

}
.headerblur {
	position:relative;
}
.elementskit-submenu-panel  {

    background: #FFFFFF1C ;
	
    backdrop-filter: blur(20px);

   
}

.aiologo img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.header-main .expand {
    transition: .3s ease;
}

.header-main.elementor-sticky--effects .expand {
    background: #FFFFFF1C !important;
    backdrop-filter: blur(20px);
    width: 80%;
    padding: 0px 0px 0px 32px;
    border-radius: 80px;
    transition: .6s ease all;
}
.header-main.elementor-sticky--effects .expand .headerblur {
	 padding-left: 0px !important;
    gap: 10px !important;
}
.header-main.elementor-sticky--effects .headerblur::before {
    background: transparent ;
    backdrop-filter: unset;
   
}



.tabvideos .e-hosted-video{
	 height: 510px;
	width:100%;
}

.myaio-danny-card {
    position: relative;
    width: 100%;
    height: 502px;
    background: #1B1B1B !important;
/*     border: 1px solid rgba(124, 139, 177, 0.36); */
    border-radius: 20px;
/*     box-shadow: rgba(0, 0, 0, 0.62) 0 50px 110px -40px; */
    overflow: hidden;
  }

  .myaio-danny-top {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 72px;
    padding: 15px 18px;
    border-bottom: 1px solid rgba(124, 139, 177, 0.2);
    background: #FFFFFF05 !important;
  }

  .myaio-danny-avatar {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
    color: #fff;
    font-size: 17px;
    font-weight: 750;
  }

  .myaio-danny-agent {
    min-width: 0;
  }

  .myaio-danny-agent-name {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
  }

  .myaio-danny-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    animation: pulse 1.8s ease infinite;
  }

  .myaio-danny-agent-meta,
  .myaio-danny-online,
  .myaio-danny-tabs,
  .myaio-danny-speaker,
  .myaio-danny-bubble small,
  .myaio-danny-foot {
    font-family: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;
  }

  .myaio-danny-agent-meta {
    margin-top: 8px;
    color: #9aa7c7;
    font-size: 11.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .myaio-danny-online {
    margin-left: auto;
    color: #9aa7c7;
    font-size: 13px;
  }

  .myaio-danny-body {
    height: 428px;
    padding: 14px 18px 0;
  }

  .myaio-danny-tabs {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: max-content;
    padding: 4px;
    border: 1px solid rgba(124, 139, 177, 0.2);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
  }

  .myaio-danny-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 98px;
    min-height: 36px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #9aa7c7;
    cursor: pointer;
    font: inherit;
    font-size: 12.5px;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
  }

  .myaio-danny-tab svg {
    width: 14px;
    height: 14px;
  }

  .myaio-danny-tab:hover {
    transform: translateY(-1px);
  }

  .myaio-danny-tab.myaio-danny-active {
    color: #fff;
    background: #2f86f6;
    box-shadow: rgba(47, 134, 246, 0.32) 0 16px 34px -20px;
  }

  .myaio-danny-panel {
    height: 370px;
  }

  .myaio-danny-voice-panel {
    display: none;
    height: 370px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    padding: 10px 18px 32px;
  }

  .myaio-danny-voice-panel.myaio-danny-active {
    display: flex;
  }

  .myaio-danny-mic-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
    box-shadow: rgba(255, 59, 142, 0.58) 0 10px 30px -8px;
    animation: micFloat 2.4s ease-in-out infinite;
  }

  .myaio-danny-mic-wrap::before,
  .myaio-danny-mic-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(255, 111, 174, 0.45);
    animation: vring 2.2s ease-out infinite;
  }

  .myaio-danny-mic-wrap::after {
    animation-delay: 1.1s;
  }

  .myaio-danny-mic-wrap svg {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
  }

  .myaio-danny-equalizer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 30px;
    margin-top: -4px;
  }

  .myaio-danny-equalizer i {
    width: 5px;
    height: 34%;
    border-radius: 99px;
    background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
    animation: veq 0.9s ease-in-out infinite;
  }

  .myaio-danny-equalizer i:nth-child(2),
  .myaio-danny-equalizer i:nth-child(6) {
    animation-delay: 0.15s;
  }

  .myaio-danny-equalizer i:nth-child(3),
  .myaio-danny-equalizer i:nth-child(5) {
    animation-delay: 0.3s;
  }

  .myaio-danny-equalizer i:nth-child(4) {
    animation-delay: 0.45s;
  }

  .myaio-danny-voice-caption {
    max-width: 360px;
    min-height: 96px;
  }

  .myaio-danny-speaker {
    margin-bottom: 7px;
    color: #6f94ff;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .myaio-danny-voice-copy {
    margin: 0;
    color: #e7ecf7;
    font-size: 15px;
    line-height: 1.55;
    text-wrap: balance;
    animation: softRise 0.55s ease both;
    transition: opacity 0.32s ease, transform 0.32s ease;
  }

  .myaio-danny-speaker {
    transition: opacity 0.32s ease, transform 0.32s ease;
  }

  .myaio-danny-voice-caption.myaio-danny-changing .myaio-danny-speaker,
  .myaio-danny-voice-caption.myaio-danny-changing .myaio-danny-voice-copy {
    opacity: 0;
    transform: translateY(8px);
  }

  .myaio-danny-transcript {
    display: none;
    height: 370px;
    flex-direction: column;
    gap: 11px;
    padding: 18px 6px 20px 0;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-color: rgba(124, 139, 177, 0.45) rgba(255, 255, 255, 0.04);
    scrollbar-width: thin;
  }

  .myaio-danny-transcript.myaio-danny-active {
    display: flex;
  }

  .myaio-danny-transcript::-webkit-scrollbar {
    width: 6px;
  }

  .myaio-danny-transcript::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 99px;
  }

  .myaio-danny-transcript::-webkit-scrollbar-thumb {
    background: rgba(124, 139, 177, 0.45);
    border-radius: 99px;
  }

  .myaio-danny-bubble {
    max-width: 86%;
    padding: 10px 14px;
    border-radius: 14px 14px 14px 5px;
    color: #c9d2e6;
    background: #131b30;
    border: 1px solid rgba(124, 139, 177, 0.2);
    font-size: 14px;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(8px);
  }
.aio-stage button {
	background:transparent !important;
}
  .myaio-danny-bubble.myaio-danny-bubble-visible {
    opacity: 1;
    transform: translateY(0);
    animation: rise 0.5s ease forwards;
  }

  .myaio-danny-bubble small {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.04em;
  }

  .myaio-danny-bubble-homeowner {
    align-self: flex-start;
  }

  .myaio-danny-bubble-agent {
    align-self: flex-end;
    color: #fff;
    background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
    border-color: transparent;
    border-radius: 14px 14px 5px 14px;
  }

  .myaio-danny-foot {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    gap: 10px;
    height: 47px;
    padding: 13px 18px;
    border-top: 1px solid rgba(124, 139, 177, 0.2);
    background: rgba(16, 185, 129, 0.07);
    color: #8fe6c8;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.45s ease;
  }

  .myaio-danny-foot.myaio-danny-visible {
    opacity: 1;
  }

  .myaio-danny-check {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #04231a;
    background: #10b981;
    font-size: 11px;
    font-weight: 800;
  }

  @keyframes pulse {
    0%, 100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.45);
    }

    50% {
      transform: scale(0.9);
      box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
    }
  }

  @keyframes vring {
    0% {
      transform: scale(1);
      opacity: 0.68;
    }

    100% {
      transform: scale(2.05);
      opacity: 0;
    }
  }

  @keyframes veq {
    0%, 100% {
      height: 30%;
    }

    50% {
      height: 100%;
    }
  }

  @keyframes micFloat {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-4px);
    }
  }

  @keyframes rise {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes softRise {
    from {
      opacity: 0;
      transform: translateY(8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 640px) {
    

    .myaio-danny-card {
      width: 100% !important;
      height: calc(83.6667vw - 16.733px);
      min-width: 100% !important;
      min-height: 251px;
      max-width: 600px;
      max-height: 502px;
      border-radius: 14px;
    }

    .myaio-danny-top {
      height: calc((100vw - 20px) * 0.12);
      min-height: 36px;
      max-height: 72px;
      gap: clamp(7px, 2vw, 12px);
      padding: clamp(8px, 2.5vw, 15px) clamp(10px, 3vw, 18px);
    }

    .myaio-danny-avatar {
      width: clamp(24px, 6.333vw, 38px);
      height: clamp(24px, 6.333vw, 38px);
      border-radius: clamp(7px, 1.833vw, 11px);
      font-size: clamp(11px, 2.833vw, 17px);
    }

    .myaio-danny-agent-name {
      gap: clamp(6px, 2vw, 12px);
      font-size: clamp(11px, 2.5vw, 15px);
    }

    .myaio-danny-status-dot {
      width: clamp(5px, 1.167vw, 7px);
      height: clamp(5px, 1.167vw, 7px);
    }

    .myaio-danny-agent-meta {
      margin-top: clamp(4px, 1.333vw, 8px);
      font-size: clamp(8px, 1.917vw, 11.5px);
    }

    .myaio-danny-online {
      font-size: clamp(9px, 2.167vw, 13px);
    }

    .myaio-danny-body {
      height: calc((100vw - 20px) * 0.713333);
      min-height: 214px;
      max-height: 428px;
      padding: clamp(8px, 2.333vw, 14px) clamp(10px, 3vw, 18px) 0;
    }

    .myaio-danny-tabs {
      gap: clamp(2px, 0.667vw, 4px);
      padding: clamp(2px, 0.667vw, 4px);
      border-radius: clamp(8px, 2vw, 12px);
    }

    .myaio-danny-tab {
      gap: clamp(4px, 1.167vw, 7px);
      min-width: clamp(62px, 16.333vw, 98px);
      min-height: clamp(24px, 6vw, 36px);
      border-radius: clamp(6px, 1.5vw, 9px);
      font-size: clamp(9px, 2.083vw, 12.5px);
    }

    .myaio-danny-tab svg {
      width: clamp(10px, 2.333vw, 14px);
      height: clamp(10px, 2.333vw, 14px);
    }

    .myaio-danny-panel,
    .myaio-danny-voice-panel,
    .myaio-danny-transcript {
      height: calc((100vw - 20px) * 0.616667);
      min-height: 185px;
      max-height: 370px;
    }

    .myaio-danny-voice-panel {
      gap: clamp(6px, 1.667vw, 10px);
      padding: clamp(6px, 1.667vw, 10px) clamp(10px, 3vw, 18px) clamp(18px, 5.333vw, 32px);
    }

    .myaio-danny-mic-wrap {
      width: clamp(48px, 13.333vw, 80px);
      height: clamp(48px, 13.333vw, 80px);
    }

    .myaio-danny-mic-wrap svg {
      width: clamp(20px, 5.333vw, 32px);
      height: clamp(20px, 5.333vw, 32px);
    }

    .myaio-danny-equalizer {
      gap: clamp(3px, 0.833vw, 5px);
      height: clamp(18px, 5vw, 30px);
    }

    .myaio-danny-equalizer i {
      width: clamp(3px, 0.833vw, 5px);
    }

    .myaio-danny-voice-caption {
      max-width: min(360px, 80vw);
      min-height: clamp(58px, 16vw, 96px);
    }

    .myaio-danny-speaker {
      margin-bottom: clamp(4px, 1.167vw, 7px);
      font-size: clamp(8px, 1.833vw, 11px);
      letter-spacing: 0.12em;
    }

    .myaio-danny-voice-copy {
      font-size: clamp(11px, 2.5vw, 15px);
      line-height: 1.45;
    }

    .myaio-danny-transcript {
      gap: clamp(7px, 1.833vw, 11px);
      padding: clamp(10px, 3vw, 18px) 6px clamp(12px, 3.333vw, 20px) 0;
    }

    .myaio-danny-bubble {
      max-width: 92%;
      padding: clamp(7px, 1.667vw, 10px) clamp(9px, 2.333vw, 14px);
      border-radius: 10px 10px 10px 4px;
      font-size: clamp(10px, 2.333vw, 14px);
      line-height: 1.42;
    }

    .myaio-danny-bubble-agent {
      border-radius: 10px 10px 4px 10px;
    }

    .myaio-danny-bubble small {
      margin-bottom: clamp(3px, 0.667vw, 4px);
      font-size: clamp(7px, 1.667vw, 10px);
    }

    .myaio-danny-foot {
      height: calc((100vw - 20px) * 0.078333);
      min-height: 28px;
      max-height: 47px;
      gap: clamp(6px, 1.667vw, 10px);
      padding: clamp(7px, 2.167vw, 13px) clamp(10px, 3vw, 18px);
      font-size: clamp(8px, 2.167vw, 13px);
    }

    .myaio-danny-check {
      width: clamp(14px, 3.333vw, 20px);
      height: clamp(14px, 3.333vw, 20px);
      font-size: clamp(8px, 1.833vw, 11px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
    }
  }

            :root{
              /* ====== SIZE KNOBS — CHANGE THESE ====== */
              --aio-max:100%;     /* CHANGE max WIDTH */
              --aio-ratio:16/9;    /* CHANGE shape/HEIGHT (e.g. 4/3, 1/1, 21/9) */
              --aio-radius:18px;   /* CHANGE corner roundness */
              --aio-pad:22px;      /* glow breathing room (keeps glow inside widget) */
              /* ======================================= */
            }
            .aio-stage{position:relative;width:100%;max-width:calc(var(--aio-max) + var(--aio-pad)*2);
              margin:0 auto;;
              font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
              -webkit-tap-highlight-color:transparent;}
            .aio-glow{position:absolute;inset:calc(var(--aio-pad) - 10px);border-radius:34px;
              background:linear-gradient(115deg,#289FFA,#3276F1,#9B00BD,#EA0E96);
              filter:blur(38px);opacity:.5;z-index:0;pointer-events:none;
              transform:translateZ(0);will-change:transform;}
            .aio-player{position:relative;z-index:1;width:100%;aspect-ratio:var(--aio-ratio);
              border-radius:var(--aio-radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);
              background:#06070F;cursor:pointer;contain:layout paint;}
            .aio-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
          
            .aio-logo{position:absolute;top:15px;left:16px;display:flex;align-items:center;gap:9px;
              padding:6px 13px 6px 10px;border-radius:999px;background:rgba(255,255,255,.08);
              backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
              border:1px solid rgba(255,255,255,.14);z-index:5;pointer-events:none;}
            .aio-logo span{color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;}
          
            .aio-unmute{position:absolute;top:15px;right:16px;display:flex;align-items:center;gap:7px;
              padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.1);
              backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
              border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:600;
              letter-spacing:.3px;cursor:pointer;z-index:6;transition:opacity .25s,transform .25s;}
            .aio-unmute:hover{background:rgba(255,255,255,.16);}
            .aio-unmute.hidden{opacity:0;transform:translateY(-6px);pointer-events:none;}
          
            .aio-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
              width:96px;height:96px;border:none;background:none;padding:0;cursor:pointer;z-index:5;
              transition:opacity .25s,transform .25s;}
            .aio-center.hidden{opacity:0;transform:translate(-50%,-50%) scale(.85);pointer-events:none;}
            .aio-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);}
            .aio-ring-track{fill:none;stroke:rgba(255,255,255,.18);stroke-width:3;}
            .aio-ring-fill{fill:none;stroke:url(#aioRingGrad);stroke-width:3.5;stroke-linecap:round;
              stroke-dasharray:289;stroke-dashoffset:289;filter:drop-shadow(0 0 5px rgba(155,0,189,.7));}
            .aio-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
              width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.12);
              backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
              border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;
              box-shadow:0 0 36px 4px rgba(155,0,189,.45);}
            .aio-icon-play{margin-left:3px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));}
          
            .aio-deck{position:absolute;left:14px;right:14px;bottom:14px;padding:13px 16px 11px;
              border-radius:16px;background:rgba(12,13,24,.5);
              backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
              border:1px solid rgba(255,255,255,.12);
              box-shadow:0 8px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12);
              z-index:5;cursor:default;transition:opacity .25s,transform .25s;}
            .aio-deck.hidden{opacity:0;transform:translateY(8px);pointer-events:none;}
          
            .aio-wave{display:flex;align-items:center;gap:3px;height:34px;margin-bottom:9px;cursor:pointer;}
            .aio-wave .bar{flex:1;border-radius:2px;background:rgba(255,255,255,.22);min-width:2px;
              transition:background .1s linear;}
            .aio-wave .bar.on{background:var(--c);}
          
            .aio-row{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.92);}
            .aio-mini{position:relative; z-index:999; background:none;border:none;color:inherit;padding:0;cursor:pointer;display:flex;
              align-items:center;justify-content:center;line-height:0;opacity:.92;transition:opacity .15s;}
            .aio-mini:hover{opacity:1;}
            .aio-time{font-size:12px;color:rgba(255,255,255,.66);font-variant-numeric:tabular-nums;}
            .aio-spacer{flex:1;}
          
            @media (max-width:767px){
              .aio-glow{filter:blur(28px);}
              .aio-deck{left:12px;right:12px;bottom:12px;padding:11px 13px 12px;border-radius:14px;}
              .aio-wave{height:26px;}
              .aio-row{gap:14px;}
              .aio-center{width:88px;height:88px;}
              .aio-center-btn{width:64px;height:64px;}
              .aio-logo span{font-size:12px;}
              .aio-unmute span{font-size:11px;}
            }
            @media (prefers-reduced-motion:reduce){
              .aio-unmute,.aio-center,.aio-deck,.aio-wave .bar{transition:none;}
            }

            .aio-player:fullscreen,
.aio-player:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;}
.aio-player:fullscreen .aio-video,
.aio-player:-webkit-full-screen .aio-video{object-fit:contain;}
       
  .iconAI.white svg{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(102%) contrast(102%);
}

.ceos-video .e-hosted-video {
   height: 600px;
   width: 100%;
   object-position: center center !important;

}
.ceo-popup .dialog-close-button {
	 height: 40px;
    width: 40px;
   background: #00000063 ;
    backdrop-filter: blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.ceo-popup .dialog-close-button svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(32deg) brightness(101%) contrast(101%);
}
.casestudies {
    backdrop-filter: blur(30px);
}
@media only screen and (max-width:992px) {
    .ceos-video .e-hosted-video {
        
        height: 450px;
    }
}

.conicons .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
