/* 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: 22px;
  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;
}
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: 400;
}
@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;
  }
  h3 {
    font-size: 26px;
    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;
  }
  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;
  }
  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: #22c55e;
  --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;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
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: url("./media/green-arrow-cursor.svg") 0 0, auto;
}
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 .header,
body.dark-mode .nav-left,
body.dark-mode .nav-right,
body.dark-mode .lang-dropdown .lang-menu,
body.dark-mode .mobile-nav-list {
  background: #000000;
}
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: #000000;
  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: #22c55e;
  color: #FFF;
  border-color: #22c55e;
}
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: #22c55e;
  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;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
}
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 .service-card {
  background: #343843;
  color: #FFF;
  box-shadow: 0 6px 20px -4px rgba(0, 0, 0, .5);
}
body.dark-mode .service-card p {
  color: #d0d4dc;
}
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: #22c55e;
}
body.dark-mode .background-circle {
  background: #191919;
  box-shadow: 0 20px 52px -12px rgba(0, 0, 0, .7);
}
body.dark-mode .circle-triangle-clip {
  border-bottom-color: #000000;
}
body.dark-mode .background-circle {
  background:
    radial-gradient(
      circle at 50% 45%,
      #2b2d33 0%,
      #1f2025 55%,
      #17181c 100%);
}
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 .explore-btn:hover {
  background: #12e267;
}
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: #22c55e;
}
body.dark-mode .pager-btn:hover:not([disabled]) {
  background: #22c55e;
  border-color: #22c55e;
  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 {
  background: #1a1a1a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .6);
}
body.dark-mode .badge-icon {
  background: #22c55e;
}
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: #22c55e;
}
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;
}
button,
a,
[role=button],
.clickable,
input[type=button],
input[type=submit],
.btn,
.btn-primary,
.btn-send-message,
.filter-btn,
.pager-btn,
.carousel-btn,
.dot,
.form-select {
  cursor: url("./media/clarity_cursor-hand-click-line.svg") 8 2, pointer !important;
}
@media (max-width: 768px) {
  .container {
    margin: 0;
  }
}
@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: #22c55e;
  color: #FFF;
  border-color: #22c55e;
}
body.dark-mode .header .menu-indicator .bar {
  background: #FFF;
}
body.dark-mode .projects-section {
  background: #191919;
}
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: #22c55e;
  color: #FFF;
  border-color: #22c55e;
}
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: #22c55e;
  color: #000000;
}
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: #22c55e;
  color: #E3E3F2;
}
body.dark-mode .projects-section .btn-details:hover {
  background: #2A2C38;
}
body.dark-mode .projects-section .btn-primary-large {
  background: #22c55e;
  color: #FFF;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .6);
}
body.dark-mode .projects-section .btn-primary-large:hover {
  background: #2de372;
}
body.dark-mode .projects-section .arrow {
  filter: brightness(0) invert(1);
}
body.dark-mode .contact-header p {
  color: #D4D9E7;
}
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;
}

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