.elementor-2422 .elementor-element.elementor-element-1620ae8{--display:flex;--min-height:100vh;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2422 .elementor-element.elementor-element-1620ae8:not(.elementor-motion-effects-element-type-background), .elementor-2422 .elementor-element.elementor-element-1620ae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2422 .elementor-element.elementor-element-576be86{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 30px) 20px;}.elementor-2422 .elementor-element.elementor-element-576be86 img{width:90px;}.elementor-2422 .elementor-element.elementor-element-70bb290{--display:flex;--padding-top:20px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2422 .elementor-element.elementor-element-1620ae8{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-1620ae8 */.elementor-2422 .elementor-element.elementor-element-1620ae8 { background-color: #000000; /* Black background */ background-image:
  /* First gradient - top-left corner, brighter center */
  radial-gradient(30% 15% at -5% 0%, rgba(50, 90, 255, 0.35) 0%, rgba(50, 70, 255, 0.15) 45%, rgba(11, 11, 15, 0) 75%),
  
  /* Second gradient - top-right corner, brighter center */
  radial-gradient(55% 40% at 80% -14%, rgba(50, 90, 255, 0.35) 0%, rgba(50, 70, 255, 0.12) 45%, rgba(11, 11, 15, 0) 65%),

  /* Third gradient - right side, moved further down, brighter center */
  radial-gradient(55% 40% at 95% 35%, rgba(50, 90, 255, 0.35) 0%, rgba(50, 70, 255, 0.12) 35%, rgba(11, 11, 15, 0) 60%),
  
  /* Fourth gradient - bottom-left corner, moved further down to maintain spacing, brighter center */
  radial-gradient(55% 40% at 5% 55%, rgba(50, 90, 255, 0.35) 0%, rgba(50, 70, 255, 0.10) 38%, rgba(11, 11, 15, 0) 78%),

  /* Fifth gradient - bottom-right corner, aligned with the previous one, brighter center */
  radial-gradient(55% 40% at 95% 75%, rgba(50, 90, 255, 0.35) 0%, rgba(50, 70, 255, 0.11) 38%, rgba(11, 11, 15, 0) 78%);



 background-repeat:no-repeat; /* Adjust the size of the gradient to your preference */ /* --- LOAD-UP animation (fade + slide) --- */ opacity: 0; transform: translateY(18px); animation: sectionLoadUp 700ms ease-out 120ms forwards; /* --- Subtle gradient “breathing” (optional but nice) --- */ will-change: transform, opacity, filter; filter: saturate(1.05); } /* Fade + slide up animation */ @keyframes sectionLoadUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } /* Accessibility: users who prefer reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2422 .elementor-element.elementor-element-1620ae8 { animation: none; opacity: 1; transform: none; } }
  
  /* Overrides the red selection for everything inside this container */
.elementor-2422 .elementor-element.elementor-element-1620ae8 ::selection {
    background-color: rgba(50, 90, 255, 0.3) !important;
    color: #ffffff !important;
}

.elementor-2422 .elementor-element.elementor-element-1620ae8 ::-moz-selection {
    background-color: rgba(50, 90, 255, 0.3) !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS */@media (max-width: 767px) {
  .cred-line {
    margin-top: 120px !important;
    margin-bottom: 0px !important;
  }

  .cred-line div {
    font-size: 18px !important;
    line-height: 1.7 !important;
  }
}/* End custom CSS */