/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/****Prime Button****/
.prime-btn svg {
    rotate: -40deg;
}
.prime-btn .elementor-button-text{
  display:inline-block;
  position:relative;
  overflow:hidden;
  vertical-align:middle;
}
.prime-btn .btn-text-orig,
.prime-btn .btn-text-copy{
  display:block;
  transition:transform .5s cubic-bezier(.7,0,.3,1);
}
.prime-btn .btn-text-copy{
  position:absolute;
  top:100%;
  left:0;
  width:100%;
}
.prime-btn:hover .btn-text-orig,
.prime-btn:hover .btn-text-copy{
  transform:translateY(-100%);
}

.prime-btn .elementor-button-icon{
  position:relative;
  overflow:hidden;
}
.prime-btn .arrow-wrap{
  display:inline-block;
  transition:transform .5s cubic-bezier(.7,0,.3,1);
}
.prime-btn .arrow-copy{
  position:absolute;
  top:0;
  left:0;
  transform:translate(-120%,120%);
}
.prime-btn:hover .arrow-orig{
  transform:translate(120%,-120%);
}
.prime-btn:hover .arrow-copy{
  transform:translate(0,0);
}
.product-link .elementor-button.elementor-button-link:hover,
.product-link .elementor-button.elementor-button-link:focus {
    background-color: transparent !important;
}

/********Header**********/
.main-header{position:relative;z-index:9999}.main-header>.elementor-element-998a04a{transition:width .4s ease,max-width .4s ease,border-radius .4s ease,padding .4s ease,box-shadow .4s ease}.main-header .elementor-element-26110ff img{transition:width .35s ease,max-width .35s ease,height .35s ease}.main-header.header-sticky{position:fixed;top:0;left:0;width:100%;z-index:99999;transform:translateY(-100%);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease}.main-header.header-sticky.header-show{transform:translateY(0);opacity:1;padding-top:0}.main-header.header-sticky>.elementor-element-998a04a{width:100%;max-width:100%;margin:0!important;padding-top:0!important;padding-bottom:0!important;padding-left:45px!important;padding-right:45px!important;border-radius:0!important;box-shadow:0 5px 25px rgba(0,0,0,.1)}.main-header.header-sticky .elementor-element-26110ff img{width:125px;max-width:125px}.main-header.header-sticky>.elementor-element-998a04a{min-height:72px;border-radius:0 0 10px 10px!important}@media(max-width:767px){.main-header.header-sticky>.elementor-element-998a04a{padding-left:20px!important;padding-right:20px!important}.main-header.header-sticky .elementor-element-26110ff img{width:105px;max-width:105px}}.main-header.header-sticky>.elementor-element-998a04a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:72px!important;height:72px!important}.main-header.header-sticky .elementor-element-26110ff{display:flex!important;align-items:center!important;height:100%!important}.main-header.header-sticky .elementor-element-26110ff img{display:block!important;width:125px;max-width:125px;height:auto!important}.main-header.header-sticky .elementor-element-d177a8d{display:flex!important;align-items:center!important}.main-header.header-sticky .elementor-element-f1906c4{align-items:center!important}

/*****Header******************/
.serivice-mega-menu .elementor-image-box-wrapper:hover .elementor-image-box-img img{scale:1.05}

.cs-header{position:relative}

/* ---------- Desktop ---------- */
.cs-mega{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;z-index:9999;background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.18);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);clip-path:inset(-50px -50px 100% -50px);transition:clip-path .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear .5s}
.cs-mega.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;clip-path:inset(-50px -50px -60px -50px);transition-delay:0s}

/* active color on the menu item while its mega menu is open */
.elementor-nav-menu--main .mega-active > a{color:#0b5cad}

/* ---------- Mobile / tablet (inside burger dropdown) ---------- */
.cs-mega.is-mobile,
.cs-mega.is-mobile.is-open{position:static;width:100%;border-radius:0;box-shadow:none;clip-path:none;transform:none;opacity:1;visibility:visible;pointer-events:auto;overflow:hidden;max-height:0;transition:max-height .4s ease}

@media(max-width:1024px){
    .mobile-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{position:fixed!important;top:90px!important;left:0!important;right:0!important;width:89vw!important;max-width:90vw!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;border-radius:6px}
    .main-header.header-sticky .mobile-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{top:50px!important;width:100%!important;max-width:100%!important}
}

@media(min-width:768px)and (max-width:1024px){
    .mobile-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{top:95px!important;width:90vw!important;max-width:93vw!important}
    .main-header.header-sticky .mobile-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{width:90vw!important;max-width:91vw!important;margin-left:auto!important;margin-right:auto!important;top:70px!important}
}

/****************Footer*******************/
.footer-design{--fd-blue:#007BFF;position:relative;overflow:clip;isolation:isolate}
.footer-design > .e-con-inner{position:relative;z-index:2}

/* drifting blueprint grid */
.footer-design::before{content:"";position:absolute;inset:-56px;z-index:1;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 75% at 50% 45%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 80% 75% at 50% 45%,#000 25%,transparent 80%);animation:fd-grid 20s linear infinite}

/* floating blue glow */
.footer-design::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(420px circle at 100% 0%,rgba(0,123,255,.13),transparent 70%),radial-gradient(420px circle at 0% 100%,rgba(0,123,255,.10),transparent 70%);animation:fd-breathe 9s ease-in-out infinite alternate}

@keyframes fd-breathe{from{opacity:.35}to{opacity:1}}

/* rising particles (created by the JS) */
.fd-dot{position:absolute;z-index:1;bottom:-12px;border-radius:50%;pointer-events:none;opacity:0;background:var(--fd-blue);box-shadow:0 0 10px 2px rgba(0,123,255,.6);animation:fd-rise linear infinite}

@keyframes fd-rise{0%{opacity:0;transform:translate(0,0)}12%{opacity:.7}85%{opacity:.25}100%{opacity:0;transform:translate(var(--dx,20px),calc(var(--rise,600px) * -1))}}

/* ============ Top heading: slow shine ============ */
.footer-design h2.elementor-heading-title{background:linear-gradient(105deg,#fff 42%,#8cc6ff 50%,#fff 58%) 100% 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:fd-shine 7s ease-in-out infinite}

@keyframes fd-shine{0%,25%{background-position:100% 0}75%,100%{background-position:0% 0}}

/* ============ Social icons: pulse ring + lift ============ */
.footer-design .elementor-social-icon{position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .3s,border-color .3s}
.footer-design .elementor-social-icon::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;border:1px solid var(--fd-blue);opacity:0;animation:fd-ring 7s ease-out infinite}
.footer-design .elementor-grid-item:nth-child(2) .elementor-social-icon::after{animation-delay:.8s}
.footer-design .elementor-grid-item:nth-child(3) .elementor-social-icon::after{animation-delay:1.6s}
.footer-design .elementor-grid-item:nth-child(4) .elementor-social-icon::after{animation-delay:2.4s}

@keyframes fd-ring{0%{opacity:.7;transform:scale(1)}45%,100%{opacity:0;transform:scale(1.3)}}

/* ============ .footer-title: faded outline wordmark with sweeping light ============ */
.footer-design .footer-title{width:100%;overflow:hidden}
.footer-design .footer-title .elementor-heading-title{display:block;text-align:center;margin:0;font-size:clamp(56px,16vw,260px);line-height:.85;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:transparent!important;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(0,123,255,.28);background-image:radial-gradient(260px circle at var(--mx,-50%) var(--my,50%),rgba(0,123,255,.95),transparent 70%),linear-gradient(105deg,transparent 40%,rgba(120,190,255,.55) 50%,transparent 60%),linear-gradient(rgba(0,123,255,.2),rgba(0,123,255,.2));background-size:100% 100%,250% 100%,100% 100%;background-repeat:no-repeat;background-position:0 0,100% 0,0 0;-webkit-background-clip:text;background-clip:text;-webkit-mask-image:linear-gradient(to bottom,#000 15%,rgba(0,0,0,.35) 55%,transparent 92%);mask-image:linear-gradient(to bottom,#000 15%,rgba(0,0,0,.35) 55%,transparent 92%);animation:fd-sweep 6.5s ease-in-out infinite;user-select:none}

@keyframes fd-sweep{0%,20%{background-position:0 0,100% 0,0 0}80%,100%{background-position:0 0,0% 0,0 0}}

/* ============ Columns: travelling top line + heading underline ============ */
.footer-design .footer-logo-cont,
.footer-design .footer-quick-links,
.footer-design .footer-service-link,
.footer-design .footer-contact{position:relative}

@keyframes fd-line{to{background-position:200% 0,0 0}}

.footer-design .footer-quick-links h3,
.footer-design .footer-service-link h3,
.footer-design .footer-contact h3{position:relative;padding-bottom:12px}

.footer-design .footer-quick-links h3::after,
.footer-design .footer-service-link h3::after,
.footer-design .footer-contact h3::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;background:var(--fd-blue);transition:width .5s cubic-bezier(.22,1,.36,1)}

.footer-design .footer-quick-links:hover h3::after,
.footer-design .footer-service-link:hover h3::after,
.footer-design .footer-contact:hover h3::after{width:64px}

/* ============ Logo ============ */
.footer-design .footer-logo-cont img{animation:fd-float 6s ease-in-out infinite;transition:filter .4s}
.footer-design .footer-logo-cont img:hover{filter:drop-shadow(0 0 18px rgba(0,123,255,.65))}

@keyframes fd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ============ Link lists ============ */
.footer-design .footer-quick-links .elementor-icon-list-item a,
.footer-design .footer-service-link .elementor-icon-list-item a,
.footer-design .footer-contact .elementor-icon-list-item a{transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s}

.footer-design .elementor-icon-list-icon svg{transition:transform .35s cubic-bezier(.22,1,.36,1),fill .3s}
.footer-design .elementor-icon-list-text{transition:background-size .4s cubic-bezier(.22,1,.36,1);padding-bottom:2px}
.footer-design .elementor-icon-list-item a:hover{transform:translateX(8px)}
.footer-design .elementor-icon-list-item a:hover .elementor-icon-list-text{background-size:100% 1px}

.footer-design .footer-quick-links .elementor-icon-list-item a:hover svg,
.footer-design .footer-service-link .elementor-icon-list-item a:hover svg{fill:var(--fd-blue);transform:translateX(5px)}

/* contact icons */
.footer-design .footer-contact .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var(--fd-blue);transform:rotate(-10deg) scale(1.2)}
.footer-design .e-fas-phone-alt{transform-origin:50% 50%;animation:fd-ring-phone 4.5s ease-in-out infinite}

@keyframes fd-ring-phone{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(-16deg)}78%{transform:rotate(14deg)}82%{transform:rotate(-10deg)}86%{transform:rotate(8deg)}90%{transform:rotate(0)}}

/* ============ Newsletter ============ */
.footer-design .footer-contact .elementor-field{transition:box-shadow .3s,border-color .3s}
.footer-design .footer-contact .elementor-field:focus{outline:0;border-color:var(--fd-blue)!important;box-shadow:0 0 0 4px rgba(0,123,255,.25)}
.footer-design .footer-contact .elementor-button{transition:transform .3s,box-shadow .3s}
.footer-design .footer-contact .elementor-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(0,123,255,.7)}
.footer-design .footer-contact .elementor-button-icon svg{animation:fd-plane 4s ease-in-out infinite;transition:transform .3s}
.footer-design .footer-contact .elementor-button:hover .elementor-button-icon svg{animation:none;transform:translate(5px,-5px) rotate(8deg)}

@keyframes fd-plane{0%,70%,100%{transform:none}85%{transform:translate(3px,-3px)}}

/* ============ Divider: travelling light ============ */
.footer-design .elementor-widget-divider .elementor-divider{position:relative;overflow:hidden}
.footer-design .elementor-widget-divider .elementor-divider::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--fd-blue),transparent) -100% 0/30% 100% no-repeat;animation:fd-line 6s linear infinite}

@media (max-width:767px){
  .footer-design::before{background-size:40px 40px;inset:-40px}
  .footer-design .footer-title .elementor-heading-title{font-size:clamp(44px,19vw,120px)}
  .footer-design::after{background:radial-gradient(260px circle at 100% 0%,rgba(0,123,255,.13),transparent 70%),radial-gradient(260px circle at 0% 100%,rgba(0,123,255,.10),transparent 70%)}
}

/* touch screens: no sticky hover shifts */
@media (hover:none){
  .footer-design .elementor-icon-list-item a:hover{transform:none}
  .footer-design .elementor-social-icon:hover{transform:none}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .footer-design *,.footer-design::before,.footer-design::after{animation:none!important;transition:none!important}
  .fd-dot{display:none}
}

/* Service pages */
.applications-list-contetn .elementor-icon-list-item{
    background: #0A1119E6 !important;
    padding: 20px;
    border-radius: 12px;
    
}
/* ===== Icon / Content swap: fade + small slide ===== */
.icon-revers-card {
  flex-direction: column;
}

@keyframes revIconToBottom {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes revIconToTop {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes revContentToTop {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes revContentToBottom {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.icon-revers-card > .elementor-widget-icon {
  order: 1;
  animation: revIconToTop 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.icon-revers-card > .rev-cont {
  order: 2;
  animation: revContentToBottom 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.icon-revers-card:hover > .elementor-widget-icon {
  order: 2;
  animation: revIconToBottom 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.icon-revers-card:hover > .rev-cont {
  order: 1;
  animation: revContentToTop 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .icon-revers-card > * { animation: none !important; }
}
/*************/
.why-us-box {
  --accent: #3b82f6;
  --accent-2: #22d3ee;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ring-size: 5px;
  --ring-color: 59, 130, 246;  
  --ring-speed: 1.5s;
  --icon-scale: 1.03; 
}

/* Card base */
.why-us-box > .elementor-widget-container {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform 0.6s var(--ease),
    box-shadow 0.6s var(--ease);
  will-change: transform;
}
.why-us-box > .elementor-widget-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    100deg,
    transparent,
    rgba(255, 255, 255, 0.14),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.9s var(--ease);
  pointer-events: none;
  z-index: 2;
}

.why-us-box > .elementor-widget-container::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.7s var(--ease);
  pointer-events: none;
  z-index: 2;
}

.why-us-box .elementor-image-box-img {
  position: relative;
}
.why-us-box .elementor-image-box-img img {
  transition:
    transform 0.7s var(--ease),
    filter 0.7s var(--ease);
  transform-origin: center;
}

.why-us-box .elementor-image-box-title {
  transition: transform 0.5s var(--ease), color 0.4s ease;
}
.why-us-box .elementor-image-box-description {
  transition: transform 0.6s var(--ease) 0.05s, opacity 0.5s ease;
  opacity: 0.85;
}

.why-us-box:hover > .elementor-widget-container {
  transform: translateY(-10px);
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.55),
    0 0 40px -8px rgba(59, 130, 246, 0.45);
}

.why-us-box:hover > .elementor-widget-container::before {
  left: 130%;
}

.why-us-box:hover > .elementor-widget-container::after {
  transform: scaleX(1);
}

.why-us-box:hover .elementor-image-box-img img {
  transform: scale(var(--icon-scale)) rotate(0deg);
  filter: drop-shadow(0 0 16px rgba(var(--ring-color), 0.75));
  animation: whyRing var(--ring-speed) ease-out infinite;
}

.why-us-box:hover .elementor-image-box-title {
  transform: translateX(6px);
  color: var(--accent-2);
}

.why-us-box:hover .elementor-image-box-description {
  transform: translateX(6px);
  opacity: 1;
}

@keyframes whyRing {
  0%   { box-shadow: 0 0 0 0 rgba(var(--ring-color), 0.45); }
  100% { box-shadow: 0 0 0 var(--ring-size) rgba(var(--ring-color), 0); }
}
.why-us-box .elementor-image-box-img img {
  border-radius: 50%;
}

@media (prefers-reduced-motion: reduce) {
  .why-us-box *,
  .why-us-box > .elementor-widget-container,
  .why-us-box > .elementor-widget-container::before,
  .why-us-box > .elementor-widget-container::after {
    transition: none !important;
    animation: none !important;
  }
}

/* ================= LEFT LIST (.list-23) ================= */
.list-23 {
  --brand: #025DA4;
  --brand-soft: #E5F2FF;
  --dark: #0A1119;
  --fill: #0A1119
;              
  --progress-color: rgba(255, 255, 255, 0.9);
  --duration: 8s; 
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.list-23 .elementor-icon-list-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.list-23 .elementor-icon-list-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px !important;
  background: #fff;
  border: 1px solid #e6eef7;
  border-left: 4px solid var(--brand-soft);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(2, 93, 164, 0.05);
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  transition:
    transform 0.45s var(--ease),
    box-shadow 0.45s var(--ease),
    border-color 0.45s var(--ease);
}

.list-23 .elementor-icon-list-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fill);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s var(--ease);
  z-index: -1;
}

.list-23 .elementor-icon-list-item:not(:last-child)::after,
.list-23 .elementor-icon-list-item::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 2px !important;
  border: 0 !important;
  margin: 0 !important;
  background: var(--progress-color) !important;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  z-index: 1;
}

/* Icon */
.list-23 .elementor-icon-list-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-23 .elementor-icon-list-icon svg {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  transition: box-shadow 0.5s var(--ease);
}

/* Text */
.list-23 .elementor-icon-list-text {
  flex: 1;
  font-weight: 500;
  transition: transform 0.45s var(--ease), color 0.3s ease 0.08s;
}

/* Arrow */
.list-23 .elementor-icon-list-item .elementor-icon-list-text::after {
  content: "→";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translate(-10px, -50%);
  opacity: 0;
  color: #fff;
  font-size: 18px;
  transition: transform 0.45s var(--ease), opacity 0.35s ease;
}

.list-23 .elementor-icon-list-item:not(.is-active):hover {
  transform: translateX(6px);
  border-color: var(--brand);
  box-shadow: 0 10px 24px -8px rgba(2, 93, 164, 0.25);
}
.list-23 .elementor-icon-list-item:not(.is-active):hover .elementor-icon-list-text {
  color: var(--brand);
}

.list-23 .elementor-icon-list-item.is-active {
  transform: translateX(8px);
  border-color: var(--fill);
  box-shadow: 0 12px 28px -8px rgba(2, 93, 164, 0.35);
}
.list-23 .elementor-icon-list-item.is-active::before {
  transform: scaleX(1);
  transform-origin: left;
}
.list-23 .elementor-icon-list-item.is-active .elementor-icon-list-icon svg {
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
}
.list-23 .elementor-icon-list-item.is-active .elementor-icon-list-text {
  color: #fff;
  transform: translateX(4px);
}
.list-23 .elementor-icon-list-item.is-active .elementor-icon-list-text::after {
  opacity: 1;
  transform: translate(0, -50%);
}

.list-23 .elementor-icon-list-item.is-active::after {
  opacity: 1;
  animation: listProgress var(--duration) linear forwards;
}
@keyframes listProgress {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

.list-23.is-paused .elementor-icon-list-item.is-active::after {
  animation-play-state: paused;
}

.applications-list-contetn .elementor-icon-list-items {
  display: grid;                      
}
.applications-list-contetn .elementor-icon-list-item {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(18px);
  pointer-events: none;
  transition:
    opacity 0.5s ease,
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0.5s;
}
.applications-list-contetn .elementor-icon-list-item.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0.2s, 0.2s, 0s;    
}
.applications-list-contetn .elementor-icon-list-item {
  align-self: start !important;
}
/* Mobile */
@media (max-width: 767px) {
	.elementor-element.elementor-element-7fa7bbe.e-con-full.main-header.e-flex.e-con.e-parent.e-lazyloaded.header-sticky.header-show {
    padding: 0;
}
  .list-23 .elementor-icon-list-item { padding: 12px 14px !important; }
  .list-23 .elementor-icon-list-item.is-active { transform: translateX(4px); }
}

@media (prefers-reduced-motion: reduce) {
  .list-23 .elementor-icon-list-item,
  .list-23 .elementor-icon-list-item *,
  .list-23 .elementor-icon-list-item::before,
  .applications-list-contetn .elementor-icon-list-item {
    transition: none !important;
  }
}

/***************Home Page***************/
.home-product-carousel a { text-decoration: none !important; }
.home-counter .elementor-counter-number-wrapper { max-width: max-content; }

/* Founder section */
.founder-section { overflow-x: clip; }
.fc-js .founder-section .founder-counter { opacity: 0; visibility: hidden; }
.founder-section .fc-num { font: inherit; color: inherit; font-variant-numeric: tabular-nums; }
.founder-section .elementor-counter-number-suffix { display: inline-block; transform-origin: 50% 60%; }

/* Carousel */
.home-product-carousel .swiper { padding: 14px 4px 34px; }

.service-box .serviice-icon { border-radius: 18px !important; }
.service-box:hover .serviice-icon { background-color: #025DA4 !important; }
.service-box .serviice-icon::before { content: ''; background-color: transparent; width: 10px; height: 10px; position: absolute; left: -19.5px; top: -4px; border-radius: 0px 10px 0px 0px; box-shadow: 5px -5px 0px 4px #F3F6F8; }
.service-box .serviice-icon::after { content: ''; background-color: transparent; width: 10px; height: 10px; position: absolute; right: -3px; bottom: -19.5px; border-radius: 0px 10px 0px 0px; box-shadow: 5px -5px 0px 4px #F3F6F8; }
.service-box .serviice-icon svg { position: relative; transform: rotate(-45deg); }
.service-box:hover .serviice-icon svg { animation: arrowHover 0.45s ease-in-out; }

@keyframes arrowHover {
    0% { transform: translate(0, 0) rotate(-45deg); opacity: 1; }
    40% { transform: translate(25px, -18px) rotate(-45deg); opacity: 0; }
    41% { transform: translate(-25px, 18px) rotate(-45deg); opacity: 0; }
    100% { transform: translate(0, 0) rotate(-45deg); opacity: 1; }
}

.service-box:not(:hover) .serviice-icon svg { animation: arrowReverse 0.45s ease-in-out; }

@keyframes arrowReverse {
    0% { transform: translate(0, 0) rotate(-45deg); opacity: 1; }
    40% { transform: translate(-25px, 18px) rotate(-45deg); opacity: 0; }
    41% { transform: translate(25px, -18px) rotate(-45deg); opacity: 0; }
    100% { transform: translate(0, 0) rotate(-45deg); opacity: 1; }
}

.service-box { overflow: hidden; }
.service-box .elementor-widget-heading { position: relative; z-index: 2; }
.service-box .elementor-widget-divider,
.service-box .elementor-widget-text-editor { max-height: 0; margin: 0; padding: 0; overflow: hidden; opacity: 0; transform: translateY(100%); transition: max-height 0.4s ease, margin 0.4s ease, transform 0.4s ease, opacity 0.4s ease; }
.service-box:hover .elementor-widget-divider,
.service-box:hover .elementor-widget-text-editor { max-height: 200px; opacity: 1; transform: translateY(0); }
.service-box:not(:hover) .elementor-widget-heading { transform: translateY(50%); transition: transform 0.4s ease; }
.service-box:hover .elementor-widget-heading { transform: translateY(0); }
.service-box:hover .service-card-content { background: #025da4; /* backdrop-filter: blur(12px); */ /* -webkit-backdrop-filter: blur(12px); */ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); }

@media (max-width: 768px) {
    .about-img-box img { margin-left: 20px; }
    .about-img-box .elementor-image-box-content::after { display: none; }
    .about-img-box .elementor-image-box-content::before { top: 7px; }
}
