.elementor-2471 .elementor-element.elementor-element-74a0d534 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2471 .elementor-element.elementor-element-74a0d534:not(.elementor-motion-effects-element-type-background), .elementor-2471 .elementor-element.elementor-element-74a0d534 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fortinex.ai/wp-content/uploads/2022/06/about-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2471 .elementor-element.elementor-element-74a0d534{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 90px 0px;}.elementor-2471 .elementor-element.elementor-element-74a0d534 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2471 .elementor-element.elementor-element-2353c34a{text-align:start;}.elementor-2471 .elementor-element.elementor-element-2353c34a img{border-radius:18px 18px 18px 18px;}.elementor-2471 .elementor-element.elementor-element-639ca4a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;font-family:"Rubik", Sans-serif;font-weight:400;color:#828FA0;}.elementor-2471 .elementor-element.elementor-element-18bea27 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2471 .elementor-element.elementor-element-18bea27:not(.elementor-motion-effects-element-type-background), .elementor-2471 .elementor-element.elementor-element-18bea27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fortinex.ai/wp-content/uploads/2022/07/cyber-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2471 .elementor-element.elementor-element-18bea27{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:18px 0px 0px 0px;}.elementor-2471 .elementor-element.elementor-element-18bea27 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2471 .elementor-element.elementor-element-2353c34a{text-align:center;}.elementor-2471 .elementor-element.elementor-element-2f976cd3 > .elementor-element-populated{margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2471 .elementor-element.elementor-element-2e592262{width:100%;}.elementor-2471 .elementor-element.elementor-element-2f976cd3{width:100%;}}@media(min-width:1025px){.elementor-2471 .elementor-element.elementor-element-74a0d534:not(.elementor-motion-effects-element-type-background), .elementor-2471 .elementor-element.elementor-element-74a0d534 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-2471 .elementor-element.elementor-element-18bea27:not(.elementor-motion-effects-element-type-background), .elementor-2471 .elementor-element.elementor-element-18bea27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-8b968b8 */.fortinex-about-home {
  padding: 100px 0;
  position: relative;
  color: #dce3f0;
  overflow: hidden;
}

.about-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px;
}

.about-text {
  flex: 1 1 550px;
  animation: fadeInUp 1s ease;
}

.about-text .subtitle {
  color: #00baff;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.about-text h2 {
  font-size: 42px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 20px;
}

.about-text h2 span {
  color: #7c4dff;
}

.about-text p {
  color: #c6cee0;
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 30px;
}

.about-buttons {
  display: flex;
  gap: 15px;
}

.btn-primary {
  background: linear-gradient(90deg, #6c63ff, #00baff);
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

.btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.btn-outline {
  border: 2px solid #00baff;
  color: #00baff;
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

.btn-outline:hover {
  background: #00baff;
  color: #fff;
  transform: translateY(-2px);
}

.about-graphic {
  flex: 1 1 500px;
  text-align: center;
  animation: floatImage 3s ease-in-out infinite;
}

.about-graphic img {
  max-width: 100%;
  border-radius: 16px;
  filter: drop-shadow(0 0 20px rgba(0, 186, 255, 0.2));
  
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes floatImage {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@media (max-width: 991px) {
  .about-inner { flex-direction: column-reverse; text-align: center; }
  .about-text h2 { font-size: 32px; }
  .about-text p { font-size: 16px; }
}/* End custom CSS */