*,
*::before,
*::after {
  box-sizing: inherit;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", "Quicksand", "Nunito", sans-serif;
  font-optical-sizing: auto;
}

body.nav-open {
  overflow: hidden;
  height: 100vh;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.h-xxlg {
  font-size: 5.6rem;
}

.h-xlg {
  font-size: 4.2rem;
}

.h-lg {
  font-size: 3.2rem;
}

.h-md {
  font-size: 2.4rem;
}

.h-sm {
  font-size: 2rem;
}

@media only screen and (max-width: 64em) {
  html {
    font-size: 56.25%;
  }
}
@media only screen and (max-width: 61.25em) {
  html {
    font-size: 52.25%;
  }
}
@media only screen and (max-width: 48em) {
  html {
    font-size: 50%;
  }
}
@media only screen and (max-width: 37.5em) {
  html {
    font-size: 46.25%;
  }
}
@media only screen and (max-width: 30em) {
  html {
    font-size: 46.875%;
  }
}
@media only screen and (max-width: 22.5em) {
  html {
    font-size: 36.25%;
  }
}
@media (max-width: 61.25em) {
  .header .navigation {
    display: flex;
    align-items: start;
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100vh;
    transform: translateX(100%);
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075);
    z-index: 100;
    overflow-y: scroll;
    padding: 0 2rem;
  }
  .header .navigation__close {
    display: block;
  }
  .header .navigation__menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 5rem;
    padding: 2rem 3.2rem;
  }
  .header .navigation__menu-icon {
    display: flex;
  }
  .header .navigation__menu-link {
    font-size: 3.2rem;
  }
  .header .navigation__menu.active {
    display: flex;
  }
  .header .navigation__submenu-link {
    font-size: 2rem;
  }
  .header .navigation__services {
    position: static;
    height: 100%;
    flex-wrap: nowrap;
  }
  .header .navigation__more {
    position: static;
    height: 0;
    opacity: 0;
  }
  .header .navigation__more.active {
    opacity: 1;
    height: 100%;
  }
  .header .navigation.active {
    transform: translateX(0%);
  }
}
@media only screen and (max-width: 56.25em) {
  .header .navigation {
    width: 60%;
  }
}
@media only screen and (max-width: 37.5em) {
  .header {
    padding: 1.5rem 3.2rem;
  }
  .header .navigation {
    width: 70%;
  }
  .header .navigation__menu-link {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 30em) {
  .header .navigation {
    width: 95%;
  }
}
@media only screen and (max-width: 90em) {
  .hero__content {
    clip-path: polygon(0% 50%, 0% 0%, 100% 0%, 100% 30%);
    padding: 6.4rem;
  }
  .hero__content-heading {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 56.25em) {
  .hero__content {
    gap: 3.2rem;
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 30%);
    padding: 6.4rem;
  }
}
@media only screen and (max-width: 48em) {
  .hero__content {
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 30%);
  }
}
@media only screen and (max-width: 37.5em) {
  .hero__content {
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 40%);
    padding: 6.4rem 3.2rem;
  }
}
@media only screen and (max-width: 30em) {
  .hero__content {
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 40%);
  }
}
@media only screen and (max-width: 22.5em) {
  .hero__content {
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 40%);
  }
}
@media (max-width: 30em) {
  .algorithm {
    padding: 9.6rem 4.5rem;
  }
  .algorithm__card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 32rem;
    gap: 2rem;
    padding: 0;
  }
}
@media (max-width: 22.5em) {
  .algorithm__card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 32rem;
    gap: 2rem;
    padding: 0;
  }
}
@media only screen and (max-width: 30em) {
  .service {
    padding: 9.6rem 4.5rem;
  }
  .service__header-subheading {
    font-size: 2.4rem;
  }
  .service__card-container {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 32rem;
    gap: 2rem;
    padding: 0;
  }
  .service__card:hover {
    transform: translateY(-5px);
  }
}
@media only screen and (max-width: 22.5em) {
  .service__card-container {
    padding: 0;
  }
}
@media (max-width: 75em) {
  .solutions__intro {
    gap: 4.5rem;
    padding: 9.6rem;
  }
  .solutions__strategy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2.5rem;
    padding: 6.4rem 0;
  }
}
@media (max-width: 64em) {
  .solutions__intro {
    grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr));
    gap: 4.5rem;
    padding: 6.4rem;
  }
}
@media (max-width: 61.25em) {
  .solutions__strategy {
    padding: 6.4rem 9.6rem;
  }
  .solutions__strategy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2.5rem;
    padding: 6.4rem 0;
  }
}
@media (max-width: 56.25em) {
  .solutions__intro {
    grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr));
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 9.6rem 6.4rem;
  }
  .solutions__intro-content--title {
    font-size: 2.4rem;
  }
  .solutions__intro-content--description {
    font-size: 2rem;
  }
  .solutions__challenges-container {
    padding: 6.4rem;
  }
}
@media (max-width: 37.5em) {
  .solutions__strategy-grid {
    grid-template-columns: 1fr;
    padding: 6.4rem 4.5rem;
  }
  .solutions__challenges-heading {
    padding: 6.4rem 3.2rem;
  }
  .solutions__challenges-container {
    padding: 6.4rem 3.2rem;
  }
}
@media (max-width: 30em) {
  .solutions__header {
    padding: 6.4rem 3.2rem;
    padding-bottom: 0;
  }
  .solutions__intro {
    padding: 6.4rem 0;
  }
  .solutions__intro-content {
    padding: 0 3.2rem;
  }
  .solutions__intro-content--heading {
    font-size: 2.4rem;
  }
  .solutions__strategy {
    padding: 6.4rem 3.2rem;
  }
  .solutions__strategy-heading {
    font-size: 3.2rem;
  }
  .solutions__strategy-grid {
    gap: 2rem;
    padding: 6.4rem 2rem;
  }
  .solutions__strategy-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .solutions__strategy-content--title {
    font-size: 2rem;
  }
  .solutions__strategy-content--description {
    font-size: 1.8rem;
  }
  .solutions__challenges-heading {
    font-size: 3.2rem;
    font-weight: 500;
    padding: 3.2rem;
  }
  .solutions__challenges-container--info {
    font-size: 1.8rem;
  }
}
@media (max-width: 22.5em) {
  .solutions__challenges-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .solutions__intro {
    grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr));
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 6.4rem 0;
  }
  .solutions__intro-content {
    padding: 0 3.2rem;
  }
}
@media only screen and (max-width: 61.25em) {
  .expertise__content {
    display: grid;
    grid-template-columns: repeat(9, 40rem);
    gap: 2.5rem;
    overflow: auto;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 48em) {
  .expertise__content {
    display: grid;
    grid-template-columns: repeat(9, 40rem);
    gap: 2.5rem;
    overflow: auto;
    overflow-x: scroll;
  }
  .expertise-card {
    display: grid;
    grid-template-rows: repeat(2, min-content);
  }
}
@media only screen and (max-width: 30em) {
  .expertise-heading {
    padding: 6.4rem 3.2rem;
  }
  .expertise__content {
    display: grid;
    grid-template-columns: repeat(9, 40rem);
    gap: 2.5rem;
    overflow: auto;
    overflow-x: scroll;
    padding: 9.6rem 6.4rem;
  }
}
@media only screen and (max-width: 22.5em) {
  .expertise__content {
    display: grid;
    grid-template-columns: repeat(9, 40rem);
    gap: 2rem;
    overflow: auto;
    overflow-x: scroll;
    padding: 9.6rem;
  }
}
@media only screen and (max-width: 30em) {
  .lowcode__header {
    padding: 6.4rem 3.2rem;
    padding-bottom: 0;
  }
  .lowcode__approach-subheading {
    padding: 0 3.2rem;
  }
  .lowcode__approach-container {
    padding: 6.4rem;
  }
  .lowcode__approach-content {
    gap: 1rem;
  }
  .lowcode__cta {
    padding: 0 4.5rem;
  }
}
@media only screen and (max-width: 56.25em) {
  .industries__menus {
    padding: 0 6.4rem;
  }
}
@media only screen and (max-width: 48em) {
  .industries__menus {
    gap: 2rem;
    padding: 0;
  }
}
@media only screen and (max-width: 37.5em) {
  .industries {
    padding: 9.6rem 3.2rem;
  }
  .industries__menus {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, minmax(8rem, 1fr));
    padding: 0 3.2rem;
  }
  .industries__menu-link {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 30em) {
  .footer {
    padding: 6.4rem 3.2rem;
  }
}
@media only screen and (max-width: 30em) {
  .footer__top {
    padding: 0;
  }
  .footer__logo-img {
    text-align: center;
  }
  .footer__nav {
    padding: 6.4rem 0;
  }
  .footer__nav-list {
    flex-wrap: wrap;
    gap: 3.2rem;
  }
  .footer__nav-list li:first-child {
    list-style: none;
  }
  .footer__nav-link {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 64em) {
  .services__contact {
    grid-auto-rows: 50vh;
  }
}
@media only screen and (max-width: 61.25em) {
  .services__contact {
    grid-auto-rows: auto;
  }
  .services__contact-content {
    text-align: center;
    align-items: center;
    gap: 4.5rem;
  }
}
@media only screen and (max-width: 56.25em) {
  .services__approach {
    padding: 9.6rem 6.4rem;
  }
  .services__contact {
    grid-template-columns: 1fr;
    grid-template-rows: 50vh auto;
  }
}
@media (max-width: 48em) {
  .services__approach {
    padding: 6.4rem 3.2rem;
  }
  .services__content-heading {
    padding: 6.4rem 3.2rem;
  }
  .services__advantages {
    padding: 0 3.2rem;
  }
  .services__advantages-heading {
    font-size: 3.2rem;
  }
  .services__advantages-grid {
    padding: 0;
  }
  .services__advantages-grid--items-title {
    font-size: 2.4rem;
  }
  .services__advantages-grid--items-info {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .services__hero {
    align-items: center;
    text-align: center;
    padding: 6.4rem;
  }
  .services__hero-heading {
    font-size: 4.2rem;
  }
  .services__hero-description {
    max-width: 100%;
  }
  .services__intro {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(45rem, 1fr));
    padding: 9.6rem 6.4rem;
  }
  .services__purpose {
    width: 90%;
    margin: 3.2rem;
    padding: 4.5rem;
  }
  .services__approach-container {
    padding: 6.4rem 0;
  }
  .services__approach-content--number {
    font-size: 3.2rem;
  }
  .services__approach-content--title {
    font-size: 2.4rem;
  }
  .services__approach-content:hover .services__approach-content--info {
    max-height: 100%;
    opacity: 1;
    padding: 3.2rem;
  }
}
@media only screen and (max-width: 30em) {
  .services__intro {
    padding: 9.6rem 3.2rem;
  }
  .services__approach-container {
    padding: 6.4rem 0;
  }
}
@media (max-width: 64em) {
  .servicepage__strategy-container {
    padding: 9.6rem 6.4rem;
  }
}
@media only screen and (max-width: 61.25em) {
  .servicepage__goal-container {
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    padding: 6.4rem;
  }
  .servicepage__solutions-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 9.6rem;
  }
  .servicepage__benefits-header {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 6.4rem 9.6rem;
  }
  .servicepage__benefits-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 56.25em) {
  .servicepage__strategy-container {
    grid-template-columns: 1fr;
    padding: 9.6rem 6.4rem;
  }
  .servicepage__strategy-content {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
@media only screen and (max-width: 48em) {
  .servicepage__solutions-container {
    display: grid;
    grid-template-columns: repeat(6, 40rem);
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 9.6rem 6.4rem;
    overflow-x: scroll;
  }
  .servicepage__benefits-container {
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    padding: 9.6rem 6.4rem;
  }
  .servicepage__offering {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    padding: 6.4rem 0;
  }
  .servicepage__offering-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    justify-content: center;
    padding: 0 3.2rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .servicepage__solutions-header {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem 3.2rem;
  }
  .servicepage__solutions-header--subheading {
    max-width: 100%;
  }
  .servicepage__goal-container {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    align-items: start;
    padding: 6.4rem;
  }
  .servicepage__benefits-header {
    padding: 6.4rem 3.2rem;
    text-align: center;
  }
  .servicepage__benefits-container {
    padding: 6.4rem 3.2rem;
  }
  .servicepage__benefits-content {
    padding: 2.5rem 2rem;
  }
  .servicepage__benefits-content--title {
    font-size: 2.4rem;
  }
  .servicepage__benefits-content--info {
    font-size: 2rem;
  }
  .servicepage__offering-content {
    padding: 2.5rem;
  }
  .servicepage__offering-content--title {
    font-size: 2.4rem;
  }
  .servicepage__offering-content--subtitle {
    font-size: 2.4rem;
  }
  .servicepage__offering-content--list-item {
    font-size: 2.2rem;
  }
  .servicepage__contact {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-rows: auto;
    justify-items: center;
    align-items: center;
    gap: 6.4rem;
    padding: 6.4rem 9.6rem;
  }
  .servicepage__contact-content {
    align-items: center;
    text-align: center;
  }
}
@media only screen and (max-width: 30em) {
  .servicepage__solutions-container {
    display: grid;
    grid-template-columns: repeat(6, 40rem);
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 9.6rem 6.4rem;
    overflow-x: scroll;
  }
  .servicepage__benefits-container {
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  }
  .servicepage__offering {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    padding: 6.4rem 3.2rem;
  }
  .servicepage__offering-grid {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
@media only screen and (max-width: 61.25em) {
  .cloudpage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
  .cloudpage__solutions-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 9.6rem;
  }
  .cloudpage__partners {
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
    padding: 9.6rem 6.4rem;
  }
  .cloudpage__partners-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    justify-items: center;
    align-items: center;
    gap: 2.5rem;
    padding: 0 6.4rem;
  }
}
@media only screen and (max-width: 48em) {
  .cloudpage__solutions-container {
    display: grid;
    grid-template-columns: repeat(5, 40rem);
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 9.6rem 6.4rem;
    overflow-x: scroll;
  }
  .cloudpage__partners {
    padding: 9.6rem 3.2rem;
  }
  .cloudpage__partners-container {
    gap: 2rem;
    padding: 0;
  }
}
@media only screen and (max-width: 37.5em) {
  .cloudpage__solutions-header {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem 3.2rem;
  }
  .cloudpage__solutions-header--subheading {
    max-width: 100%;
  }
  .cloudpage__partners-img {
    width: 20rem;
    height: auto;
    border-radius: 0.5rem;
    border: 1px solid lightgray;
  }
}
@media only screen and (max-width: 30em) {
  .cloudpage__solutions-container {
    display: grid;
    grid-template-columns: repeat(5, 40rem);
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 9.6rem 6.4rem;
    overflow-x: scroll;
  }
}
@media (max-width: 48em) {
  .firebasepage__hero {
    align-items: center;
    text-align: center;
    padding: 6.4rem;
  }
  .firebasepage__hero-description {
    max-width: 100%;
    font-size: 2.4rem;
  }
}
@media (max-width: 48em) {
  .ecompage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .aipage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
  .aipage__hero-header-heading {
    font-size: 3.2rem;
  }
  .aipage__hero-header-description {
    max-width: 100%;
    font-size: 2.4rem;
  }
}
@media (max-width: 48em) {
  .apipage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .apppage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .webapppage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .webpage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .spapage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .crmpage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .datapage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .databasepage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .microspage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .digitalmpage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 48em) {
  .uiuxpage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media (max-width: 37.5em) {
  .industrypage__feature {
    color: #fff;
    background-color: #42047e;
    padding: 6.4rem;
  }
  .industrypage__feature-header {
    text-align: center;
  }
  .industrypage__feature-content {
    padding: 0 3.2rem;
  }
  .industrypage__grow {
    padding: 6.4rem;
  }
}
@media (max-width: 30em) {
  .industrypage__feature {
    color: #fff;
    background-color: #42047e;
    padding: 4.5rem;
  }
  .industrypage__feature-header {
    text-align: center;
  }
  .industrypage__feature-content {
    padding: 0 3.2rem;
  }
}
@media (max-width: 61.25em) {
  .financepage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
  .financepage-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .newspage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem 0;
  }
  .newspage__hero-description {
    max-width: 100%;
  }
}
@media (max-width: 75em) {
  .consultingpage__hero {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem 0;
  }
  .consultingpage__hero-description {
    max-width: 100%;
  }
}
@media (max-width: 61.25em) {
  .educationpage__hero {
    align-items: center;
    text-align: center;
  }
  .educationpage__hero-header {
    padding: 6.4rem;
  }
  .educationpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .educationpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .healthcarepage__hero {
    align-items: center;
    text-align: center;
  }
  .healthcarepage__hero-header {
    padding: 6.4rem;
  }
  .healthcarepage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .healthcarepage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .hospitalitypage__hero {
    align-items: center;
    text-align: center;
  }
  .hospitalitypage__hero-header {
    padding: 6.4rem;
  }
  .hospitalitypage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .hospitalitypage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .retailpage__hero {
    align-items: center;
    text-align: center;
  }
  .retailpage__hero-header {
    padding: 6.4rem;
  }
  .retailpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .retailpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .ecommpage__hero {
    align-items: center;
    text-align: center;
  }
  .ecommpage__hero-header {
    padding: 6.4rem;
  }
  .ecommpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .ecommpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .entertainmentpage__hero {
    align-items: center;
    text-align: center;
  }
  .entertainmentpage__hero-header {
    padding: 6.4rem;
  }
  .entertainmentpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .entertainmentpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .transportationpage__hero {
    align-items: center;
    text-align: center;
  }
  .transportationpage__hero-header {
    padding: 6.4rem;
  }
  .transportationpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .transportationpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .publicpage__hero {
    align-items: center;
    text-align: center;
  }
  .publicpage__hero-header {
    padding: 6.4rem;
  }
  .publicpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .publicpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 61.25em) {
  .professionalpage__hero {
    align-items: center;
    text-align: center;
  }
  .professionalpage__hero-header {
    padding: 6.4rem;
  }
  .professionalpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 37.5em) {
  .professionalpage__hero-description {
    font-size: 2.4rem;
  }
}
@media (max-width: 75em) {
  .company__intro-container {
    padding: 9.6rem;
  }
  .company__mission {
    font-family: "Open Sans";
    line-height: 1.8;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(45rem, 1fr));
    grid-auto-rows: auto;
    gap: 6.4rem;
    padding: 9.6rem;
  }
  .company__work {
    padding: 9.6rem;
  }
}
@media (max-width: 61.25em) {
  .company__intro-container {
    padding: 9.6rem 6.4rem;
  }
}
@media (max-width: 56.25em) {
  .company__intro-container {
    flex-direction: column;
    padding: 9.6rem;
  }
}
@media (max-width: 48em) {
  .company__hero-content {
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 30%);
  }
  .company__intro-container {
    flex-direction: column;
    padding: 6.4rem 9.6rem;
  }
  .company__mission {
    gap: 4.5rem;
    padding: 6.4rem 9.6rem;
  }
  .company__work {
    padding: 6.4rem 9.6rem;
  }
  .company__clients-content {
    padding: 9.6rem;
  }
  .company__statement {
    padding: 6.4rem 9.6rem;
  }
  .company__goal {
    padding: 6.4rem;
  }
  .company__cta {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem 3.2rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .company__hero-content {
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 40%);
  }
  .company__intro-heading {
    font-size: 3.2rem;
  }
}
@media (max-width: 30em) {
  .company__hero-content {
    clip-path: polygon(0% 50%, 0% 0%, 100% 0%, 100% 30%);
  }
  .company__intro-container {
    flex-direction: column;
    padding: 6.4rem 3.2rem;
  }
  .company__intro-description {
    font-size: 2rem;
  }
  .company__mission {
    padding: 6.4rem 3.2rem;
  }
  .company__mission-description {
    font-size: 2rem;
  }
  .company__work {
    padding: 3.2rem;
  }
  .company__work-subheading {
    font-size: 2rem;
  }
  .company__work-list {
    font-size: 1.8rem;
  }
  .company__clients-content {
    padding: 6.4rem 2rem;
  }
  .company__statement {
    padding: 6.4rem 3.2rem;
  }
  .company__statement-list {
    font-size: 1.8rem;
  }
  .company__goal {
    padding: 6.4rem 2rem;
  }
  .company__cta {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem 3.2rem;
  }
}
@media only screen and (max-width: 22.5em) {
  .company__hero-content {
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 40%);
  }
}
@media (max-width: 81.25em) {
  .insights__case {
    padding: 6.4rem;
  }
  .insights__case-card {
    gap: 3.2rem;
    padding: 6.4rem;
  }
}
@media (max-width: 75em) {
  .insights__case {
    padding: 6.4rem;
  }
  .insights__case-card {
    gap: 3.2rem;
    padding: 6.4rem;
  }
  .insights__cta {
    padding: 9.6rem;
  }
}
@media (max-width: 61.25em) {
  .insights__intro {
    padding: 9.6rem;
  }
  .insights__cta {
    padding: 9.6rem 6.4rem;
  }
}
@media (max-width: 56.25em) {
  .insights__case {
    padding: 6.4rem;
  }
  .insights__case-container {
    display: grid;
    grid-template-columns: repeat(6, 100%);
    grid-auto-rows: auto;
  }
  .insights__case-card {
    grid-template-columns: 1fr;
    padding: 6.4rem;
  }
}
@media (max-width: 61.25em) {
  .insights__intro {
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 9.6rem 6.4rem;
  }
  .insights__case-card {
    grid-template-columns: 1fr;
    padding: 6.4rem 3.2rem;
  }
  .insights__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 9.6rem 6.4rem;
  }
}
@media (max-width: 37.5em) {
  .insights__hero {
    height: 70vh;
    align-items: center;
    justify-content: center;
    gap: 3.2rem;
    text-align: center;
    padding: 9.6rem 6.4rem;
  }
  .insights__hero-heading {
    font-size: 3.6rem;
  }
}
@media (max-width: 30em) {
  .insights__case-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .insights__case-card {
    grid-template-columns: 1fr;
    padding: 6.4rem 0;
  }
}
@media only screen and (max-width: 48em) {
  .privacy {
    padding: 6.4rem;
  }
  .privacy .main-heading {
    font-size: 4.2rem;
  }
  .privacy .main-subheading {
    font-size: 2rem;
  }
  .privacy .page__content-heading {
    font-size: 2.4rem;
  }
  .privacy .page__content-text {
    font-size: 1.8rem;
  }
  .privacy .page__content-list {
    gap: 0.8rem;
  }
  .privacy .page__content-list--item {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 48em) {
  .privacy {
    padding: 14.6rem 3.2rem;
  }
}
@media only screen and (max-width: 56.25em) {
  .morepage__case-heading {
    font-size: 3.2rem;
    color: #222;
    padding: 6.4rem;
  }
  .morepage__case-content {
    padding: 6.4rem;
  }
  .morepage__faq {
    padding: 6.4rem;
  }
  .morepage__faq-header {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
  }
  .morepage__faq-container {
    grid-template-columns: 1fr;
    padding: 6.4rem 0;
  }
}
@media only screen and (max-width: 61.25em) {
  .morepage__intro-explain {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .morepage__intro-explain-container {
    width: 100%;
  }
  .morepage__planning {
    padding: 6.4rem 3.2rem;
  }
  .morepage__planning-container {
    padding: 6.4rem 0;
  }
  .morepage__planning-content {
    grid-template-columns: 1fr;
  }
  .morepage__case-heading {
    font-size: 3.2rem;
    color: #222;
    padding: 6.4rem;
  }
  .morepage__case-content {
    padding: 6.4rem;
  }
  .morepage__faq {
    padding: 6.4rem;
  }
  .morepage__faq-header {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
  }
  .morepage__faq-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 6.4rem 0;
  }
  .morepage__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 9.6rem 6.4rem;
  }
}
@media only screen and (max-width: 48em) {
  .morepage__apply {
    padding: 6.4rem;
  }
  .morepage__apply-header {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .morepage__models {
    padding: 9.6rem 6.4rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .morepage__info-header {
    padding: 9.6rem 6.4rem;
  }
  .morepage__services-header {
    padding: 6.4rem;
  }
  .morepage__planning {
    padding: 0;
  }
  .morepage__planning-header {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3.2rem;
  }
  .morepage__planning-content {
    grid-template-columns: 1fr;
    padding: 6.4rem 0;
  }
  .morepage__faq {
    padding: 6.4rem 3.2rem;
  }
  .morepage__faq-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 6.4rem;
    padding: 6.4rem 0;
  }
  .morepage__faq-content {
    padding: 6.4rem 2rem;
  }
  .morepage__applicable-header {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem 3.2rem;
  }
  .morepage__models {
    padding: 6.4rem 3.2rem;
  }
  .morepage__models__table {
    width: 100%;
  }
  .morepage__apply {
    padding: 6.4rem 4.5rem;
  }
  .morepage__apply-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 6.4rem 3.2rem;
  }
}
@media only screen and (max-width: 30em) {
  .morepage__intro {
    width: 100%;
  }
  .morepage__intro-header {
    padding: 9.6rem 3.2rem;
  }
  .morepage__intro-description {
    width: 100%;
    font-size: 2.4rem;
  }
  .morepage__planning {
    padding: 6.4rem;
  }
  .morepage__planning-container {
    padding: 6.4rem 0;
  }
  .morepage__case-heading {
    padding: 6.4rem;
  }
  .morepage__case-content {
    padding: 6.4rem;
  }
  .morepage__faq {
    padding: 6.4rem 3.2rem;
  }
  .morepage__faq-header {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
  }
  .morepage__faq-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 4.5rem;
    padding: 6.4rem 0;
  }
  .morepage__info-header {
    padding: 9.6rem 3.2rem;
  }
  .morepage__applicable-header {
    padding: 6.4rem 3.2rem;
  }
  .morepage__models {
    padding: 6.4rem 2rem;
  }
  .morepage__apply-container {
    padding: 6.4rem 0;
  }
  .morepage__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
@media only screen and (max-width: 48em) {
  .saaspage__hero {
    padding: 9.6rem 6.4rem;
  }
  .saaspage__hero-header {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .saaspage__hero-description {
    width: 100%;
  }
}
@media only screen and (max-width: 48em) {
  .wordpresspage__hero {
    padding: 9.6rem 6.4rem;
  }
  .wordpresspage__hero-header {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .wordpresspage__hero-description {
    width: 100%;
  }
}
@media only screen and (max-width: 48em) {
  .migrationpage__hero {
    padding: 9.6rem 6.4rem;
  }
  .migrationpage__hero-header {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .migrationpage__hero-description {
    width: 100%;
  }
}
@media only screen and (max-width: 48em) {
  .partnerpage__hero {
    padding: 9.6rem 6.4rem;
  }
  .partnerpage__hero-header {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .partnerpage__hero-description {
    width: 100%;
  }
}
@media only screen and (max-width: 37.5em) {
  .partnerpage__applicable-header {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6.4rem;
  }
}
@media only screen and (max-width: 30em) {
  .partnerpage__applicable-header {
    padding: 6.4rem 3.2rem;
  }
}
@media only screen and (max-width: 48em) {
  .techsupportpage__hero {
    padding: 9.6rem 6.4rem;
  }
  .techsupportpage__hero-header {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .techsupportpage__hero-description {
    width: 100%;
  }
}
@media only screen and (max-width: 48em) {
  .techconsultingpage__hero {
    padding: 9.6rem 6.4rem;
  }
  .techconsultingpage__hero-header {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .techconsultingpage__hero-description {
    width: 100%;
  }
  .techconsultingpage__applicable-header {
    padding: 6.4rem 3.2rem;
  }
}
.cookie-banner {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  padding: 2rem 2.5rem;
  background: #212529;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.7;
  border-radius: 0.5rem;
  z-index: 9999;
  display: none;
}
.cookie-banner__flex {
  display: flex;
  align-items: center;
}
.cookie-banner-text {
  color: #f2f2f2;
}
.cookie-banner-link {
  color: #fff;
  font-family: inherit;
  font-size: 1.6rem;
}
.cookie-banner-btn {
  margin-left: 1.5rem;
  padding: 0.6rem 1.2rem;
  border: none;
  background: #2530f8;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

@media (max-width: 37.5em) {
  .cookie-banner {
    position: fixed;
    right: 0;
    left: 0;
    margin: 1rem;
  }
}
.contact-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr));
  grid-auto-rows: auto;
  gap: 2rem;
  padding: 0 6.4rem;
}
.contact-page__hero {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2rem;
  color: #222;
  padding: 14.6rem 3.2rem;
  line-height: 1.7;
}
.contact-page__hero-heading {
  font-size: 3.2rem;
  font-weight: 500;
}
.contact-page__hero-description {
  max-width: 60ch;
  font-size: 2rem;
}

.form__container {
  padding: 6.4rem 2rem;
}
.form__container .form {
  font-family: "Nunito";
  max-width: 80rem;
  margin: 6.4rem auto;
  padding: 3.2rem;
  background-color: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  color: #333;
}
.form__container .form__group {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-bottom: 25px;
}
.form__container .form__group--side-by-side > * {
  flex: 1;
  min-width: calc(50% - 12.5px);
}
.form__container .form__group--label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.8rem;
  color: #555;
  font-size: 1.6rem;
}
.form__container .form__group--input, .form__container .form__group--textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s, box-shadow 0.3s;
  background-color: #f9f9f9;
}
.form__container .form__group--input:focus, .form__container .form__group--textarea:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
  background-color: #fff;
}
.form__container .form__group--textarea {
  min-height: 12rem;
  resize: vertical;
}
.form__container .form__submit {
  font-family: inherit;
  width: 100%;
  padding: 1.5rem;
  margin-top: 2rem;
  background-color: #0d41e1;
  color: #fff;
  border: none;
  border-radius: 0.3rem;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}
.form__container .form__submit:hover {
  background-color: #000;
}
.form__container .form__recaptcha {
  margin-top: 25px;
}

@media (max-width: 600px) {
  .contact-page {
    padding: 0;
    padding-top: 6.4rem;
  }
  .contact-page__hero {
    padding: 6.4rem 2rem;
  }
  .form__container-heading {
    padding-left: 2rem;
  }
  .form__container .form {
    margin: 3.2rem auto;
    padding: 0 2rem;
  }
  .form__container .form__group {
    flex-direction: column;
    gap: 0;
  }
  .form__container .form__group--side-by-side > * {
    min-width: 100%;
    margin-bottom: 25px;
  }
}
.header {
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 4.5rem;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.035);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  transition: all 0.3s ease-in-out;
}
.header.hide {
  transform: translateY(-101%);
}
.header .logo {
  font-family: "Nunito";
  background-image: linear-gradient(#000, #0d41e1);
  background-clip: text;
  color: transparent;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: 600;
  text-transform: uppercase;
}
.header .logo__img {
  min-height: 4.6rem;
  width: auto;
  object-fit: cover;
}
.header .navigation {
  font-family: "Nunito", sans-serif;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.header .navigation button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.header .navigation__menu {
  display: flex;
  align-items: center;
  gap: 4.5rem;
}
.header .navigation__menu li {
  list-style: none;
}
.header .navigation__menu-link {
  font-family: inherit;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  transition: all 0.2s ease-in-out;
}
.header .navigation__menu-link:hover {
  color: #2530f8;
}
.header .navigation__menu-icon {
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  color: #000;
  background-color: transparent;
  animation: menuAnimation 0.5s ease-in-out;
}
.header .navigation__menu-icon--svg {
  display: flex;
  align-items: center;
  width: 5rem;
  height: 5rem;
  color: #000;
}
.header .navigation__btn {
  font-family: inherit;
  font-size: 1.6rem;
  color: #222;
  text-transform: uppercase;
  text-decoration: underline;
  border-radius: 0.2rem;
  border: none;
  padding: 1.5rem 3.2rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.header .navigation__close {
  display: none;
}
.header .navigation__close-icon {
  width: 5rem;
  height: 5rem;
  color: #000;
}
.header .navigation__submenu-link {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: none;
  color: #222;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.header .navigation__submenu-link:hover {
  color: #2530f8;
}
.header .navigation__services {
  border-radius: 0.3rem;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 40rem;
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 4.5rem 0 2rem 2rem;
}
.header .navigation__services.active {
  display: flex;
}
.header .navigation__more {
  border-radius: 0.3rem;
  background-color: #fff;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  display: none;
  flex-direction: column;
  gap: 2rem;
  padding: 4.5rem 2rem;
}
.header .navigation__more.active {
  display: flex;
}
.header .navigation.active {
  display: flex;
}

@keyframes menuSlideAnimation {
  0% {
    opacity: 0;
    width: 0%;
  }
  100% {
    opacity: 1;
    width: 50%;
  }
}
.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}

.hero {
  font-family: "Nunito", sans-serif;
  line-height: 1.7;
  padding-top: 9.6rem;
}
.hero__container {
  height: 120vh;
  position: relative;
}
.hero__heading {
  font-size: 3.2rem;
}
.hero__description {
  max-width: 60ch;
  font-size: 2.4rem;
}
.hero__content {
  color: #222;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 65%, 0% 0%, 100% 0%, 100% 20%);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 3.2rem 6.4rem;
  z-index: 10;
}
.hero__content .hl-blue {
  color: #2530f8;
}
.hero__content-btn {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
.hero__content-btn--started {
  text-decoration: none;
  font-family: inherit;
  font-size: 1.6rem;
  color: #fff;
  background-color: #222;
  border: none;
  border-radius: 0.2rem;
  padding: 1rem 3.2rem;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.hero__content-btn--started:hover {
  background-color: #000;
}
.hero__bg {
  font-family: "Open Sans";
  background-image: url(/assets/main/hero-fallback-background.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
.hero__bg-video {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  filter: brightness(75%);
  transition: opacity 1s ease-in-out;
}
.hero__bg-content {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  gap: 2.5rem;
  position: absolute;
  bottom: 5%;
  right: 5%;
  padding-left: 4.5rem;
  text-align: right;
  transition: all 0.5s ease-in;
  animation: loadUp both;
  animation-timeline: view(80% 20%);
  z-index: 10;
}
.hero__bg-heading {
  font-family: "Open Sans";
  font-size: 3.2rem;
  font-weight: 500;
  color: #fff;
}
.hero__bg-description {
  font-family: "Open Sans";
  max-width: 50ch;
  font-size: 2.4rem;
  font-weight: 400;
  color: #fff;
}
.hero__bg-btn--contact {
  font-family: "Open Sans";
  text-decoration: none;
  font-size: 1.6rem;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0.2rem;
  padding: 1.5rem 3.2rem;
  transition: all 0.2s ease-in;
}
.hero__bg-btn--contact:hover {
  color: #000;
  background-color: #fff;
}

.algorithm {
  font-family: "Nunito", "Roboto", sans-serif;
  background-color: #000;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  padding: 9.6rem 6.4rem;
}
.algorithm__heading {
  font-size: 2.4rem;
  font-weight: 400;
  color: #f2f2f2;
}
.algorithm__card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-auto-rows: 42rem;
  gap: 3.2rem;
  padding: 0 4.5rem;
}
.algorithm__card {
  padding: 5% 20% 10% 5%;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: end;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.algorithm__card:hover {
  transform: scale(1.05);
}
.algorithm__card-heading {
  font-size: 2rem;
  font-weight: 600;
  color: #d9d9d9;
}
.algorithm__card-info {
  font-size: 1.6rem;
  font-weight: 400;
  color: #d2d2d2;
}
.algorithm__card-btn {
  font-family: inherit;
  color: #d2d2d2;
  font-size: 1.6rem;
  font-weight: 400;
}
.algorithm__card-1 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/algorithm-build.webp);
  background-position: center;
  background-size: cover;
}
.algorithm__card-2 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/algorithm-test.webp);
  background-position: center;
  background-size: cover;
}
.algorithm__card-3 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/algorithm-run.webp);
  background-position: center;
  background-size: cover;
}
.algorithm__card-4 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/algorithm-deploy.webp);
  background-position: center;
  background-size: cover;
}

.service {
  font-family: "Nunito", sans-serif;
  background-color: #212529;
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  padding: 9.6rem 6.4rem;
}
.service__header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.service__header-heading {
  font-size: 2.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #f2f2f2;
}
.service__header-subheading {
  font-size: 3.2rem;
  font-weight: 400;
  color: #d9d9d9;
}
.service__card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-auto-rows: 42rem;
  gap: 2rem;
  padding: 0 6.4rem;
}
.service__card {
  position: relative;
  overflow: hidden;
  padding-bottom: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: end;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.service__card:hover {
  transform: translateY(-10px);
}
.service__card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}
.service__card-heading {
  position: relative;
  z-index: 0;
  font-size: 2rem;
  font-weight: 500;
  color: #d2d2d2;
}
.service__card:hover {
  cursor: pointer;
}
.service .card-1 {
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/ai-automation.webp);
  background-position: center;
  background-size: cover;
}
.service .card-2 {
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/data-analytics.webp);
  background-position: center;
  background-size: cover;
}
.service .card-3 {
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/cloud-solutions.webp);
  background-position: center;
  background-size: cover;
}
.service .card-4 {
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.1), rgb(0, 0, 0)), url(/assets/main/digital-marketing.webp);
  background-position: center;
  background-size: cover;
}
.service__btn-all {
  align-self: center;
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  font-size: 2rem;
  color: #999;
  border: 2px solid #999;
  border-radius: 100rem;
  padding: 1.2rem 1.8rem;
  transition: all 0.2s ease-in;
}
.service__btn-all:hover {
  color: #fff;
  border: 2px solid #fff;
}
.service__btn-all span {
  display: flex;
  align-items: center;
}
.service__btn-all--icon {
  width: 3.2rem;
  height: 3.2rem;
}

.solutions {
  font-family: "Nunito", "Quicksand";
  line-height: 1.7;
  color: #222;
}
.solutions__header {
  padding: 6.4rem;
  padding-bottom: 0;
}
.solutions__header-heading {
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
}
.solutions__intro {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-rows: auto;
  justify-items: center;
  align-items: center;
  gap: 6.4rem;
  padding: 9.6rem 16.4rem;
}
.solutions__intro-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3rem;
}
.solutions__intro-content {
  height: 100%;
  line-height: 1.6;
  transition: all 0.5s ease-in;
  animation: loadUp both;
  animation-timeline: view(80% 20%);
}
.solutions__intro-content--heading {
  font-size: 2rem;
  color: #000;
  padding-bottom: 2.5rem;
}
.solutions__intro-content--description {
  font-size: 2.4rem;
  color: #222;
}
.solutions__strategy {
  color: #fff;
  background-color: #08203e;
  padding: 6.4rem 9.6rem;
}
.solutions__strategy-heading {
  font-size: 3.2rem;
  font-weight: 500;
}
.solutions__strategy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2.5rem;
  padding: 6.4rem 9.6rem;
}
.solutions__strategy-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  border-radius: 0.3rem;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 2.5rem;
  position: relative;
  animation: loadUp both;
  animation-timeline: view(80% 20%);
}
.solutions__strategy-content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  border-bottom-left-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
}
.solutions__strategy-content:hover::before {
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.solutions__strategy-content--title {
  font-size: 2rem;
}
.solutions__strategy-content--description {
  font-size: 1.6rem;
}
.solutions__challenges-heading {
  font-size: 3.2rem;
  font-weight: 500;
  padding: 6.4rem;
}
.solutions__challenges-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  background-color: #42047e;
  padding: 6.4rem 14.6rem;
}
.solutions__challenges-content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-auto-rows: auto;
  align-items: center;
  column-gap: 3.2rem;
  row-gap: 4.5rem;
  color: #fff;
}
.solutions__challenges-content--heading {
  text-decoration: underline;
  font-size: 2.4rem;
  padding-bottom: 2.5rem;
}
.solutions__challenges-content--title {
  font-size: 2rem;
}
.solutions__challenges-content--info {
  display: flex;
  align-items: center;
  border-radius: 0.2rem;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 2rem;
  padding: 1rem 2rem;
}
.solutions__challenges-content--info span {
  display: flex;
  align-items: center;
  padding-right: 2rem;
}
.solutions__challenges-content--info-icon {
  width: 2.4rem;
  height: 2.4rem;
}

.expertise {
  font-family: "Nunito";
}
.expertise-heading {
  font-size: 3.2rem;
  font-weight: 500;
  color: #222;
  padding: 6.4rem;
}
.expertise__content {
  background-image: linear-gradient(to right bottom, #000328, #091970);
  background-color: #141f2e;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-auto-rows: auto;
  gap: 2.5rem;
  line-height: 1.7;
  padding: 9.6rem 12.4rem;
}
.expertise__content-card {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative;
  transition: all 0.5s ease-in;
  animation: loadUp both;
  animation-timeline: view(80% 20%);
}
.expertise__content-card--text {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2.5rem 2rem;
}
.expertise__content-card--img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.expertise__content-card--heading {
  font-size: 2rem;
  font-weight: 600;
  color: #222;
  padding-bottom: 1.2rem;
  position: relative;
}
.expertise__content-card--heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 0.1rem;
  background-color: #d9d9d9;
}
.expertise__content-card--subheading {
  font-size: 1.6rem;
  color: #333;
}
.expertise__content-card--info {
  font-size: 1.6rem;
  color: #222;
}
.expertise__content-card--link {
  width: max-content;
  margin-top: auto;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
  transition: all 0.3s ease-in-out;
}
.expertise .expertise__content-card:hover .expertise__content-card--link {
  color: #0f62fe;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.lowcode {
  font-family: "Nunito";
  background-color: #fff;
  width: 100%;
}
.lowcode__header {
  padding: 6.4rem;
  padding-bottom: 0;
}
.lowcode__header-heading {
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 600;
  color: #333;
}
.lowcode__approach {
  padding: 6.4rem 0;
}
.lowcode__approach-subheading {
  font-size: 3.2rem;
  font-weight: 500;
  color: #222;
  padding: 0 6.4rem;
}
.lowcode__approach-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
  grid-auto-rows: auto;
  gap: 2rem;
  padding: 6.4rem 9.6rem;
}
.lowcode__approach-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  background-color: #08203e;
  border-radius: 0.3rem;
  padding: 3.2rem 4.5rem;
  position: relative;
  transition: all 0.5s ease-in;
  animation: loadUp both;
  animation-timeline: view(80% 10%);
}
.lowcode__approach-content--icon {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 5rem;
  height: 5rem;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in;
}
.lowcode__approach-content--title {
  font-size: 2.4rem;
  font-weight: 600;
  color: #f2f2f2;
}
.lowcode__approach-content--info {
  line-height: 1.7;
  font-size: 2rem;
  color: #d9d9d9;
}
.lowcode__approach-content:hover .lowcode__approach-content--icon {
  color: rgb(255, 255, 255);
}
.lowcode__feature {
  padding: 4.5rem 0;
}
.lowcode__feature-subheading {
  font-size: 3.2rem;
  font-weight: 500;
  padding: 4.5rem 6.4rem;
}
.lowcode__feature-content {
  width: 65%;
  margin: 0 auto;
}
.lowcode__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  text-align: center;
  padding: 0 9.6rem;
}
.lowcode__cta-heading {
  font-size: 3.2rem;
  background-image: linear-gradient(to right bottom, #8711c1, #2472fc);
  color: transparent;
  background-clip: text;
}
.lowcode__cta-description {
  line-height: 1.7;
  max-width: 50ch;
  font-size: 2.4rem;
  color: #222;
}
.lowcode__cta-btn {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding-top: 3.2rem;
}
.lowcode__cta-btn--started {
  border: none;
  border-radius: 0.2rem;
  color: #f2f2f2;
  background-color: #222;
  padding: 1.2rem 2.4rem;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.lowcode__cta-btn--started:hover {
  color: #fff;
  background-color: #000;
}
.lowcode__cta-btn--demo {
  border: none;
  border-radius: 0.2rem;
  color: #f2f2f2;
  background-color: #0d41e1;
  padding: 1.2rem 2.4rem;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.lowcode__cta-btn--demo:hover {
  background-color: #00358c;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-custom-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}

.industries {
  font-family: "Nunito", "Roboto", sans-serif;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem 6.4rem;
}
.industries__header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2.5rem;
}
.industries__header-title {
  font-size: 3.2rem;
  font-weight: 400;
  color: #222;
}
.industries__header-subtitle {
  font-size: 4.2rem;
  font-weight: 500;
  color: #222;
}
.industries__menus {
  display: grid;
  grid-template-rows: repeat(6, minmax(8rem, 1fr));
  grid-template-columns: repeat(2, 1fr);
  column-gap: 4.5rem;
  padding: 0 9.6rem;
}
.industries__menu {
  position: relative;
}
.industries__menu::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #555;
  transition: all 0.3s ease-in-out;
}
.industries__menu-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 500;
  color: #333;
  padding: 3.2rem 0;
  transition: all 0.5s ease-in;
  animation: loadUp both;
  animation-timeline: view(80% 10%);
}
.industries__menu:hover::before {
  height: 2px;
  background-color: #222;
}
.industries .industries__menu:hover .industries__menu-link {
  color: #0d41e1;
}

.footer {
  font-family: "Quicksand";
  background-color: #000;
  color: #d9d9d9;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 6.4rem 9.6rem 2rem 9.6rem;
}
.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6.4rem;
  padding: 0 9.6rem;
}
.footer__logo-img {
  width: 20rem;
  height: auto;
}
.footer__contact-btn {
  color: #fff;
  background-color: transparent;
  border-radius: 100rem;
  border: 1px solid #f2f2f2;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  font-weight: 500;
  padding: 1.5rem 2.5rem;
  transition: all 0.3s ease-in-out;
}
.footer__contact-btn:hover {
  color: #222;
  background-color: #fff;
}
.footer__social {
  display: flex;
  align-items: center;
  gap: 4.5rem;
}
.footer__social-icon {
  width: 3.2rem;
  height: 3.2rem;
  fill: #d9d9d9;
  transition: all 0.3s ease-in-out;
}
.footer__social-icon:hover {
  scale: 1.05;
  fill: #fff;
}
.footer__nav {
  padding: 4.5rem 9.6rem;
  margin: 0 auto;
  border-bottom: 1px solid #333;
}
.footer__nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3.2rem;
}
.footer__nav-list li:first-child {
  list-style: none;
}
.footer__nav-link {
  text-decoration: none;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  color: #d9d9d9;
  transition: all 0.3s ease-in-out;
}
.footer__nav-link:hover {
  text-decoration: underline;
}
.footer__copyright {
  align-self: center;
}
.footer__copyright-text {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.servicepage {
  font-family: "Nunito";
}
.servicepage__strategy-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
  grid-auto-rows: auto;
  align-items: center;
  justify-items: center;
  gap: 6.4rem;
  padding: 9.6rem 14.6rem;
}
.servicepage__strategy-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3rem;
}
.servicepage__strategy-content {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.servicepage__strategy-heading {
  font-size: 2.4rem;
  color: #000;
}
.servicepage__strategy-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2rem;
  color: #000;
}
.servicepage__goal {
  background-color: #212529;
}
.servicepage__goal-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  justify-items: center;
  align-items: start;
  gap: 3.2rem;
  padding: 6.4rem 9.6rem;
}
.servicepage__goal-container--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2rem;
}
.servicepage__goal-container--content-icon {
  width: 10rem;
  height: 10rem;
  filter: invert(1);
}
.servicepage__goal-container--content-title {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #f2f2f2;
}
.servicepage__solutions {
  font-family: "Open Sans";
}
.servicepage__solutions-header {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 6.4rem 9.6rem;
}
.servicepage__solutions-header--heading {
  width: max-content;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
}
.servicepage__solutions-header--subheading {
  max-width: 60ch;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
}
.servicepage__solutions-container {
  background-color: #141f2e;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-auto-rows: auto;
  gap: 4.5rem;
  padding: 9.6rem 14.8rem;
  color: #d9d9d9;
}
.servicepage__solutions-content {
  display: grid;
  grid-template-rows: 30rem;
  row-gap: 1.5rem;
  background-color: #f2f2f2;
  backdrop-filter: blur(5px);
  border-radius: 0.5rem;
  overflow: hidden;
  line-height: 1.7;
}
.servicepage__solutions-content--title {
  font-family: inherit;
  font-size: 2rem;
  font-weight: 600;
  color: #222;
  padding: 0 3.2rem;
  transition: all 0.2s ease-in;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.servicepage__solutions-content--title:hover {
  color: #0d41e1;
}
.servicepage__solutions-content--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in;
}
.servicepage__solutions-content--info {
  font-size: 1.6rem;
  color: #222;
  padding: 3.2rem;
  padding-top: 0;
}
@keyframes textReveal {
  from {
    opacity: 0;
    transform: translate(-5rem, -50%);
  }
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
.servicepage__benefits {
  color: #222;
  line-height: 1.7;
}
.servicepage__benefits-header {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 6.4rem 9.6rem;
}
.servicepage__benefits-header--heading {
  font-size: 3.2rem;
  font-weight: 600;
}
.servicepage__benefits-header--description {
  max-width: 60ch;
  font-size: 2.4rem;
}
.servicepage__benefits-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-auto-rows: auto;
  justify-items: center;
  gap: 2rem;
  background-color: #08203e;
  padding: 9.6rem;
}
.servicepage__benefits-content {
  border-radius: 0.3rem;
  color: #222;
  background-color: #fff;
  position: relative;
  padding: 2.5rem;
  transition: all 0.5s ease-in;
  animation: loadUp both;
  animation-timeline: view(80% 10%);
}
.servicepage__benefits-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-image: linear-gradient(to right bottom, #42047e, #2530f8);
  transition: opacity 0.3s ease-in-out;
}
.servicepage__benefits-content:hover::before {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.servicepage__benefits-content--title {
  font-size: 2rem;
  padding-bottom: 2rem;
  position: relative;
  z-index: 10;
  transition: all 0.3s ease-in-out;
}
.servicepage__benefits-content--info {
  font-size: 1.6rem;
  position: relative;
  z-index: 10;
  transition: all 0.3s ease-in-out;
}
.servicepage__benefits-content:hover .servicepage__benefits-content--title, .servicepage__benefits-content:hover .servicepage__benefits-content--info {
  color: #fff;
}
.servicepage__offering {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 6.4rem 0;
}
.servicepage__offering-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
  grid-auto-rows: 1fr;
  justify-content: center;
  padding: 0 9.6rem;
}
.servicepage__offering-heading {
  font-size: 4.2rem;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.servicepage__offering-content {
  padding: 2.4rem;
}
.servicepage__offering-content--title {
  font-size: 2rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 2rem;
}
.servicepage__offering-content--subtitle {
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  margin-bottom: 2rem;
}
.servicepage__offering-content--list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-left: 2.5rem;
}
.servicepage__offering-content--list-item {
  list-style-type: square;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
}
.servicepage__offering-content--list li::marker {
  color: #2530f8;
}
.servicepage__contact {
  font-family: "Open Sans";
  background-image: linear-gradient(to right, #8711c1, #2472fc);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-rows: auto;
  padding: 6.4rem 9.6rem;
}
.servicepage__contact-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 2.5rem;
  color: #f2f2f2;
}
.servicepage__contact-content--heading {
  font-size: 3.2rem;
  font-weight: 700;
}
.servicepage__contact-content--subheading {
  font-size: 4.2rem;
}
.servicepage__contact-btn {
  display: flex;
  flex-direction: column;
  align-items: end;
  /* margin: 0 auto; */
  gap: 2.5rem;
}
.servicepage__contact-btn--contact, .servicepage__contact-btn--request {
  width: 20rem;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  font-weight: 500;
  color: #f2f2f2;
  border: 2px solid #f2f2f2;
  border-radius: 0.3rem;
  text-align: center;
  padding: 1.5rem 2.5rem;
}
.servicepage__contact-btn--contact:hover, .servicepage__contact-btn--request:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.industrypage {
  font-family: "Nunito", "Open Sans";
}
.industrypage__intro {
  font-family: "Quicksand";
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.6rem 6.4rem;
}
.industrypage__intro-header {
  text-align: center;
  line-height: 1.7;
}
.industrypage__intro-heading {
  font-family: inherit;
  font-size: 2.4rem;
  color: #2530f8;
  padding-bottom: 3.2rem;
}
.industrypage__intro-description {
  max-width: 60ch;
  font-family: inherit;
  font-size: 2.4rem;
  font-weight: 500;
  color: #222;
}
.industrypage__feature {
  color: #fff;
  background-color: #42047e;
  padding: 6.4rem 9.6rem;
}
.industrypage__feature-header {
  padding-bottom: 4.5rem;
}
.industrypage__feature-heading {
  font-size: 3.2rem;
  font-weight: 600;
  padding-bottom: 3.2rem;
}
.industrypage__feature-description {
  max-width: 60ch;
  font-size: 2rem;
  color: #f2f2f2;
  padding-bottom: 2.5rem;
}
.industrypage__feature-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
  grid-auto-rows: auto;
  gap: 3.2rem;
  padding: 0 6.4rem;
}
.industrypage__feature-list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  list-style: none;
}
.industrypage__feature-list--item {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.2rem;
  font-size: 2rem;
  color: #fff;
  padding: 2rem 3.2rem;
}
.industrypage__feature-list--item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}
.industrypage__feature-img {
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(55%);
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px solid #d9d9d9;
  padding: 0.5rem;
}
.industrypage__grow {
  padding: 9.6rem;
  width: 100%;
}
.industrypage__grow-content {
  font-family: "Quicksand";
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  text-align: center;
}
.industrypage__grow-content--title {
  font-family: inherit;
  font-size: 3.2rem;
  color: #2530f8;
}
.industrypage__grow-content--info {
  max-width: 60ch;
  font-family: inherit;
  line-height: 2;
  font-size: 2rem;
  font-weight: 500;
  color: #333;
  margin: 0 auto;
}
.industrypage__contact {
  display: grid;
  grid-template-columns: minmax(min-content, 40%) minmax(min-content, 60%);
  grid-auto-rows: 60vh;
  /* margin: 9.6rem 0; */
}
.industrypage__contact-content {
  background-color: #212529;
  padding: 6.4rem 9.6rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
}
.industrypage__contact-content--heading {
  font-size: 5.6rem;
  font-weight: 500;
  color: #f2f2f2;
}
.industrypage__contact-content--paragraph {
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 500;
  color: #999;
}
.industrypage__contact-content--btn {
  border: 2px solid #999;
  border-radius: 100rem;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: 500;
  color: #999;
  padding: 1.5rem 2.5rem;
  transition: all 0.2s ease-in-out;
}
.industrypage__contact-content--btn:hover {
  border: 2px solid #f2f2f2;
  background-color: #f2f2f2;
  color: #333;
}
.industrypage__contact-img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.morepage {
  font-family: "Nunito";
}
.morepage__intro {
  width: 100%;
}
.morepage__intro-header {
  padding: 9.6rem;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
  line-height: 1.7;
}
.morepage__intro-heading {
  font-size: 3.2rem;
  color: #0d41e1;
}
.morepage__intro-description {
  max-width: 60ch;
  font-size: 2.4rem;
  color: #222;
}
.morepage__intro-explain {
  background-attachment: fixed;
  background-image: url(/assets/more/more-page-background-image.webp);
  background-size: cover;
  background-position: center;
  padding: 6.4rem 9.6rem;
  margin-bottom: 6.4rem;
  display: flex;
  align-items: start;
}
.morepage__intro-explain-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  color: #222;
  color: #f2f2f2;
}
.morepage__intro-explain--heading {
  font-size: 3.2rem;
}
.morepage__intro-explain--description {
  max-width: 50ch;
  line-height: 1.7;
  font-size: 2rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #d9d9d9;
}
.morepage__intro-explain--list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  list-style-type: square;
}
.morepage__intro-explain--list-item {
  font-size: 1.8rem;
  margin-left: 2.5rem;
}
.morepage__intro-container {
  padding: 9.6rem 6.4rem;
  padding-top: 0;
}
.morepage__intro-container--heading {
  text-align: center;
  font-size: 3.2rem;
  color: #0d41e1;
  padding-bottom: 3.2rem;
}
.morepage__intro-container--subheading {
  text-align: center;
  font-size: 2.4rem;
  color: #333;
  padding-bottom: 6.4rem;
}
.morepage__intro-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-auto-rows: auto;
  gap: 0.2rem;
  color: #d9d9d9;
}
.morepage__intro-content__list {
  background-color: #141f2e;
  padding: 3.2rem;
  position: relative;
  border-radius: 0.3rem;
}
.morepage__intro-content__list-heading {
  font-size: 2rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 10;
}
.morepage__intro-content__list-description {
  font-size: 1.8rem;
  position: relative;
  z-index: 10;
}
.morepage__intro-content__list::before {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: linear-gradient(to right bottom, #141f2e, #0d41e1);
  z-index: 5;
  transition: all 0.5s ease-in-out;
}
.morepage__intro-content__list:hover::before {
  opacity: 1;
  width: 100%;
  border-radius: 0.3rem;
}
.morepage__services-header {
  padding: 6.4rem 9.6rem;
  color: #222;
}
.morepage__services-header--heading {
  font-size: 3.2rem;
  margin-bottom: 3.2rem;
}
.morepage__services-header--subheading {
  font-size: 2rem;
}
.morepage__services-container {
  display: grid;
  grid-template-columns: repeat(8, 45rem);
  grid-auto-rows: 55rem;
  justify-content: start;
  padding-bottom: 6.4rem;
  margin-bottom: 6.4rem;
  overflow: auto;
  overflow-x: scroll;
}
.morepage__services-container::-webkit-scrollbar {
  height: 0.5rem;
  background-color: #d9d9d9;
  border-radius: 100rem;
}
.morepage__services-container::-webkit-scrollbar-thumb {
  background-color: #42047e;
}
.morepage__services-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.morepage__services-content--img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.9);
  transition: all 0.3s ease-out;
}
.morepage__services-content--title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 25%;
  text-align: center;
  font-family: inherit;
  font-size: 2rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.morepage__services-content--info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 15%;
  text-align: center;
  font-family: inherit;
  font-size: 1.8rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.morepage__services-content:hover .morepage__services-content--img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.morepage__services-content:hover .morepage__services-content--title {
  border-top: 5px solid #0d41e1;
  height: 40%;
}
.morepage__services-content:hover .morepage__services-content--info {
  height: 30%;
}
.morepage__planning {
  padding: 6.4rem 9.6rem;
}
.morepage__planning-header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding-bottom: 0;
}
.morepage__planning-header--heading {
  font-size: 3.2rem;
  color: #222;
}
.morepage__planning-header--subheading {
  text-align: center;
  font-size: 2.4rem;
  color: #0d41e1;
}
.morepage__planning-content {
  padding: 6.4rem;
}
.morepage__planning-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.morepage__case-heading {
  font-size: 3.2rem;
  color: #222;
  padding: 6.4rem 9.6rem;
}
.morepage__case-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-auto-rows: auto;
  gap: 3.2rem;
  background-image: linear-gradient(#42047e, #42047e);
  padding: 6.4rem 9.6rem;
}
.morepage__case-challenge {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  border-radius: 0.3rem;
  line-height: 1.7;
}
.morepage__case-challenge--hl {
  padding-right: 1rem;
  font-weight: 600;
}
.morepage__case-challenge--heading {
  font-size: 2.4rem;
  font-weight: 500;
}
.morepage__case-challenge--subheading {
  font-size: 2.4rem;
  font-weight: 500;
}
.morepage__case-challenge--description {
  max-width: 50ch;
  font-size: 2rem;
  font-weight: 400;
}
.morepage__case-result {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  color: #f2f2f2;
}
.morepage__case-result span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.morepage__case-result--icon {
  width: 3.2rem;
  height: 3.2rem;
}
.morepage__case-result-1, .morepage__case-result-2, .morepage__case-result-3 {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 3.2rem;
  font-weight: 600;
  border-radius: 0.3rem;
  padding: 1rem 2rem;
}
.morepage__faq {
  padding: 6.4rem 9.6rem;
}
.morepage__faq-header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.morepage__faq-header--heading {
  font-size: 3.2rem;
  color: #222;
}
.morepage__faq-header--subheading {
  text-align: center;
  font-size: 2.4rem;
  color: #0d41e1;
}
.morepage__faq-container {
  padding: 6.4rem;
}
.morepage__faq-content {
  padding: 6.4rem;
}
.morepage__faq-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.morepage__info {
  width: 100%;
}
.morepage__info-header {
  padding: 9.6rem;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
}
.morepage__info-heading {
  font-size: 3.2rem;
  color: #0d41e1;
}
.morepage__info-description {
  max-width: 50ch;
  font-size: 2.4rem;
  color: #222;
}
.morepage__info-container {
  padding: 9.6rem 6.4rem;
  padding-top: 0;
}
.morepage__info-container--heading {
  text-align: center;
  font-size: 3.2rem;
  color: #222;
  padding-bottom: 6.4rem;
}
.morepage__info-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-auto-rows: auto;
  gap: 0.2rem;
  color: #d9d9d9;
}
.morepage__info-content__list {
  background-color: #141f2e;
  padding: 3.2rem;
  position: relative;
  border-radius: 0.3rem;
}
.morepage__info-content__list-heading {
  font-size: 2rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 10;
}
.morepage__info-content__list-description {
  font-size: 1.8rem;
  position: relative;
  z-index: 10;
}
.morepage__info-content__list::before {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: linear-gradient(to right bottom, #141f2e, #0d41e1);
  z-index: 5;
  transition: all 0.5s ease-in-out;
}
.morepage__info-content__list:hover::before {
  opacity: 1;
  width: 100%;
  border-radius: 0.3rem;
}
.morepage__applicable-header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  color: #222;
  padding: 6.4rem 9.6rem;
}
.morepage__applicable-header--heading {
  font-size: 3.2rem;
}
.morepage__applicable-header--subheading {
  font-size: 2.4rem;
}
.morepage__applicable-container {
  display: grid;
  grid-template-columns: repeat(8, 45rem);
  grid-auto-rows: 55rem;
  justify-content: start;
  padding-bottom: 6.4rem;
  margin-bottom: 6.4rem;
  overflow: auto;
  overflow-x: scroll;
}
.morepage__applicable-container::-webkit-scrollbar {
  height: 0.5rem;
  background-color: #d9d9d9;
  border-radius: 100rem;
}
.morepage__applicable-container::-webkit-scrollbar-thumb {
  background-color: #0d41e1;
}
.morepage__applicable-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.morepage__applicable-content--img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.9);
  transition: all 0.3s ease-out;
}
.morepage__applicable-content--title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 15%;
  text-align: center;
  font-family: inherit;
  font-size: 2rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.morepage__applicable-content:hover .morepage__applicable-content--img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.morepage__applicable-content:hover .morepage__applicable-content--title {
  border-top: 5px solid #0d41e1;
  height: 30%;
}
.morepage__models {
  padding: 9.6rem;
}
.morepage__models-heading {
  font-size: 3.2rem;
  padding-bottom: 4.5rem;
}
.morepage__table {
  width: 85%;
  margin: 0 auto;
  border-collapse: collapse;
}
.morepage__table-heading {
  font-size: 2.4rem;
  font-weight: 600;
  padding-bottom: 3.2rem;
  text-align: left;
}
.morepage__table-header {
  padding: 2.5rem;
}
.morepage__table-header--row {
  border: 2px solid #d9d9d9;
}
.morepage__table-header--heading {
  border: 2px solid #d9d9d9;
  font-size: 2rem;
  padding: 2rem;
}
.morepage__table-body--row {
  padding: 2rem;
  border: 2px solid #d9d9d9;
}
.morepage__table-body--content {
  padding: 2.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  border: 2px solid #d9d9d9;
}
.morepage__apply {
  padding: 6.4rem 9.6rem;
}
.morepage__apply-header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.morepage__apply-header--heading {
  font-size: 3.2rem;
}
.morepage__apply-header--subheading {
  text-align: center;
  font-size: 2.4rem;
  color: #0d41e1;
}
.morepage__apply-container {
  padding: 6.4rem;
}
.morepage__apply-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.morepage__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6.4rem;
  background-image: linear-gradient(to right, #42047e, #42047e);
  color: #f2f2f2;
  padding: 9.6rem;
}
.morepage__cta-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  line-height: 1.7;
}
.morepage__cta-content--heading {
  font-size: 3.2rem;
  font-weight: 500;
}
.morepage__cta-content--tagline {
  max-width: 50ch;
  font-size: 2.4rem;
  color: #d9d9d9;
}
.morepage__cta-btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3.2rem;
}
.morepage__cta-btn--apply {
  width: max-content;
  border-radius: 100rem;
  border: 2px solid #f2f2f2;
  color: #f2f2f2;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 500;
  padding: 2rem;
  transition: all 0.3s ease-in-out;
}
.morepage__cta-btn--apply:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.morepage__cta-btn--download {
  width: 100%;
  border-radius: 100rem;
  background-color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: #f2f2f2;
  font-family: inherit;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  padding: 2rem;
  transition: all 0.3s ease-in-out;
}
.morepage__cta-btn--download:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.privacy {
  font-family: "Open Sans", sans-serif;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 14.6rem;
}
.privacy .main__content {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  color: #000;
}
.privacy .main__content a {
  color: #222;
  font-weight: 500;
}
.privacy .main-heading {
  font-size: 5.6rem;
}
.privacy .main-subheading {
  font-size: 2.4rem;
}
.privacy .page__container {
  padding: 0 2rem;
}
.privacy .page__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  line-height: 1.8;
  color: #222;
}
.privacy .page__content-heading {
  font-size: 3.2rem;
  font-weight: 500;
}
.privacy .page__content-text {
  font-size: 1.6rem;
  font-weight: 500;
}
.privacy .page__content-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style-position: inside;
  list-style-type: square;
}
.privacy .page__content-list--item {
  font-size: 1.6rem;
}
.privacy .page__content-list--item::marker {
  color: #2530f8;
}

.sitemap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 14.6rem 9.6rem;
  color: #222;
}
.sitemap a {
  color: #222;
}
.sitemap li {
  list-style-type: square;
  list-style-position: inside;
}
.sitemap li::marker {
  color: #2530f8;
}
.sitemap ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.sitemap-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.sitemap-subheading {
  font-size: 2.4rem;
  font-weight: 500;
}
.sitemap-link {
  font-size: 2rem;
}

.company {
  font-family: "Open Sans", sans-serif;
  line-height: 1.7;
}
.company__hero {
  line-height: 1.7;
}
.company__hero-container {
  height: 120vh;
  position: relative;
}
.company__hero-heading {
  font-size: 3.2rem;
  font-weight: 500;
}
.company__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
}
.company__hero-content {
  color: #222;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 65%, 0% 0%, 100% 0%, 100% 30%);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 12rem 4.5rem;
  z-index: 10;
}
.company__hero-bg {
  background-image: url(/assets/main/hero-fallback-background.webp);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
.company__intro {
  font-family: "Open Sans";
  line-height: 1.8;
}
.company__intro-container {
  display: flex;
  align-items: start;
  gap: 2.5rem;
  padding: 9.6rem 14.6rem;
}
.company__intro-heading {
  font-size: 4.2rem;
  font-weight: 600;
  color: #222;
}
.company__intro-description {
  font-size: 1.8rem;
  color: #333;
}
.company__mission {
  font-family: "Open Sans";
  line-height: 1.8;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(45rem, 1fr));
  grid-auto-rows: auto;
  gap: 6.4rem;
  padding: 9.6rem 14.6rem;
}
.company__mission-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.company__mission-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company__mission-heading {
  font-size: 3.2rem;
  font-weight: 600;
  color: #222;
}
.company__mission-description {
  max-width: 60ch;
  font-size: 1.8rem;
  color: #333;
}
.company__work {
  padding: 0 14.6rem;
  padding-top: 9.6rem;
}
.company__work-content {
  padding: 3.2rem 0;
}
.company__work-heading {
  font-size: 3.2rem;
  font-weight: 600;
  color: #222;
  padding-bottom: 2rem;
}
.company__work-subheading {
  max-width: 60ch;
  font-size: 1.8rem;
  font-weight: 500;
  color: #333;
}
.company__work ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style-type: square;
  list-style-position: inside;
}
.company__work-list {
  font-size: 1.6rem;
}
.company__work-list::marker {
  color: #2530f8;
}
.company__clients {
  background-color: #212529;
  margin: 6.4rem 0;
}
.company__clients-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 9.6rem 14.6rem;
  transition: all 1s ease-in;
  animation: loadUp both;
  animation-timeline: view(80% 20%);
}
.company__clients-heading {
  font-size: 3.2rem;
  font-weight: 500;
  color: #f2f2f2;
}
.company__clients-description {
  max-width: 60ch;
  font-size: 2rem;
  color: #d9d9d9;
}
.company__statement {
  padding: 9.6rem;
}
.company__statement-heading {
  font-size: 3.2rem;
  font-weight: 500;
  color: #222;
  padding-bottom: 3.2rem;
}
.company__statement ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style-type: square;
  list-style-position: inside;
}
.company__statement-list {
  font-size: 1.6rem;
}
.company__statement-list::marker {
  color: #2530f8;
}
.company__goal {
  background-color: #212529;
  margin: 6.4rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 9.6rem 14.6rem;
}
.company__goal-heading {
  font-size: 3.2rem;
  font-weight: 600;
  color: #f2f2f2;
}
.company__goal-description {
  max-width: 60ch;
  font-size: 2rem;
  color: #d9d9d9;
}
.company__goal-description strong {
  color: #f2f2f2;
  color: green;
}
.company__cta {
  font-family: "Quicksans", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4.5rem;
  padding: 6.4rem;
}
.company__cta-heading {
  font-size: 2.4rem;
  font-weight: 600;
  color: #222;
  padding-bottom: 2.5rem;
}
.company__cta-subheading {
  font-size: 3.2rem;
  color: #333;
}
.company__cta-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.5rem;
  text-align: center;
}
.company__cta-btn--contact {
  font-family: inherit;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 500;
  color: #222;
  border: 2px solid #333;
  border-radius: 0.3rem;
  padding: 1rem 2.5rem;
  transition: all 0.2s ease-in-out;
}
.company__cta-btn--contact:hover {
  color: #f2f2f2;
  background-color: #222;
}
.company__cta-btn--explore {
  font-family: inherit;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 500;
  color: #f2f2f2;
  background-color: #333;
  border-radius: 0.3rem;
  padding: 1rem 2.5rem;
  transition: all 0.2s ease-in-out;
}
.company__cta-btn--explore:hover {
  background-color: #222;
}

.header {
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 4.5rem;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.035);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  transition: all 0.3s ease-in-out;
}
.header.hide {
  transform: translateY(-101%);
}
.header .logo {
  font-family: "Nunito";
  background-image: linear-gradient(#000, #0d41e1);
  background-clip: text;
  color: transparent;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: 600;
  text-transform: uppercase;
}
.header .logo__img {
  min-height: 4.6rem;
  width: auto;
  object-fit: cover;
}
.header .navigation {
  font-family: "Nunito", sans-serif;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.header .navigation button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.header .navigation__menu {
  display: flex;
  align-items: center;
  gap: 4.5rem;
}
.header .navigation__menu li {
  list-style: none;
}
.header .navigation__menu-link {
  font-family: inherit;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  transition: all 0.2s ease-in-out;
}
.header .navigation__menu-link:hover {
  color: #2530f8;
}
.header .navigation__menu-icon {
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  color: #000;
  background-color: transparent;
  animation: menuAnimation 0.5s ease-in-out;
}
.header .navigation__menu-icon--svg {
  display: flex;
  align-items: center;
  width: 5rem;
  height: 5rem;
  color: #000;
}
.header .navigation__btn {
  font-family: inherit;
  font-size: 1.6rem;
  color: #222;
  text-transform: uppercase;
  text-decoration: underline;
  border-radius: 0.2rem;
  border: none;
  padding: 1.5rem 3.2rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.header .navigation__close {
  display: none;
}
.header .navigation__close-icon {
  width: 5rem;
  height: 5rem;
  color: #000;
}
.header .navigation__submenu-link {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: none;
  color: #222;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.header .navigation__submenu-link:hover {
  color: #2530f8;
}
.header .navigation__services {
  border-radius: 0.3rem;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 40rem;
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 4.5rem 0 2rem 2rem;
}
.header .navigation__services.active {
  display: flex;
}
.header .navigation__more {
  border-radius: 0.3rem;
  background-color: #fff;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  display: none;
  flex-direction: column;
  gap: 2rem;
  padding: 4.5rem 2rem;
}
.header .navigation__more.active {
  display: flex;
}
.header .navigation.active {
  display: flex;
}

@keyframes menuSlideAnimation {
  0% {
    opacity: 0;
    width: 0%;
  }
  100% {
    opacity: 1;
    width: 50%;
  }
}
.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}

.services {
  font-family: "Nunito", "Quicksand", "Open Sans", sans-serif;
}
.services__hero {
  height: 100vh;
  background-attachment: fixed;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/service/service-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  padding: 6.4rem 14.6rem;
}
.services__hero-heading {
  font-size: 5.6rem;
  font-weight: 600;
  color: #f2f2f2;
}
.services__hero-description {
  max-width: 60ch;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.7;
  color: #f2f2f2;
  border-top: 1px solid #999;
  padding-top: 4.5rem;
}
.services__hero-link {
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  font-weight: 500;
  color: #f2f2f2;
  transition: all 0.2s ease-in-out;
}
.services__hero-link:hover {
  color: #fff;
}
.services__hero-link .fa-solid {
  color: #555;
  background-color: #d9d9d9;
  padding: 1rem;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.services__hero-link:hover .fa-solid {
  color: #222;
  background-color: #fff;
  transform: translateX(5px);
}
.services__intro {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(45rem, 1fr));
  grid-auto-rows: auto;
  justify-items: center;
  align-items: center;
  gap: 4.5rem;
  padding: 9.6rem 14.6rem;
}
.services__intro-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.services__intro-heading {
  font-size: 2.4rem;
  color: #222;
}
.services__intro-description {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.8;
  color: #222;
}
.services__intro-img {
  width: 100%;
  height: 30rem;
  object-fit: cover;
  border-radius: 0.3rem;
}
.services__purpose {
  font-family: "Nunito", "Quicksand", "Open Sans", sans-serif;
  width: 65%;
  margin: 6.4rem auto;
  padding: 4.5rem 6.4rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  border: 0.5rem solid #141f2e;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 5rem;
}
.services__purpose-heading {
  font-size: 4.2rem;
  color: #00358c;
}
.services__purpose-paragraph {
  font-size: 2.4rem;
  font-weight: 600;
  color: #333;
}
.services__content {
  font-family: "Nunito", "Quicksand", "Open Sans", sans-serif;
}
.services__content-heading {
  font-size: 4.2rem;
  padding: 4.5rem 9.6rem;
}
.services__content-main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
  grid-auto-rows: min-content;
}
.services__content-main--wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 46rem;
  position: relative;
}
.services__content-main--link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  position: relative;
}
.services__content-main--title {
  font-size: 2.4rem;
  color: #f2f2f2;
  margin-bottom: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.5rem 3.2rem;
  z-index: 10;
}
.services__content-main--info {
  opacity: 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  color: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
  padding: 50% 3.2rem;
  transition: opacity 0.3s ease-in-out;
  z-index: 1000;
}
.services__content-main--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(0.6) grayscale(1.5);
  transition: all 0.3s ease-in-out;
}
.services__content-main--wrapper:hover .services__content-main--img {
  /* transform: scale(9.99); */
  filter: blur(4px) brightness(0.6);
}
.services__content-main--wrapper:hover .services__content-main--info {
  opacity: 1;
}
.services__approach {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2rem;
  padding: 9.6rem;
}
.services__approach-heading {
  align-self: start;
  text-transform: uppercase;
  font-size: 4.2rem;
}
.services__approach-container {
  display: flex;
  flex-direction: column;
  padding: 6.4rem;
}
.services__approach-content--number {
  font-size: 4.2rem;
  font-weight: 500;
  color: #f2f2f2;
}
.services__approach-content--title {
  background-color: #222;
  display: flex;
  align-items: center;
  gap: 3.2rem;
  font-size: 3.2rem;
  font-weight: 600;
  color: #f2f2f2;
  padding: 3.2rem;
  transition: all 0.3s ease-in-out;
}
.services__approach-content--info {
  background-color: #f2f2f2;
  max-height: 0;
  opacity: 0;
  font-size: 2.4rem;
  font-weight: 600;
  color: #333;
  transition: all 0.3s ease-in-out;
}
.services__approach-content:hover .services__approach-content--title {
  background-color: #2530f8;
}
.services__approach-content:hover .services__approach-content--info {
  max-height: 100%;
  opacity: 1;
  padding: 3.2rem 6.4rem;
}
.services__advantages {
  margin-bottom: 6.4rem;
  padding: 0 9.6rem;
}
.services__advantages-heading {
  font-size: 4.2rem;
  margin-bottom: 4.5rem;
  color: #222;
}
.services__advantages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
  grid-auto-rows: 1fr;
  gap: 3.2rem;
  justify-items: center;
  padding: 0;
}
.services__advantages-grid--items {
  padding: 2.5rem;
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 0.5rem;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.services__advantages-grid--items-title {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}
.services__advantages-grid--items-info {
  font-size: 1.6rem;
  font-weight: 500;
  color: #555;
}
.services__advantages-grid--items::after {
  content: "";
  position: absolute;
  width: 0;
  height: 5px;
  background-color: #0d41e1;
  bottom: 0;
  left: 0;
  transition: width 0.3s ease-in-out;
}
.services__advantages-grid--items:hover::after {
  width: 100%;
}
.services__contact {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  grid-auto-rows: auto;
}
.services__contact-content {
  font-family: "Nunito";
  background-color: #212529;
  padding: 6.4rem 9.6rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
}
.services__contact-content--heading {
  font-size: 5.6rem;
  font-weight: 300;
  color: #f2f2f2;
}
.services__contact-content--paragraph {
  line-height: 1.6;
  font-size: 3.2rem;
  font-weight: 300;
  color: #999;
}
.services__contact-content--btn {
  border: 2px solid #999;
  border-radius: 100rem;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: 500;
  color: #999;
  padding: 1.5rem 2.5rem;
  transition: all 0.2s ease-in-out;
}
.services__contact-content--btn:hover {
  border: 2px solid #f2f2f2;
  background-color: #fff;
  color: #333;
}
.services__contact-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.header {
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 4.5rem;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.035);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  transition: all 0.3s ease-in-out;
}
.header.hide {
  transform: translateY(-101%);
}
.header .logo {
  font-family: "Nunito";
  background-image: linear-gradient(#000, #0d41e1);
  background-clip: text;
  color: transparent;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: 600;
  text-transform: uppercase;
}
.header .logo__img {
  min-height: 4.6rem;
  width: auto;
  object-fit: cover;
}
.header .navigation {
  font-family: "Nunito", sans-serif;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.header .navigation button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.header .navigation__menu {
  display: flex;
  align-items: center;
  gap: 4.5rem;
}
.header .navigation__menu li {
  list-style: none;
}
.header .navigation__menu-link {
  font-family: inherit;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  transition: all 0.2s ease-in-out;
}
.header .navigation__menu-link:hover {
  color: #2530f8;
}
.header .navigation__menu-icon {
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  color: #000;
  background-color: transparent;
  animation: menuAnimation 0.5s ease-in-out;
}
.header .navigation__menu-icon--svg {
  display: flex;
  align-items: center;
  width: 5rem;
  height: 5rem;
  color: #000;
}
.header .navigation__btn {
  font-family: inherit;
  font-size: 1.6rem;
  color: #222;
  text-transform: uppercase;
  text-decoration: underline;
  border-radius: 0.2rem;
  border: none;
  padding: 1.5rem 3.2rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.header .navigation__close {
  display: none;
}
.header .navigation__close-icon {
  width: 5rem;
  height: 5rem;
  color: #000;
}
.header .navigation__submenu-link {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: none;
  color: #222;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.header .navigation__submenu-link:hover {
  color: #2530f8;
}
.header .navigation__services {
  border-radius: 0.3rem;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 40rem;
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 4.5rem 0 2rem 2rem;
}
.header .navigation__services.active {
  display: flex;
}
.header .navigation__more {
  border-radius: 0.3rem;
  background-color: #fff;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  display: none;
  flex-direction: column;
  gap: 2rem;
  padding: 4.5rem 2rem;
}
.header .navigation__more.active {
  display: flex;
}
.header .navigation.active {
  display: flex;
}

@keyframes menuSlideAnimation {
  0% {
    opacity: 0;
    width: 0%;
  }
  100% {
    opacity: 1;
    width: 50%;
  }
}
.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}

.insights {
  font-family: "Nunito", "Quicksand", "Open Sans", sans-serif;
  line-height: 1.7;
}
.insights__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 30%, rgba(0, 0, 0, 0.1)), url(/assets/insights/insights-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 3.2rem;
  background-color: #000;
  color: #fff;
  padding: 9.6rem 12.4rem;
}
.insights__hero-heading {
  font-size: 5.6rem;
  font-weight: 500;
}
.insights__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
}
.insights__intro {
  display: flex;
  align-items: start;
  justify-content: space-evenly;
  gap: 6.4rem;
  padding: 9.6rem 12.4rem;
}
.insights__intro-heading {
  font-size: 4.2rem;
}
.insights__intro-description {
  max-width: 60ch;
  font-size: 2.4rem;
}
.insights__case {
  padding: 6.4rem 9.6rem;
}
.insights__case-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4.5rem;
}
.insights__case-header--heading {
  font-size: 4.2rem;
}
.insights__case-header--btn {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
.insights__case-header--btn-left {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid #222;
  padding: 2rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.insights__case-header--btn-left--icon {
  width: 2.5rem;
  height: 2.5rem;
}
.insights__case-header--btn-left:hover {
  color: #fff;
  background-color: #222;
}
.insights__case-header--btn-right {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid #222;
  padding: 2rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.insights__case-header--btn-right--icon {
  width: 2.5rem;
  height: 2.5rem;
}
.insights__case-header--btn-right:hover {
  color: #fff;
  background-color: #222;
}
.insights__case-container {
  display: grid;
  grid-template-columns: repeat(6, 100%);
  grid-auto-rows: 50rem;
  overflow: auto;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
}
.insights__case-container::-webkit-scrollbar {
  height: 0.5rem;
  background-color: #d9d9d9;
  border-radius: 100rem;
}
.insights__case-container::-webkit-scrollbar-thumb {
  border-radius: 100rem;
  background-color: #2530f8;
}
.insights__case-card {
  scroll-snap-align: center;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 6.4rem;
  padding: 6.4rem 9.6rem;
  transition: all 1s ease-in;
}
.insights__case-card--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.insights__case-card--content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 0 3.2rem;
}
.insights__case-card--heading {
  font-size: 2.4rem;
  font-weight: 500;
  color: #222;
}
.insights__case-card--subheading {
  font-size: 2rem;
  color: #555;
}
.insights__case-card--description {
  font-size: 1.8rem;
  color: #222;
}
.insights__cta {
  background-color: #42047e;
  color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6.4rem;
  padding: 9.6rem 12.4rem;
}
.insights__cta-header--heading {
  font-size: 4.2rem;
  font-weight: 500;
  padding-bottom: 3.2rem;
}
.insights__cta-header--description {
  max-width: 60ch;
  font-size: 2rem;
}
.insights__cta-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.insights__cta-btn--partner {
  width: max-content;
  font-family: inherit;
  text-decoration: none;
  font-size: 2rem;
  text-align: center;
  color: #f2f2f2;
  border: 2px solid #d9d9d9;
  border-radius: 100rem;
  padding: 1.5rem 2.5rem;
  transition: all 0.3s ease-in-out;
}
.insights__cta-btn--partner:hover {
  border: 2px solid #000;
  background-color: #000;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.webpage {
  font-family: "Nunito";
}
.webpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/website-development-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.webpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.webpage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.webpage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.webpage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.webpage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.apppage {
  font-family: "Nunito", sans-serif;
}
.apppage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/application-development-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  padding: 6.4rem 14.6rem;
  color: #fff;
}
.apppage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.apppage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.apppage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.apppage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.apppage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.webapppage {
  font-family: "Nunito";
}
.webapppage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/web-app-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  padding: 6.4rem 14.6rem;
  color: #fff;
}
.webapppage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.webapppage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.webapppage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.webapppage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.webapppage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.apipage {
  font-family: "Nunito";
}
.apipage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/api-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  padding: 6.4rem 14.6rem;
  color: #fff;
}
.apipage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.apipage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.apipage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.apipage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.apipage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.spapage {
  font-family: "Nunito";
}
.spapage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/spa-development-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.spapage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.spapage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.spapage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.spapage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.spapage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.aipage {
  font-family: "Nunito";
}
.aipage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/ai-automation-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  padding: 6.4rem 14.6rem;
  color: #fff;
}
.aipage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.aipage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.aipage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.aipage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.aipage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.datapage {
  font-family: "Nunito";
}
.datapage__hero {
  height: 105vh;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgb(0, 0, 0)), url(/assets/services/data-analytics-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.datapage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.datapage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.datapage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.datapage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.datapage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.databasepage {
  font-family: "Nunito";
}
.databasepage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/database-design-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.databasepage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.databasepage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.databasepage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.databasepage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.databasepage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.uiuxpage {
  font-family: "Nunito";
}
.uiuxpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/ui-ux-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.uiuxpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.uiuxpage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.uiuxpage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.uiuxpage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.uiuxpage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.microspage {
  font-family: "Nunito";
}
.microspage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/microservices-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.microspage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.microspage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.microspage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.microspage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.microspage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.digitalmpage {
  font-family: "Nunito";
}
.digitalmpage__hero {
  height: 105vh;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/digital-marketing-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.digitalmpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.digitalmpage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.digitalmpage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.digitalmpage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.digitalmpage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.crmpage {
  font-family: "Nunito";
}
.crmpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/crm-development-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  color: #fff;
  padding: 9.6rem;
}
.crmpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.crmpage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.crmpage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.crmpage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.crmpage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.cloudpage {
  font-family: "Nunito";
}
.cloudpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/cloud-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  padding: 6.4rem 14.6rem;
  color: #fff;
}
.cloudpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.cloudpage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.cloudpage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.cloudpage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.cloudpage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #222;
}
.cloudpage__solutions-container {
  background-color: #141f2e;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-auto-rows: auto;
  gap: 4.5rem;
  padding: 9.6rem 14.8rem;
  color: #d9d9d9;
}
.cloudpage__partners {
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  padding: 9.6rem;
}
.cloudpage__partners-heading {
  justify-self: start;
  font-size: 3.2rem;
  font-weight: 600;
  color: #333;
}
.cloudpage__partners-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-auto-rows: auto;
  justify-items: center;
  align-items: center;
  gap: 2.5rem;
  padding: 0 6.4rem;
}
.cloudpage__partners-img {
  width: 25rem;
  height: auto;
  border-radius: 0.5rem;
  border: 1px solid lightgray;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(50rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loadUpOne {
  from {
    opacity: 0;
    transform: translateY(20rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.ecompage {
  font-family: "Nunito";
}
.ecompage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/ecommerce-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  padding: 6.4rem 14.6rem;
  color: #fff;
}
.ecompage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.ecompage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.ecompage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.ecompage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.ecompage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #222;
}
.ecompage__partners {
  padding: 6.4rem 9.6rem;
}
.ecompage__partners-heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.ecompage__partners-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-auto-rows: 15rem;
  gap: 4.5rem;
  align-items: center;
  padding: 6.4rem 0;
}
.ecompage__partners-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #d9d9d9;
  border-radius: 0.3rem;
  padding: 2.5rem;
  transition: all 0.3s ease-in;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.firebasepage {
  font-family: "Nunito", "Quicksand", "Open Sans", sans-serif;
}
.firebasepage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/services/firebase-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  padding: 6.4rem 14.6rem;
  color: #fff;
}
.firebasepage__hero-heading {
  font-size: 4.2rem;
  font-weight: 600;
}
.firebasepage__hero-description {
  max-width: 60ch;
  line-height: 1.8;
  font-size: 2.4rem;
}
.firebasepage__hero-link {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-decoration: none;
  font-family: inherit;
  font-size: 2rem;
  color: #fff;
}
.firebasepage__hero-link .arrow-right {
  font-size: 2.5rem;
  color: #555;
  background-color: #fff;
  border-radius: 50%;
  padding: 1.5rem;
  margin-left: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.firebasepage__hero-link:hover .arrow-right {
  transform: translateX(10px);
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.partnerpage {
  font-family: "Nunito";
}
.partnerpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/more/become-a-partner-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.6rem;
}
.partnerpage__hero-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
  color: #fff;
}
.partnerpage__hero-heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 600;
}
.partnerpage__hero-description {
  width: 60ch;
  font-size: 2.4rem;
  padding-bottom: 4.5rem;
}
.partnerpage__hero-btn {
  border: none;
  font-family: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  background-color: #fff;
  color: #0d41e1;
  padding: 1.5rem 3.2rem;
  transition: all 0.3s ease-in-out;
}
.partnerpage__hero-btn:hover {
  background-color: #0d41e1;
  color: #fff;
}
.partnerpage__applicable-header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  color: #222;
  padding: 6.4rem 9.6rem;
}
.partnerpage__applicable-header--heading {
  font-size: 3.2rem;
}
.partnerpage__applicable-header--subheading {
  font-size: 2.4rem;
}
.partnerpage__applicable-container {
  display: grid;
  grid-template-columns: repeat(6, 45rem);
  grid-auto-rows: 55rem;
  justify-content: start;
  padding-bottom: 6.4rem;
  margin-bottom: 6.4rem;
  overflow: auto;
  overflow-x: scroll;
}
.partnerpage__applicable-container::-webkit-scrollbar {
  height: 0.5rem;
  background-color: #d9d9d9;
  border-radius: 100rem;
}
.partnerpage__applicable-container::-webkit-scrollbar-thumb {
  background-color: #0d41e1;
}
.partnerpage__applicable-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.partnerpage__applicable-content--img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.9);
  transition: all 0.3s ease-out;
}
.partnerpage__applicable-content--title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 15%;
  text-align: center;
  font-family: inherit;
  font-size: 2rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.partnerpage__applicable-content:hover .partnerpage__applicable-content--img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.partnerpage__applicable-content:hover .partnerpage__applicable-content--title {
  border-top: 5px solid #0d41e1;
  height: 30%;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.techconsultingpage {
  font-family: "Nunito";
}
.techconsultingpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/more/it-consulting-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.6rem;
}
.techconsultingpage__hero-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 3.2rem;
  color: #fff;
}
.techconsultingpage__hero-heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 600;
}
.techconsultingpage__hero-description {
  width: 60ch;
  font-size: 2.4rem;
  padding-bottom: 4.5rem;
}
.techconsultingpage__hero-btn {
  border: none;
  font-family: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  background-color: #fff;
  color: #0d41e1;
  padding: 1.5rem 3.2rem;
  transition: all 0.3s ease-in-out;
}
.techconsultingpage__hero-btn:hover {
  background-color: #0d41e1;
  color: #fff;
}
.techconsultingpage__applicable-header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  color: #222;
  padding: 6.4rem 9.6rem;
}
.techconsultingpage__applicable-header--heading {
  font-size: 3.2rem;
}
.techconsultingpage__applicable-header--subheading {
  font-size: 2.4rem;
}
.techconsultingpage__applicable-container {
  display: grid;
  grid-template-columns: repeat(8, 45rem);
  grid-auto-rows: 55rem;
  justify-content: start;
  padding-bottom: 6.4rem;
  margin-bottom: 6.4rem;
  overflow: auto;
  overflow-x: scroll;
}
.techconsultingpage__applicable-container::-webkit-scrollbar {
  height: 0.5rem;
  background-color: #d9d9d9;
  border-radius: 100rem;
}
.techconsultingpage__applicable-container::-webkit-scrollbar-thumb {
  background-color: #0d41e1;
}
.techconsultingpage__applicable-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.techconsultingpage__applicable-content--img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.9);
  transition: all 0.3s ease-out;
}
.techconsultingpage__applicable-content--title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 25%;
  text-align: center;
  font-family: inherit;
  font-size: 2rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.techconsultingpage__applicable-content--info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 15%;
  text-align: center;
  font-family: inherit;
  font-size: 1.8rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.techconsultingpage__applicable-content:hover .techconsultingpage__applicable-content--img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.techconsultingpage__applicable-content:hover .techconsultingpage__applicable-content--title {
  border-top: 5px solid #0d41e1;
  height: 40%;
}
.techconsultingpage__applicable-content:hover .techconsultingpage__applicable-content--info {
  height: 30%;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.techsupportpage {
  font-family: "Nunito";
}
.techsupportpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/more/tech-support-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.6rem;
}
.techsupportpage__hero-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
  color: #fff;
}
.techsupportpage__hero-heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 600;
}
.techsupportpage__hero-description {
  width: 60ch;
  font-size: 2.4rem;
  padding-bottom: 4.5rem;
}
.techsupportpage__hero-btn {
  border: none;
  font-family: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  background-color: #fff;
  color: #0d41e1;
  padding: 1.5rem 3.2rem;
  transition: all 0.3s ease-in-out;
}
.techsupportpage__hero-btn:hover {
  background-color: #0d41e1;
  color: #fff;
}
.techsupportpage__applicable-header {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  color: #222;
  padding: 6.4rem 9.6rem;
}
.techsupportpage__applicable-header--heading {
  font-size: 3.2rem;
}
.techsupportpage__applicable-header--subheading {
  font-size: 2.4rem;
}
.techsupportpage__applicable-container {
  display: grid;
  grid-template-columns: repeat(6, 45rem);
  grid-auto-rows: 55rem;
  justify-content: start;
  padding-bottom: 6.4rem;
  margin-bottom: 6.4rem;
  overflow: auto;
  overflow-x: scroll;
}
.techsupportpage__applicable-container::-webkit-scrollbar {
  height: 0.5rem;
  background-color: #d9d9d9;
  border-radius: 100rem;
}
.techsupportpage__applicable-container::-webkit-scrollbar-thumb {
  background-color: #0d41e1;
}
.techsupportpage__applicable-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.techsupportpage__applicable-content--img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.9);
  transition: all 0.3s ease-out;
}
.techsupportpage__applicable-content--title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 25%;
  text-align: center;
  font-family: inherit;
  font-size: 2rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.techsupportpage__applicable-content--info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 15%;
  text-align: center;
  font-family: inherit;
  font-size: 1.8rem;
  color: #222;
  background-color: #fff;
  padding: 2rem 1rem;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-top: 5px solid transparent;
}
.techsupportpage__applicable-content:hover .techsupportpage__applicable-content--img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.techsupportpage__applicable-content:hover .techsupportpage__applicable-content--title {
  border-top: 5px solid #0d41e1;
  height: 40%;
}
.techsupportpage__applicable-content:hover .techsupportpage__applicable-content--info {
  height: 30%;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.wordpresspage {
  font-family: "Nunito";
}
.wordpresspage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/more/wordpress-vip-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.6rem;
}
.wordpresspage__hero-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
  color: #fff;
}
.wordpresspage__hero-heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 600;
}
.wordpresspage__hero-description {
  width: 60ch;
  font-size: 2.4rem;
  padding-bottom: 4.5rem;
}
.wordpresspage__hero-btn {
  border: none;
  font-family: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  background-color: #fff;
  color: #0d41e1;
  padding: 1.5rem 3.2rem;
  transition: all 0.3s ease-in-out;
}
.wordpresspage__hero-btn:hover {
  background-color: #0d41e1;
  color: #fff;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.migrationpage {
  font-family: "Nunito";
}
.migrationpage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/more/migration-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.6rem;
}
.migrationpage__hero-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
  color: #fff;
}
.migrationpage__hero-heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 600;
}
.migrationpage__hero-description {
  width: 60ch;
  font-size: 2.4rem;
  padding-bottom: 4.5rem;
}
.migrationpage__hero-btn {
  border: none;
  font-family: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  background-color: #fff;
  color: #0d41e1;
  padding: 1.5rem 3.2rem;
  transition: all 0.3s ease-in-out;
}
.migrationpage__hero-btn:hover {
  background-color: #0d41e1;
  color: #fff;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.saaspage {
  font-family: "Nunito";
}
.saaspage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/more/saas-hero-background-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 9.6rem;
}
.saaspage__hero-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
  color: #fff;
}
.saaspage__hero-heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 600;
}
.saaspage__hero-description {
  width: 60ch;
  font-size: 2.4rem;
  padding-bottom: 4.5rem;
}
.saaspage__hero-btn {
  border: none;
  font-family: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  background-color: #fff;
  color: #0d41e1;
  padding: 1.5rem 3.2rem;
  transition: all 0.3s ease-in-out;
}
.saaspage__hero-btn:hover {
  background-color: #0d41e1;
  color: #fff;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}

.financepage {
  font-family: "Nunito", sans-serif;
}
.financepage__hero {
  height: 100vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/industries/finance-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 3.2rem;
  padding: 0 14.6rem;
}
.financepage__hero-heading {
  font-size: 4.2rem;
  font-weight: 500;
  color: #fff;
}
.financepage__hero-description {
  line-height: 1.7;
  max-width: 60ch;
  font-size: 2.4rem;
  color: #fff;
}

.newspage {
  font-family: "Nunito", "Open Sans";
}
.newspage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(/assets/industries/news-media-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.newspage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.newspage__hero-heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.newspage__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.entertainmentpage {
  font-family: "Nunito", "Open Sans";
}
.entertainmentpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(/assets/industries/entertainment-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.entertainmentpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.entertainmentpage__hero-header--heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.entertainmentpage__hero-header--subheading {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.educationpage {
  font-family: "Nunito", "Open Sans";
}
.educationpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/industries/education-industry-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.educationpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.educationpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.educationpage__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.healthcarepage {
  font-family: "Nunito", "Open Sans";
}
.healthcarepage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(/assets/industries/healthcare-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.healthcarepage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.healthcarepage__hero-header--heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.healthcarepage__hero-header--subheading {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.hospitalitypage {
  font-family: "Nunito", "Open Sans";
}
.hospitalitypage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/industries/hospitality-tourism-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.hospitalitypage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.hospitalitypage__hero-header--heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.hospitalitypage__hero-header--subheading {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.retailpage {
  font-family: "Nunito", "Open Sans";
}
.retailpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/industries/retail-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.retailpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.retailpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.retailpage__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.ecommpage {
  font-family: "Nunito", "Open Sans";
}
.ecommpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/industries/eommerce-industry-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.ecommpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.ecommpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.ecommpage__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.transportationpage {
  font-family: "Nunito", "Open Sans";
}
.transportationpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(/assets/industries/transportation-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.transportationpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.transportationpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.transportationpage__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.publicpage {
  font-family: "Nunito", "Open Sans";
}
.publicpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(/assets/industries/public-service-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.publicpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.publicpage__hero-heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.publicpage__hero-description {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.professionalpage {
  font-family: "Nunito", "Open Sans";
}
.professionalpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(/assets/industries/professional-service-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.professionalpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding: 9.6rem;
}
.professionalpage__hero-header--heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.professionalpage__hero-header--subheading {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

.consultingpage {
  font-family: "Nunito", "Open Sans";
}
.consultingpage__hero {
  height: 100vh;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/industries/consulting-hero-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 9.6rem;
}
.consultingpage__hero-header {
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
}
.consultingpage__hero-header--heading {
  font-size: 4.2rem;
  font-weight: 500;
}
.consultingpage__hero-header--description {
  max-width: 60ch;
  font-size: 2.4rem;
  line-height: 2;
}

@keyframes loadUp {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes xLeftFluidA {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes xRightFluidA {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate180 {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  75% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideText {
  0% {
    transform: translateX(-250px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pageTransition {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes upScaling {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes autoShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px) scale(0.3);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.saaspage {
  font-family: "Nunito";
}
.saaspage__hero {
  height: 105vh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url(/assets/more/saas-hero-background-image.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 9.6rem;
}
.saaspage__hero-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3.2rem;
  color: #fff;
}
.saaspage__hero-heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 600;
}
.saaspage__hero-description {
  width: 60ch;
  font-size: 2.4rem;
  padding-bottom: 4.5rem;
}
.saaspage__hero-btn {
  border: none;
  font-family: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  background-color: #fff;
  color: #0d41e1;
  padding: 1.5rem 3.2rem;
  transition: all 0.3s ease-in-out;
}
.saaspage__hero-btn:hover {
  background-color: #0d41e1;
  color: #fff;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #fff;
  padding: 0 3.2rem;
  border-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #222;
  cursor: pointer;
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}

.accordion-header:hover {
  background-color: #d9d9d9;
}

.accordion-header.active {
  background-color: #0d41e1;
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-header .icon {
  font-size: 1.5em;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #fff;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  border-radius: 0.3rem;
  border: 1px solid #d9d9d9;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
  max-height: 200px;
  padding: 1.5rem 2.5rem;
}

.accordion-content-info {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.6;
  color: #333;
}