/* src/global_styles.css */
h1 {
  font-family: "Hind Vadodara", sans-serif;
  font-size: 54px;
  line-height: 81px;
  font-weight: 700;
}
h2 {
  font-family: "Inter", sans-serif;
  font-size: 35px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 1px;
}
h3 {
  font-family: "Hind Vadodara", sans-serif;
  font-size: 48px;
  line-height: 65px;
  font-weight: 700;
}
h4 {
  font-family: "Hind Vadodara", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}
h5 {
  font-family: "Hind Vadodara", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
h6 {
  font-family: "Hind Vadodara", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
p {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 36px;
  font-weight: 400;
  margin: 0;
}
a,
button {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
}
span,
li,
ul {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
}
@media (max-width: 1600px) {
  h1 {
    font-size: 48px;
    line-height: 72px;
  }
  h3 {
    font-size: 42px;
    line-height: 58px;
  }
  p {
    font-size: 19px;
    line-height: 34px;
  }
}
@media (max-width: 1440px) {
  h1 {
    font-size: 44px;
    line-height: 65px;
  }
  h3 {
    font-size: 38px;
    line-height: 54px;
  }
  p {
    font-size: 18px;
    line-height: 32px;
  }
  a,
  button {
    font-size: 17px;
  }
}
@media (max-width: 1280px) {
  h1 {
    font-size: 40px;
    line-height: 60px;
  }
  h3 {
    font-size: 34px;
    line-height: 48px;
  }
  p {
    font-size: 17px;
    line-height: 30px;
  }
  a,
  button {
    font-size: 16px;
  }
  span,
  li,
  ul {
    font-size: 15px;
  }
}
@media (max-width: 1024px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }
  h3 {
    font-size: 30px;
    line-height: 44px;
  }
  p {
    font-size: 16px;
    line-height: 28px;
  }
  a,
  button {
    font-size: 15px;
    line-height: 24px;
  }
  span,
  li,
  ul {
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
  h3 {
    font-size: 28px;
    line-height: 40px;
  }
  p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 30px;
    line-height: 44px;
  }
  h2 {
    font-size: 24px;
    line-height: 44px;
  }
  h3 {
    font-size: 20px;
    line-height: 38px;
  }
  p {
    font-size: 15px;
    line-height: 26px;
  }
  a,
  button {
    font-size: 14px;
    line-height: 20px;
  }
  span,
  li,
  ul {
    font-size: 13px;
  }
}
@media (max-width: 640px) {
  h1 {
    font-size: 26px;
    line-height: 40px;
  }
  h3 {
    font-size: 22px;
    line-height: 32px;
  }
  p {
    font-size: 14px;
    line-height: 24px;
  }
  a,
  button {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 22px;
    line-height: 34px;
  }
  h2 {
    font-size: 18px;
    line-height: 28px;
  }
  h3 {
    font-size: 20px;
    line-height: 28px;
  }
  p {
    font-size: 14px;
    line-height: 22px;
  }
  a,
  button {
    font-size: 12px;
  }
  span,
  li,
  ul {
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  h1 {
    font-size: 20px;
    line-height: 30px;
  }
  h2 {
    font-size: 18px;
    line-height: 26px;
  }
  h3 {
    font-size: 18px;
    line-height: 26px;
  }
  p {
    font-size: 13px;
    line-height: 20px;
  }
  a,
  button {
    font-size: 11px;
  }
  span,
  li,
  ul {
    font-size: 11px;
  }
}
a {
  white-space: nowrap;
}
:root {
  --primary-color: #31E45F;
  --primary-hover: #1ea34d;
  --text-primary: #1a1a1a;
  --text-secondary: #666666;
  --text-light: #999999;
  --border-color: #e0e0e0;
  --background-light: #f8f9fa;
  --background-white: #ffffff;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container {
  margin: 0 5rem;
  position: relative;
}
.home-page,
.about-page,
.projects-page,
.services-page,
.service-details,
.project-details-page,
.faq-page,
.terms-conditions,
.policy-privacy {
  margin-top: 5rem;
}
.highlight {
  background:
    linear-gradient(
      to top,
      #31E45F 40%,
      transparent 40%);
  display: inline;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
html {
  scrollbar-width: thin;
  scrollbar-color: var(--primary-color) #f1f1f1;
}
body {
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  background: var(--background-white);
  cursor: none !important;
}
.cursor-outer {
  position: fixed;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%, -50%);
  transition: transform 0.18s ease-out, opacity 0.3s ease-out;
  background: rgba(49, 228, 95, 0.22);
  box-shadow:
    0 0 25px rgba(49, 228, 95, 0.55),
    0 0 45px rgba(49, 228, 95, 0.35),
    0 0 65px rgba(49, 228, 95, 0.28);
  opacity: 0.85;
}
.cursor-inner {
  position: fixed;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  pointer-events: none;
  background: #31E45F;
  transform: translate(-50%, -50%);
  z-index: 1000000;
  transition: transform 0.1s ease-out, opacity 0.25s ease;
}
@keyframes cursorPulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.12);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.cursor-outer {
  animation: cursorPulse 2s ease-in-out infinite;
}
a:hover ~ .cursor-outer,
button:hover ~ .cursor-outer,
.clickable:hover ~ .cursor-outer {
  transform: translate(-50%, -50%) scale(1.45);
  opacity: 1;
}
a:hover ~ .cursor-inner,
button:hover ~ .cursor-inner,
.clickable:hover ~ .cursor-inner {
  transform: translate(-50%, -50%) scale(0.55);
}
body.dark-mode {
  background: #000000;
  color: #FFF;
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode a,
body.dark-mode li {
  color: #FFF;
}
body.dark-mode .hero-section {
  background: #000000;
}
body.dark-mode .highlight {
  background:
    linear-gradient(
      to top,
      #31E45F 40%,
      transparent 40%);
}
body.dark-mode .contact-btn {
  box-shadow: 0 4px 14px rgba(34, 197, 94, .4);
}
body.dark-mode .contact-btn:hover {
  box-shadow: 0 6px 18px rgba(34, 197, 94, .55);
}
body.dark-mode {
  --text-primary: #FFFFFF;
  --text-secondary: #d0d4dc;
  --text-light: #9fa6b2;
  --background-white: #000000;
  --background-light: #343843;
  --border-color: #3d404b;
  transition: background-color .35s ease, color .35s ease;
}
body.dark-mode .lang-dropdown .lang-menu,
body.dark-mode .mobile-nav-list {
  background: #000000;
}
body.dark-mode .nav-left,
body.dark-mode .nav-right {
  background: transparent;
}
body.dark-mode .header {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.28) 0%,
      rgba(255, 255, 255, 0.10) 55%),
    rgba(255, 255, 255, 0.06);
  box-shadow: 0 20px 52px 0 rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
body.dark-mode .nav-link {
  color: #FFF;
}
body.dark-mode .nav-link.active {
  color: #FFF;
}
body.dark-mode .menu-indicator .bar {
  background: #FFF;
}
body.dark-mode .language-btn {
  background: transparent;
  color: #FFF;
}
body.dark-mode .mobile-nav-list > li {
  color: #FFF;
}
body.dark-mode .mobile-nav-list a {
  color: #FFF;
}
body.dark-mode .mobile-nav-list .arrow {
  color: #94a3b8;
}
body.dark-mode .mobile-nav-list > li:not(.lang-row):not(.dark-mode-row)::after {
  background: #3d404b;
}
body.dark-mode .lang-row-btn {
  color: #FFF;
}
body.dark-mode .lang-sub button {
  background: #343843;
  color: #FFF;
  border: 1px solid #3d404b;
}
body.dark-mode .lang-sub button:hover {
  background: #3a3e49;
}
body.dark-mode .lang-sub button.active {
  background: #31E45F;
  color: #FFF;
  border-color: #31E45F;
}
body.dark-mode .lang-dropdown .lang-menu {
  border-color: #3d404b;
}
body.dark-mode .lang-dropdown .lang-menu li button {
  color: #FFF;
}
body.dark-mode .lang-dropdown .lang-menu li button:hover {
  background: #3a3e49;
}
body.dark-mode .lang-dropdown .lang-menu li button.active {
  background: #31E45F;
  color: #fff;
}
body.dark-mode .btn-contact {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
}
body.dark-mode .btn-contact-img {
  box-shadow: 0 4px 10px rgba(0, 0, 0, .6);
}
body.dark-mode .triangle {
  background: #000000;
  border-color: #3d404b;
  border-bottom: #01080B;
}
body.dark-mode .triangle .box p {
  color: #d0d4dc;
}
body.dark-mode .triangle .trust {
  background: #31E45F;
  filter: drop-shadow(0 12px 22px rgba(49, 228, 95, 0.32)) drop-shadow(0 25px 55px rgba(49, 228, 95, 0.18));
}
body.dark-mode .about-section {
  background: #000000;
}
body.dark-mode .section-text {
  color: #d0d4dc;
}
body.dark-mode .white-box1,
body.dark-mode .white-box2 {
  background: #000000;
}
body.dark-mode .black-box {
  background: #000000;
}
body.dark-mode .services-section {
  background: #000000;
}
body.dark-mode .testimonial-card {
  background: #191919;
  color: #FFF;
  box-shadow: 0 6px 20px -4px rgba(0, 0, 0, .55);
}
body.dark-mode .testimonial-text {
  color: #d0d4dc;
}
body.dark-mode .carousel-dots .dot {
  background: #555a66;
}
body.dark-mode .carousel-dots .dot.active {
  background: #31E45F;
}
body.dark-mode .background-circle {
  background: #191919;
}
body.dark-mode .circle-triangle-clip {
  border-bottom-color: #000000;
}
body.dark-mode .centered-content .description {
  color: #b9bec7;
}
body.dark-mode .triangle .box h1,
body.dark-mode .triangle .box h2,
body.dark-mode .triangle .box p {
  color: #e8eaed !important;
}
body.dark-mode .white-section {
  background: #000000;
}
body.dark-mode .design-svg .path-piece.done {
  fill: #fff !important;
}
body.dark-mode .customers-count {
  position: relative;
  border-radius: 20px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.28) 0%,
      rgba(255, 255, 255, 0.10) 55%),
    rgba(255, 255, 255, 0.06);
  box-shadow: 0 20px 52px 0 rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  overflow: hidden;
}
body.dark-mode .customers-count::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 20% 25%,
      rgba(255, 255, 255, 0.35) 0%,
      rgba(255, 255, 255, 0) 55%),
    radial-gradient(
      circle at 80% 70%,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0) 60%);
  mix-blend-mode: screen;
  opacity: 0.55;
}
body.dark-mode .customers-count hr {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
body.dark-mode .customers-count p {
  color: #fff;
}
body.dark-mode hr {
  border-color: #3d404b;
}
body.dark-mode .explore-btn {
  background: #0FC73E;
  color: #fff;
}
body.dark-mode .btn-primary-large {
  background: #0FC73E;
  color: #fff;
}
body.dark-mode .btn-primary-large:hover {
  background: #12e267;
}
body.dark-mode .explore-btn:hover {
  background: #12e267;
}
body.dark-mode .explore-wrapper {
  filter: drop-shadow(0 12px 22px rgba(49, 228, 95, 0.32)) drop-shadow(0 25px 55px rgba(49, 228, 95, 0.18));
}
body.dark-mode .arrow {
  filter: brightness(0) invert(1);
}
body.dark-mode .description {
  color: #FFF !important;
}
body.dark-mode .testimonials-section {
  background: #000000;
}
body.dark-mode .testimonials-header h2 {
  color: #FFF;
}
body.dark-mode .pager-btn {
  background: #000000;
  color: #FFFFFF;
  border: 1.002px solid #0E1D24;
}
body.dark-mode .pager-btn:hover {
  background: #31E45F;
  border-color: #31E45F;
}
body.dark-mode .pager-btn:hover:not([disabled]) {
  background: #31E45F;
  border-color: #31E45F;
  color: #FFF;
}
body.dark-mode .pager-btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
}
body.dark-mode .contact-cta-section {
  background: #000000;
}
body.dark-mode .circle-decoration-svg {
  filter: brightness(.85) grayscale(.15);
  opacity: .72;
}
body.dark-mode .invitation-badge {
  border-radius: 20px;
  background: rgba(249, 249, 249, 0.25);
  box-shadow: 0 20px 52px 0 rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  text-align: left;
  z-index: 10;
}
body.dark-mode .badge-icon {
  background: #31E45F;
}
body.dark-mode .contact-form-card {
  background: #000000;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .55);
}
body.dark-mode .contact-form-card .form-input,
body.dark-mode .contact-form-card .form-select,
body.dark-mode .contact-form-card .form-textarea {
  background: #FFFFFF;
  border-color: #d0d4dc;
  color: #1a1a1a;
}
body.dark-mode .contact-form-card .form-input::placeholder,
body.dark-mode .contact-form-card .form-textarea::placeholder {
  color: #9fa6b2;
}
body.dark-mode .btn-send-message {
  background: #31E45F;
}
body.dark-mode .btn-send-message:hover {
  background: #31E45F;
}
body.dark-mode .contact-cta-section .section-title-center,
body.dark-mode .contact-cta-section .section-text-center,
body.dark-mode .contact-form-card .form-title,
body.dark-mode .invitation-badge .badge-title,
body.dark-mode .invitation-badge .badge-subtitle {
  color: #FFF;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
::-webkit-scrollbar {
  display: none;
  background: transparent;
}
::-webkit-scrollbar-track {
  background: transparent;
  box-shadow: none;
  border: none;
}
::-webkit-scrollbar-thumb {
  background: #0FC73E;
  border-radius: 999px;
  border: none;
  box-shadow: none;
}
::-webkit-scrollbar-thumb:hover {
  background: #0ea832;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #0FC73E transparent;
}
.btn-details {
  display: flex;
  width: 300px;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 1px solid #31E45F;
  background: #090808;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: auto;
  align-self: flex-start;
}
.btn-details:hover {
  background: #31E45F;
}
@media (max-width: 768px) {
  .container {
    margin: 0;
  }
  .btn-details {
    width: 100%;
    align-self: stretch;
  }
}
@media (min-width: 1600px) {
  h1,
  h2 {
    line-height: var(--lh-tight);
  }
}
.animation-title {
  opacity: 0;
  transform: translateX(-120px);
  will-change: transform, opacity;
}
.animation-title.in-view {
  animation: heroSlideIn 1.6s cubic-bezier(0.28, 0.7, 0.25, 1) forwards 0.2s;
}
@keyframes heroSlideIn {
  0% {
    opacity: 0;
    transform: translateX(-120px);
  }
  55% {
    opacity: 1;
    transform: translateX(12px);
  }
  70% {
    transform: translateX(-6px);
  }
  85% {
    transform: translateX(3px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .animation-title {
    opacity: 1;
    transform: none;
  }
  .animation-title.in-view {
    animation: none;
  }
}
body.dark-mode .header .mobile-nav-list > li {
  color: #FFF;
}
body.dark-mode .header .mobile-nav-list a {
  color: #FFF;
}
body.dark-mode .header .mobile-nav-list a.active {
  color: #FFF;
}
body.dark-mode .header .mobile-nav-list .arrow {
  color: #94a3b8;
}
body.dark-mode .header .mobile-nav-list > li:not(.lang-row):not(.dark-mode-row)::after {
  background: #3d404b;
}
body.dark-mode .header .lang-row-btn {
  color: #FFF;
}
body.dark-mode .header .lang-sub button {
  background: #343843;
  color: #FFF;
  border: 1px solid #3d404b;
}
body.dark-mode .header .lang-sub button:hover {
  background: #3a3e49;
}
body.dark-mode .header .lang-sub button.active {
  background: #31E45F;
  color: #FFF;
  border-color: #31E45F;
}
body.dark-mode .header .menu-indicator .bar {
  background: #FFF;
}
body.dark-mode .projects-section {
  background: #191919;
}
html[dir=rtl] h1,
html[dir=rtl] h2,
html[dir=rtl] h3,
html[dir=rtl] h4,
html[dir=rtl] h5,
html[dir=rtl] h6,
html[dir=rtl] p,
html[dir=rtl] a,
html[dir=rtl] button,
html[dir=rtl] span,
html[dir=rtl] li,
html[dir=rtl] ul {
  font-family: "Tajawal", sans-serif !important;
}
body.dark-mode .projects-section .section-title-center {
  color: #E3E3F2;
}
body.dark-mode .projects-section .projects-filters {
  border-radius: 50px;
  border: 1.012px solid #414141;
  background: var(--Background-Color, #000);
  box-shadow:
    0 63.735px 18.21px 0 rgba(209, 209, 209, 0.00),
    0 40.466px 16.187px 0 rgba(209, 209, 209, 0.01),
    0 23.268px 14.163px 0 rgba(209, 209, 209, 0.05),
    0 10.117px 10.117px 0 rgba(209, 209, 209, 0.09),
    0 3.035px 6.07px 0 rgba(209, 209, 209, 0.10),
    0 0 0 0 rgba(209, 209, 209, 0.10);
}
body.dark-mode .projects-section .filter-btn {
  background: #0000;
  color: #E3E3F2;
  border-color: #3d404b;
}
body.dark-mode .projects-section .filter-btn:hover,
body.dark-mode .projects-section .filter-btn.active {
  background: #31E45F;
  color: #FFF;
  border-color: #31E45F;
}
body.dark-mode .projects-section .project-card {
  background: #000000;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
}
body.dark-mode .projects-section .project-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .55);
}
body.dark-mode .projects-section .project-category {
  background: #31E45F;
}
body.dark-mode .projects-section .project-rating {
  color: #E3E3F2;
}
body.dark-mode .projects-section .rating-value {
  color: #E3E3F2;
}
body.dark-mode .projects-section .rating-reviews {
  color: #7A787C;
}
body.dark-mode .projects-section .project-company {
  color: #E3E3F2;
}
body.dark-mode .projects-section .project-title {
  color: #D7D9D9;
}
body.dark-mode .projects-section .project-description {
  color: #7A787C;
}
body.dark-mode .projects-section .btn-details {
  background: #000000;
  border-color: #31E45F;
  color: #E3E3F2;
}
body.dark-mode .projects-section .btn-details:hover {
  background: #31E45F;
}
body.dark-mode .projects-section .arrow {
  filter: brightness(0) invert(1);
}
body.dark-mode .contact-header p {
  color: #D4D9E7;
}
body.dark-mode .service-title {
  color: #D4D9E7;
}
body.dark-mode .services-page {
  background: #000000;
}
body.dark-mode .services-header {
  background: #000000;
}
body.dark-mode .page-title {
  color: #31E45F;
}
body.dark-mode .page-description {
  color: #D4D9E7;
}
body.dark-mode .services-grid-section {
  background: #000000;
}
body.dark-mode .service-card {
  border-radius: 14px;
  background: #262626;
}
body.dark-mode .service-card p {
  color: #d0d4dc;
}
body.dark-mode .service-card:hover {
  background: #0FC73E;
  box-shadow:
    0 0 25px rgba(49, 228, 95, 0.55),
    0 0 45px rgba(49, 228, 95, 0.35),
    0 0 65px rgba(49, 228, 95, 0.28);
}
body.dark-mode .service-card-compact {
  color: #FFF;
}
body.dark-mode .service-card-compact.card-first {
  background: #2A2A2A;
}
body.dark-mode .service-card-compact.card-second {
  background: #191919;
}
body.dark-mode .service-row.double-row:nth-of-type(even) .card-first {
  background: #191919;
}
body.dark-mode .service-row.double-row:nth-of-type(even) .card-second {
  background: #2A2A2A;
}
body.dark-mode .service-description {
  color: #B0B0B0;
}
body.dark-mode .details-btn {
  background: #31E45F;
  color: #000;
}
body.dark-mode .details-btn:hover {
  background: #2de372;
  box-shadow: 0 6px 20px rgba(49, 228, 95, 0.4);
}
body.dark-mode .service-num {
  color: #31E45F;
}
body.dark-mode .vertical-line-up::before {
  background:
    linear-gradient(
      180deg,
      #31E45F 0%,
      #0FC73E 50%,
      #31E45F 100%);
}
body.dark-mode .contact-form-card {
  border: 1px solid #191919;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 500px;
}
a:hover ~ .cursor-outer,
button:hover ~ .cursor-outer,
[role=button]:hover ~ .cursor-outer,
.clickable:hover ~ .cursor-outer,
input:hover ~ .cursor-outer,
textarea:hover ~ .cursor-outer,
select:hover ~ .cursor-outer {
  transform: translate(-50%, -50%) scale(1.45);
  opacity: 1;
}
a:hover ~ .cursor-inner,
button:hover ~ .cursor-inner,
[role=button]:hover ~ .cursor-inner,
.clickable:hover ~ .cursor-inner,
input:hover ~ .cursor-inner,
textarea:hover ~ .cursor-inner,
select:hover ~ .cursor-inner {
  transform: translate(-50%, -50%) scale(0.55);
}
.cursor-outer.active {
  transform: translate(-50%, -50%) scale(1.45) !important;
  opacity: 1 !important;
}
.cursor-inner.active {
  transform: translate(-50%, -50%) scale(0.55) !important;
}
body.dark-mode .about-hero {
  background: #000000;
}
body.dark-mode .hero-title,
body.dark-mode .section-title,
body.dark-mode .values-title {
  color: #ffffff;
}
body.dark-mode .hero-text,
body.dark-mode .section-text,
body.dark-mode .values-description {
  color: #b0b0b0;
}
body.dark-mode .mission-section,
body.dark-mode .vision-section,
body.dark-mode .values-section {
  background: #191919;
}
body.dark-mode .value-card {
  background: #191919;
}
body.dark-mode .value-title {
  color: #ffffff;
}
body.dark-mode .value-description {
  color: #b0b0b0;
}
body.dark-mode .learn-more-link a {
  color: #0FC73E;
}
body.dark-mode .page-description {
  color: #F2F2F2;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */