.elementor-kit-7{--e-global-color-primary:#307344;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#00A331;--e-global-color-345cff6:#D56E0F;--e-global-color-25a5f25:#D56E0F;--e-global-color-531b93d:#FCC71F;--e-global-color-6d81de5:#96D708;--e-global-color-2915fb8:#00B1E3;--e-global-color-f26ae57:#4044DB;--e-global-color-d8844fe:#7796C7;--e-global-color-05c1192:#F9F9F9;--e-global-color-29c7418:#F9F9F9F0;--e-global-color-f551f6c:#5694E1;--e-global-color-554924e:#83390D;--e-global-color-62ef38f:#FFF9E6;--e-global-color-517b3b7:#DC8E0A;--e-global-color-84de1a1:#ECF4FF;--e-global-color-d31a048:#070707;--e-global-color-8e74d2c:#DFE1E2;--e-global-color-64d2c6a:#E5E5E5;--e-global-color-7e22f9c:#133C55;--e-global-color-e909086:#8592A5;--e-global-color-302566e:#F6F9FF;--e-global-color-3cb74a2:#F8FAFC;--e-global-typography-primary-font-family:"nexa";--e-global-typography-primary-font-size:1.5rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"nexa";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"nexa";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"nexa-text";--e-global-typography-accent-font-weight:500;font-family:"nexa", Sans-serif;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:100ms;--e-preloader-color:var( --e-global-color-primary );--e-preloader-size:35px;}.elementor-kit-7 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, #F9F9F9 0%, var( --e-global-color-302566e ) 100%);}.elementor-kit-7 a{color:var( --e-global-color-f26ae57 );font-family:"nexa-text", Sans-serif;}.elementor-kit-7 h1{font-family:"nexa", Sans-serif;}.elementor-kit-7 h2{font-family:"nexa", Sans-serif;}.elementor-kit-7 h3{font-family:"nexa", Sans-serif;}.elementor-kit-7 h4{font-family:"nexa", Sans-serif;}.elementor-kit-7 h5{font-family:"nexa", Sans-serif;}.elementor-kit-7 h6{font-family:"nexa", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Z-CSS Master Studio v10.0 Generated: 11:27:34 PM */
.span-grad-op-1 {
  background: linear-gradient(to right, #ffdc6b, #fea239);
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
.span-grad-op-2 {
  background: linear-gradient(to right, #F25832, #C2410C);
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
@keyframes span-anime-op-1-anim {
  to { background-position: 200% center; }
}
.span-anime-op-1 {
  background: linear-gradient(45deg, #F59E0B, #F25832, #65a30d, #06b6d4, #F59E0B);
  background-size: 200% auto;
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
  animation: span-anime-op-1-anim 5s linear infinite;
}
@keyframes span-anime-op-2-anim {
  to { background-position: 200% center; }
}
.span-anime-op-2 {
  background: linear-gradient(45deg, #F59E0B, #F25832, #65a30d, #06b6d4, #F59E0B);
  background-size: 200% auto;
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
  animation: span-anime-op-2-anim 5s linear infinite;
}
@keyframes span-anime-op-3-anim {
  to { background-position: 200% center; }
}
.span-anime-op-3 {
  background: linear-gradient(45deg, #F59E0B, #F25832, #65a30d, #06b6d4, #F59E0B);
  background-size: 200% auto;
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
  animation: span-anime-op-3-anim 5s linear infinite;
}
.fx-bg-op-1 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-1::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #0F172A, #1e293b, #F59E0B, #0F172A);
  background-size: 400% 400%;
  animation: fx-bg-op-1-anim 15s ease infinite;
}
@keyframes fx-bg-op-1-anim {
  0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.fx-bg-op-2 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-2::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #0F172A, #2d3342, #F25832, #D97706);
  background-size: 400% 400%;
  animation: fx-bg-op-2-anim 15s ease infinite;
}
@keyframes fx-bg-op-2-anim {
  0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.fx-bg-op-3 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-3::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #0F172A, #14532d, #65a30d, #0F172A);
  background-size: 400% 400%;
  animation: fx-bg-op-3-anim 15s ease infinite;
}
@keyframes fx-bg-op-3-anim {
  0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.fx-bg-op-4 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-4::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #0F172A, #1e3a8a, #06b6d4, #0F172A);
  background-size: 400% 400%;
  animation: fx-bg-op-4-anim 15s ease infinite;
}
@keyframes fx-bg-op-4-anim {
  0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.fx-bg-op-5 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-5::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #8f243b, #fbc053, #9cc079, #1f4e68);
  background-size: 400% 400%;
  animation: fx-bg-op-5-anim 25s ease infinite;
}
@keyframes fx-bg-op-5-anim {
  0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.fx-bg-op-9 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-9::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #f9f9f9, #fff3e6, #f9f9f9);
  background-size: 400% 400%;
  animation: fx-bg-op-9-anim 15s ease infinite;
}
@keyframes fx-bg-op-9-anim {
  0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.fx-bg-op-10 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-10::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #0F172A, #2d3342, #070707);
  background-size: 400% 400%;
  animation: fx-bg-op-10-anim 13s ease infinite;
}
@keyframes fx-bg-op-10-anim {
  0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.fx-bg-op-11 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fx-bg-op-11::before {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(-45deg, #0F172A, #2d3342, #070707);
  background-size: 400% 400%;
  animation: fx-bg-op-11-anim 13s ease infinite;
}
@keyframes fx-bg-op-11-anim {
  0% { background-position: 50% 0%; } 50% { background-position: 50% 100%; }
  100% { background-position: 50% 0%; }
}
.fx-card-op-1 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: transform, box-shadow;
}
.fx-card-op-1:hover {
  transform: scale(1.02);
  border-color: #F59E0B;
}
.fx-card-op-1:hover::before {
  opacity: 0.8;
}
@keyframes fx-card-op-1-wave {
  0% { box-shadow: 0 -8px 30px -12px #F59E0B; }
  50% { box-shadow: 0 8px 30px -12px #F59E0B; }
  100% { box-shadow: 0 -8px 30px -12px #F59E0B; }
}
.fx-card-op-1::before {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0; transition: opacity 0.5s ease;
  inset: 0;
  animation: fx-card-op-1-wave 6s linear infinite;
}
.fx-card-op-2 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: transform, box-shadow;
}
.fx-card-op-2:hover {
  transform: scale(1.02);
  border-color: #F25832;
}
.fx-card-op-2:hover::before {
  opacity: 0.8;
}
@keyframes fx-card-op-2-wave {
  0% { box-shadow: 0 -8px 30px -12px #F25832; }
  50% { box-shadow: 0 8px 30px -12px #F25832; }
  100% { box-shadow: 0 -8px 30px -12px #F25832; }
}
.fx-card-op-2::before {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0; transition: opacity 0.5s ease;
  inset: 0;
  animation: fx-card-op-2-wave 6s linear infinite;
}
.fx-card-op-6 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: transform, box-shadow;
}
.fx-card-op-6:hover {
  transform: scale(1);
  border-color: #F59E0B;
}
.fx-card-op-6:hover::before {
  opacity: 0.6;
}
@keyframes fx-card-op-6-wave {
  0% { box-shadow: 0 -8px 30px -12px #F59E0B; }
  50% { box-shadow: 0 8px 30px -12px #F59E0B; }
  100% { box-shadow: 0 -8px 30px -12px #F59E0B; }
}
.fx-card-op-6::before {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0; transition: opacity 0.5s ease;
  inset: 0;
  animation: fx-card-op-6-wave 7s linear infinite;
}
.fx-card-op-7:hover {
  animation: fx-card-op-7-anim 10s linear infinite;
}
@keyframes fx-card-op-7-anim {
  0% { box-shadow: 0 -12px 30px -8px rgba(20, 73, 102, 1); }
  12.5% { box-shadow: 9px -9px 30px -8px rgba(80, 48, 77, 1); }
  25% { box-shadow: 12px 0 30px -8px rgba(138, 22, 51, 1); }
  37.5% { box-shadow: 9px 9px 30px -8px rgba(196, 106, 64, 1); }
  50% { box-shadow: 0 12px 30px -8px rgba(254, 190, 76, 1); }
  62.5% { box-shadow: -9px 9px 30px -8px rgba(209, 193, 97, 1); }
  75% { box-shadow: -12px 0 30px -8px rgba(163, 195, 117, 1); }
  87.5% { box-shadow: -9px -9px 30px -8px rgba(92, 134, 110, 1); }
  100% { box-shadow: 0 -12px 30px -8px rgba(20, 73, 102, 1); }
}
.fx-card-op-7 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: box-shadow;
}
.fx-card-op-7:hover {
  transform: scale(1);
  border-color: undefined;
}
.fx-card-op-8:hover {
  animation: fx-card-op-8-anim 6s linear infinite;
}
@keyframes fx-card-op-8-anim {
  0% { box-shadow: inset 0 23px 20px -5px rgba(245, 158, 11, 1); }
  25% { box-shadow: inset -23px 0 20px -5px rgba(245, 158, 11, 1); }
  50% { box-shadow: inset 0 -23px 20px -5px rgba(245, 158, 11, 1); }
  75% { box-shadow: inset 23px 0 20px -5px rgba(245, 158, 11, 1); }
  100% { box-shadow: inset 0 23px 20px -5px rgba(245, 158, 11, 1); }
}
.fx-card-op-8 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: box-shadow;
}
.fx-card-op-8:hover {
  transform: scale(1);
  border-color: #F59E0B;
}
.fx-card-op-9:hover {
  animation: fx-card-op-9-anim 10s linear infinite;
}
@keyframes fx-card-op-9-anim {
  0% { box-shadow: inset 0 18px 20px -5px rgba(20, 73, 102, 1); }
  12.5% { box-shadow: inset -14px 14px 20px -5px rgba(80, 48, 77, 1); }
  25% { box-shadow: inset -18px 0 20px -5px rgba(138, 22, 51, 1); }
  37.5% { box-shadow: inset -14px -14px 20px -5px rgba(196, 106, 64, 1); }
  50% { box-shadow: inset 0 -18px 20px -5px rgba(254, 190, 76, 1); }
  62.5% { box-shadow: inset 14px -14px 20px -5px rgba(209, 193, 97, 1); }
  75% { box-shadow: inset 18px 0 20px -5px rgba(163, 195, 117, 1); }
  87.5% { box-shadow: inset 14px 14px 20px -5px rgba(92, 134, 110, 1); }
  100% { box-shadow: inset 0 18px 20px -5px rgba(20, 73, 102, 1); }
}
.fx-card-op-9 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: box-shadow;
}
.fx-card-op-9:hover {
  transform: scale(1);
  border-color: undefined;
}
.fx-static-op-1 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: transform, box-shadow;
}
@keyframes fx-static-op-1-wave {
  0% { box-shadow: 0 -8px 30px -12px #F59E0B; }
  50% { box-shadow: 0 8px 30px -12px #F59E0B; }
  100% { box-shadow: 0 -8px 30px -12px #F59E0B; }
}
.fx-static-op-1::before {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.8;
  inset: 0;
  animation: fx-static-op-1-wave 6s linear infinite;
}
.fx-static-op-2 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: transform, box-shadow;
}
@keyframes fx-static-op-2-wave {
  0% { box-shadow: 0 -8px 30px -12px #F25832; }
  50% { box-shadow: 0 8px 30px -12px #F25832; }
  100% { box-shadow: 0 -8px 30px -12px #F25832; }
}
.fx-static-op-2::before {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.8;
  inset: 0;
  animation: fx-static-op-2-wave 6s linear infinite;
}
@keyframes fx-static-op-6-anim {
  0% { box-shadow: inset 0 23px 20px -5px rgba(59, 130, 246, 1); }
  25% { box-shadow: inset -23px 0 20px -5px rgba(59, 130, 246, 1); }
  50% { box-shadow: inset 0 -23px 20px -5px rgba(59, 130, 246, 1); }
  75% { box-shadow: inset 23px 0 20px -5px rgba(59, 130, 246, 1); }
  100% { box-shadow: inset 0 23px 20px -5px rgba(59, 130, 246, 1); }
}
.fx-static-op-6 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: box-shadow;
  animation: fx-static-op-6-anim 6s linear infinite;
}
@keyframes fx-static-op-7-anim {
  0% { box-shadow: inset 0 23px 20px -5px rgba(59, 130, 246, 1); }
  25% { box-shadow: inset -23px 0 20px -5px rgba(59, 130, 246, 1); }
  50% { box-shadow: inset 0 -23px 20px -5px rgba(59, 130, 246, 1); }
  75% { box-shadow: inset 23px 0 20px -5px rgba(59, 130, 246, 1); }
  100% { box-shadow: inset 0 23px 20px -5px rgba(59, 130, 246, 1); }
}
.fx-static-op-7 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  will-change: box-shadow;
  animation: fx-static-op-7-anim 6s linear infinite;
}
@keyframes fx-static-op-9-anim {
  0% { box-shadow: inset 0 18px 20px -5px rgba(20, 73, 102, 1); }
  12.5% { box-shadow: inset -14px 14px 20px -5px rgba(80, 48, 77, 1); }
  25% { box-shadow: inset -18px 0 20px -5px rgba(138, 22, 51, 1); }
  37.5% { box-shadow: inset -14px -14px 20px -5px rgba(196, 106, 64, 1); }
  50% { box-shadow: inset 0 -18px 20px -5px rgba(254, 190, 76, 1); }
  62.5% { box-shadow: inset 14px -14px 20px -5px rgba(209, 193, 97, 1); }
  75% { box-shadow: inset 18px 0 20px -5px rgba(163, 195, 117, 1); }
  87.5% { box-shadow: inset 14px 14px 20px -5px rgba(92, 134, 110, 1); }
  100% { box-shadow: inset 0 18px 20px -5px rgba(20, 73, 102, 1); }
}
.fx-static-op-9 {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  will-change: box-shadow;
  animation: fx-static-op-9-anim 10s linear infinite;
}
.fx-flow-op-1 {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.1);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.fx-flow-op-1:hover {
  transform: scale(1.03) !important;
  border-color: #ffffff;
  box-shadow: 0 0 20px -5px #ffffff;
}
.fx-flow-op-1::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-size: 300% 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: fxFlowAnim 6s linear infinite;
  background-image: linear-gradient(90deg, #1e1e1e 0%, #3c3c3c 35%, #ffffff 50%, #3c3c3c 65%, #1e1e1e 90%, #1e1e1e 100%);
}
.fx-flow-op-2 {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.1);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.fx-flow-op-2:hover {
  transform: scale(1.03) !important;
  border-color: #ffffff;
  box-shadow: 0 0 20px -5px #ffffff;
}
.fx-flow-op-2::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-size: 300% 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: fxFlowAnim 6s linear infinite;
  background-image: linear-gradient(90deg, #1e1e1e 0%, #3c3c3c 35%, #ffffff 50%, #3c3c3c 65%, #1e1e1e 90%, #1e1e1e 100%);
}
.fx-flow-op-4 {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.1);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.fx-flow-op-4:hover {
  transform: scale(1.03) !important;
  border-color: #F59E0B;
  box-shadow: 0 0 20px -5px #F59E0B;
}
.fx-flow-op-4::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-size: 300% 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: fxFlowAnim 6s linear infinite;
  background-image: linear-gradient(90deg, #0f172a 0%, #4d3000 35%, #F59E0B 50%, #4d3000 65%, #0f172a 90%, #0f172a 100%);
}
.fx-flow-op-5 {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.1);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.fx-flow-op-5:hover {
  transform: scale(1.03) !important;
  border-color: #F25832;
  box-shadow: 0 0 20px -5px #F25832;
}
.fx-flow-op-5::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-size: 300% 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: fxFlowAnim 6s linear infinite;
  background-image: linear-gradient(90deg, #0f172a 0%, #c2410c 35%, #F25832 50%, #c2410c 65%, #0f172a 90%, #0f172a 100%);
}
.fx-flow-op-6 {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.1);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.fx-flow-op-6:hover {
  transform: scale(1.03) !important;
  border-color: #65a30d;
  box-shadow: 0 0 20px -5px #65a30d;
}
.fx-flow-op-6::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-size: 300% 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: fxFlowAnim 6s linear infinite;
  background-image: linear-gradient(90deg, #0f172a 0%, #4d7c0f 35%, #65a30d 50%, #4d7c0f 65%, #0f172a 90%, #0f172a 100%);
}
.fx-flow-op-7 {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.1);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.fx-flow-op-7:hover {
  transform: scale(1.03) !important;
  border-color: #06b6d4;
  box-shadow: 0 0 20px -5px #06b6d4;
}
.fx-flow-op-7::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-size: 300% 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: fxFlowAnim 6s linear infinite;
  background-image: linear-gradient(90deg, #0f172a 0%, #0891b2 35%, #06b6d4 50%, #0891b2 65%, #0f172a 90%, #0f172a 100%);
}
@keyframes fxFlowAnim {
  0% { background-position: 0% 50%; }
  100% { background-position: 150% 50%; }
}
/* Flow Animation Delays (Optional Utils) */
.fx-flow-1::before {
  animation-delay: 0s;
}
.fx-flow-2::before {
  animation-delay: -1.5s;
}
.fx-flow-3::before {
  animation-delay: -3s;
}
.fx-flow-4::before {
  animation-delay: -4.5s;
}/* End custom CSS */