.elementor-2559 .elementor-element.elementor-element-619ddac2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2559 .elementor-element.elementor-element-619ddac2:not(.elementor-motion-effects-element-type-background), .elementor-2559 .elementor-element.elementor-element-619ddac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B2A;}.elementor-2559 .elementor-element.elementor-element-344bcba4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2559 .elementor-element.elementor-element-344bcba4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2559 .elementor-element.elementor-element-5b72e28b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-2559 .elementor-element.elementor-element-344bcba4{--width:57.289%;}.elementor-2559 .elementor-element.elementor-element-5b72e28b{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-3a5d94c6 *//* === Base Styling === */
body {
  background-color: transparent;
  color: #ffffff;
  font-family: 'Segoe UI', sans-serif;
}

/* === Typography === */
.project-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #ffffff;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.08);
}

.section-heading {
  font-size: 24px;
  margin-top: 40px;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 8px;
}

.sub-heading,
.minor-heading {
  font-size: 18px;
  margin-top: 24px;
  color: #ffffff;
}

.section-text {
  font-size: 16px;
  line-height: 1.6;
  color: #ffffff;
}

/* === Lists === */
.styled-list {
  list-style: none;
  padding-left: 0;
}

.styled-list li {
  margin-bottom: 8px;
  padding-left: 1em;
  position: relative;
}

.styled-list li::before {
  content: "➤";
  position: absolute;
  left: 0;
  color: #00ffff;
}

/* === Code/Directory Block === */
.code-block {
  background-color: rgba(255, 255, 255, 0.04);
  padding: 16px;
  color: #ffffff;
  border-radius: 8px;
  overflow-x: auto;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.04);
}

/* === Performance Table === */
.performance-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  overflow: hidden;
}

.performance-table th,
.performance-table td {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.performance-table th {
  background-color: rgba(255, 255, 255, 0.06);
  color: #00ffff;
}

/* === Video Styling === */
.custom-video {
  border-radius: 12px;
  box-shadow: 0 0 24px rgba(0, 255, 255, 0.08);
  margin-top: 10px;
  margin-bottom: 24px;
  width: 100%;
}

/* === CTA Buttons === */
.cta-buttons {
  margin-top: 24px;
}

.cta-primary,
.cta-secondary {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 24px;
  font-weight: 600;
  text-decoration: none;
  margin-right: 12px;
  transition: all 0.3s ease;
  backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

.cta-primary:hover {
  background-color: rgba(0, 255, 255, 0.12);
  color: #00ffff;
  text-shadow: 0 0 6px rgba(0, 255, 255, 0.4);
}

.cta-secondary {
  border: 1px solid #00ffff;
  background-color: transparent;
  color: #00ffff;
}

.cta-secondary:hover {
  background-color: rgba(0, 255, 255, 0.08);
  color: #ffffff;
}

/* === Tags Section (Optional) === */
.tags {
  margin-top: 24px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
}

/* === Responsive Adjustments === */
@media (max-width: 768px) {
  .project-title {
    font-size: 24px;
    text-align: center;
  }

  .section-heading {
    font-size: 20px;
    text-align: center;
  }

  .sub-heading,
  .minor-heading {
    font-size: 16px;
    text-align: center;
  }

  .section-text {
    font-size: 15px;
    text-align: justify;
  }

  .styled-list {
    padding-left: 16px;
    font-size: 15px;
  }

  .code-block {
    font-size: 13px;
    padding: 12px;
  }

  .performance-table th,
  .performance-table td {
    font-size: 13px;
    padding: 10px;
  }

  .cta-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .cta-primary,
  .cta-secondary {
    width: 90%;
    text-align: center;
    padding: 12px 0;
    margin-right: 0;
  }

  .tags {
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c1dd73e */.download-section {
  background: rgba(255, 255, 255, 0.04);
  padding: 32px;
  border-radius: 12px;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.05);
}

.download-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 20px;
}

.download-button,
.locked-button {
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 32px;
  font-weight: 600;
  font-size: 15.5px;
  transition: all 0.3s ease;
  text-align: center;
  display: inline-block;
}

.download-button:hover {
  background-color: rgba(0, 255, 255, 0.25);
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.3);
}

.locked-button {
  background-color: transparent;
  color: #ffffff;
  border: 1px dashed #00ffff;
}

.locked-button:hover {
  background-color: rgba(255, 255, 255, 0.06);
  color: #00ffff;
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.2);
}

.note {
  margin-top: 20px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.75);
}

/* ✅ Responsive */
@media (max-width: 768px) {
  .download-links {
    flex-direction: column;
    align-items: center;
  }

  .download-button,
  .locked-button {
    width: 90%;
    text-align: center;
  }
}/* End custom CSS */