.navbar-wrapper {

  display: contents;

}

.navbar-container {

  width: 100%;

  display: flex;

  position: relative;

  justify-content: center;

  /* background-color: var(--dl-color-theme-neutral-light); */

}

.navbar-navbar-interactive {

  width: 100%;

  display: flex;

  max-width: var(--dl-size-size-maxwidth);

  align-items: center;

  padding-top: var(--dl-space-space-twounits);

  padding-left: var(--dl-space-space-threeunits);

  padding-right: var(--dl-space-space-threeunits);

  padding-bottom: var(--dl-space-space-twounits);

  justify-content: space-between;

}

.navbar-image1 {

  height: 3rem;

  transition: transform 0.3s ease, filter 0.3s ease;

}



.navbar-image1:hover {

  transform: scale(1.1) rotate(5deg);

  filter: drop-shadow(0 0 10px rgba(0, 119, 229, 0.5));

}

.navbar-desktop-menu {

  flex: 1;

  display: flex;

  justify-content: space-between;

}

.navbar-links1 {

  gap: var(--dl-space-space-twounits);

  flex: 1;

  display: flex;

  align-items: center;

  margin-left: var(--dl-space-space-twounits);

  flex-direction: row;

  justify-content: flex-start;

}



.navbar-links1 a {

  transition: transform 0.3s ease, color 0.3s ease;

  position: relative;

}



.navbar-links1 a::after {

  content: '';

  position: absolute;

  bottom: -5px;

  left: 0;

  width: 0;

  height: 2px;

  background: linear-gradient(to right, #0077E5, #9c9eff);

  transition: width 0.3s ease;

}



.navbar-links1 a:hover::after {

  width: 100%;

}



.navbar-links1 a:hover {

  transform: translateY(-3px);

}

.navbar-buttons1 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  align-items: center;

  margin-left: var(--dl-space-space-twounits);

}

.navbar-action11 {

  display: flex;

  flex-direction: row;

}

.navbar-action21 {

  display: flex;

  flex-direction: row;

}

.navbar-burger-menu {

  display: none;

  transition: transform 0.3s ease, color 0.3s ease;

  cursor: pointer;

  padding: 0.5rem;

  min-width: 44px;

  min-height: 44px;

  align-items: center;

  justify-content: center;

  color: rgba(255, 255, 255, 0.9);

}



.navbar-burger-menu:hover {

  color: #8180f9;

}



.navbar-burger-menu:hover {

  transform: rotate(90deg);

}

.navbar-icon1 {

  width: 24px;

  height: 24px;

}



.navbar-icon {

  width: 24px;

  height: 24px;

  fill: currentColor;

}



.navbar-icon2 {

  width: 24px;

  height: 24px;

  fill: currentColor;

}

.navbar-mobile-menu {

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100vh;

  display: none;

  padding: var(--dl-space-space-twounits);

  z-index: 1000;

  position: fixed;

  flex-direction: column;

  background-color: var(--dl-color-theme-neutral-light);

  animation: slide-up 0.3s ease-out;

  overflow-y: auto;

  color: rgba(255, 255, 255, 0.9);

}

.navbar-nav {

  display: flex;

  align-items: flex-start;

  flex-direction: column;

}

.navbar-top {

  width: 100%;

  display: flex;

  align-items: center;

  margin-bottom: var(--dl-space-space-threeunits);

  justify-content: space-between;

}

.navbar-logo {

  height: 3rem;

}

.navbar-close-menu {

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s ease;

  cursor: pointer;

  padding: 0.5rem;

  min-width: 44px;

  min-height: 44px;

}



.navbar-close-menu:hover {

  transform: rotate(90deg) scale(1.1);

}

.navbar-icon3 {

  width: 24px;

  height: 24px;

}

.navbar-links2 {

  gap: var(--dl-space-space-unit);

  flex: 0 0 auto;

  display: flex;

  align-self: flex-start;

  align-items: flex-start;

  flex-direction: column;

}

.navbar-buttons2 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  margin-top: var(--dl-space-space-twounits);

  align-items: center;

}

@media(max-width: 767px) {

  .navbar-navbar-interactive {

    padding-left: var(--dl-space-space-twounits);

    padding-right: var(--dl-space-space-twounits);

  }

  .navbar-desktop-menu {

    display: none;

  }

  .navbar-burger-menu {

    display: flex;

    align-items: center;

    justify-content: center;

  }

}

@media(max-width: 479px) {

  .navbar-navbar-interactive {

    padding: 1rem;

  }

  .navbar-mobile-menu {

    padding: 1.5rem;

  }

  .navbar-top {

    margin-bottom: 2rem;

  }

  .navbar-mobile-menu .navbar-links1 .thq-body-small a {

    font-size: 1rem;

    padding: 0.625rem 0.875rem;

  }

}



.hero-wrapper {

  display: contents;

}

.hero-header78 {

  gap: var(--dl-space-space-threeunits);

  width: 100%;

  height: auto;

  display: flex;

  overflow: hidden;

  position: relative;

  align-items: center;

  flex-shrink: 0;

  flex-direction: column;

}

.hero-column {

  gap: var(--dl-space-space-oneandhalfunits);

  width: auto;

  display: flex;

  align-items: center;

  flex-direction: column;

  padding-bottom: var(--dl-space-space-unit);

}

.hero-content1 {

  gap: var(--dl-space-space-oneandhalfunits);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.hero-text1 {

  text-align: center;

  font-size: 68px;

  animation: fade-blur 1s ease-out;

}

.hero-text2 {

  text-align: center;

  animation: text-reveal 1s ease-out 0.3s both;

}

.hero-actions {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-items: flex-start;

  padding-top: var(--dl-space-space-unit);

}

.hero-content2 {

  gap: var(--dl-space-space-oneandhalfunits);

  width: 100%;

  display: flex;

  position: relative;

  align-items: flex-start;

  flex-direction: column;

}

.hero-row-container1 {

  width: 100%;

}

.hero-placeholder-image10 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image11 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image12 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image13 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image14 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image15 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image16 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image17 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image18 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image19 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image20 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image21 {

  width: 400px;

  height: 400px;

}

.hero-row-container2 {

  width: 100%;

}

.hero-placeholder-image22 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image23 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image24 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image25 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image26 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image27 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image28 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image29 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image30 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image31 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image32 {

  width: 400px;

  height: 400px;

}

.hero-placeholder-image33 {

  width: 400px;

  height: 400px;

}

.hero-container2 {

  display: contents;

}

@media(max-width: 767px) {

  .hero-content2 {

    width: 100%;

  }

}

@media(max-width: 479px) {

  .hero-actions {

    width: 100%;

    flex-direction: column;

  }

  .hero-button1 {

    width: 100%;

  }

  .hero-button2 {

    width: 100%;

  }

}



.features1-wrapper {

  display: contents;

}

.features1-container2 {

  width: 100%;

  display: grid;

  grid-gap: var(--dl-space-space-fiveunits);

  position: relative;

  grid-template-columns: 1fr 1fr;

}

.features1-image-container {

  height: 100%;

  display: flex;

  position: relative;

}

.features1-image1 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

  transition: transform 0.5s ease, filter 0.3s ease;

}



.features1-image1:hover {

  transform: scale(1.05) rotate(1deg);

  filter: brightness(1.1);

}

.features1-image2 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

.features1-image3 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

.features1-tabs-menu {

  gap: var(--dl-space-space-twounits);

  width: 100%;

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;

}

.features1-tab-horizontal1 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features1-divider-container1 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features1-container3 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

  transition: width 0.3s ease, background-color 0.3s ease;

}



.features1-tab-horizontal1:hover .features1-container3 {

  width: 4px;

  background: linear-gradient(to bottom, #0077E5, #9c9eff);

}

.features1-content1 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

  transition: transform 0.3s ease, padding-left 0.3s ease;

}



.features1-tab-horizontal1:hover .features1-content1 {

  transform: translateX(10px);

  padding-left: 10px;

}

.features1-tab-horizontal2 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features1-divider-container2 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features1-container4 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

  transition: width 0.3s ease, background-color 0.3s ease;

}



.features1-tab-horizontal2:hover .features1-container4 {

  width: 4px;

  background: linear-gradient(to bottom, #0077E5, #9c9eff);

}

.features1-content2 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

  transition: transform 0.3s ease, padding-left 0.3s ease;

}



.features1-tab-horizontal2:hover .features1-content2 {

  transform: translateX(10px);

  padding-left: 10px;

}

.features1-tab-horizontal3 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features1-divider-container3 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features1-container5 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

}

.features1-content3 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

}

@media(max-width: 991px) {

  .features1-container2 {

    grid-gap: var(--dl-space-space-twounits);

    grid-template-columns: 1fr;

  }

}



.cta-wrapper {

  display: contents;

}

.cta-accent2-bg {

  gap: var(--dl-space-space-oneandhalfunits);

  display: flex;

  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(1deg) skew(0deg, 0deg);

  align-self: stretch;

  transition: 0.3s;

  align-items: center;

  border-radius: var(--dl-radius-radius-cardradius);

  justify-content: space-between;

  transform-style: preserve-3d;

  background-color: var(--dl-color-theme-accent2);

}

.cta-accent2-bg:hover {

  transform: scale3d(1.1,1.1,1.1);

}

.cta-accent1-bg {

  width: 100%;

  display: flex;

  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-2deg) skew(0deg, 0deg);

  align-items: center;

  border-radius: var(--dl-radius-radius-cardradius);

  justify-content: space-between;

  transform-style: preserve-3d;

  background-color: var(--dl-color-theme-accent1);

}

.cta-container2 {

  gap: var(--dl-space-space-threeunits);

  width: 100%;

  display: flex;

  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(1deg) skew(0deg, 0deg);

  transition: 0.3s;

  align-items: center;

  padding-top: var(--dl-space-space-sixunits);

  padding-left: var(--dl-space-space-fourunits);

  border-radius: var(--dl-radius-radius-cardradius);

  padding-right: var(--dl-space-space-fourunits);

  padding-bottom: var(--dl-space-space-sixunits);

}

.cta-container2:hover {

  color: var(--dl-color-theme-neutral-light);

  background-color: var(--dl-color-theme-neutral-dark);

}

.cta-content {

  gap: var(--dl-space-space-oneandhalfunits);

  display: flex;

  align-items: flex-start;

  flex-direction: column;

}

.cta-actions {

  gap: var(--dl-space-space-oneandhalfunits);

  flex: 1;

  display: flex;

  align-items: flex-start;

  justify-content: flex-end;

}

@media(max-width: 767px) {

  .cta-container2 {

    gap: var(--dl-space-space-oneandhalfunits);

    flex-direction: column;

    justify-content: flex-start;

  }

}

@media(max-width: 479px) {

  .cta-actions {

    flex-wrap: wrap;

    align-self: stretch;

    justify-content: center;

  }

  .cta-button {

    flex: 1;

  }

}



.features2-wrapper {

  display: contents;

}

.features2-container2 {

  width: 100%;

  display: grid;

  grid-gap: var(--dl-space-space-fiveunits);

  position: relative;

  grid-template-columns: 1fr 1fr;

}

.features2-tabs-menu {

  gap: var(--dl-space-space-twounits);

  width: 100%;

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;

}

.features2-tab-horizontal1 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features2-divider-container1 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features2-container3 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

  transition: width 0.3s ease, background-color 0.3s ease;

}



.features2-tab-horizontal1:hover .features2-container3 {

  width: 4px;

  background: linear-gradient(to bottom, #0077E5, #9c9eff);

}

.features2-content1 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

  transition: transform 0.3s ease, padding-left 0.3s ease;

}



.features2-tab-horizontal1:hover .features2-content1 {

  transform: translateX(10px);

  padding-left: 10px;

}

.features2-tab-horizontal2 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features2-divider-container2 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features2-container4 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

  transition: width 0.3s ease, background-color 0.3s ease;

}



.features2-tab-horizontal2:hover .features2-container4 {

  width: 4px;

  background: linear-gradient(to bottom, #0077E5, #9c9eff);

}

.features2-content2 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

  transition: transform 0.3s ease, padding-left 0.3s ease;

}



.features2-tab-horizontal2:hover .features2-content2 {

  transform: translateX(10px);

  padding-left: 10px;

}

.features2-tab-horizontal3 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features2-divider-container3 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features2-container5 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

}

.features2-content3 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

}

.features2-image-container {

  height: 100%;

  display: flex;

  position: relative;

}

.features2-image1 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

  transition: transform 0.5s ease, filter 0.3s ease;

}



.features2-image1:hover {

  transform: scale(1.05) rotate(-1deg);

  filter: brightness(1.1);

}

.features2-image2 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

.features2-image3 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

@media(max-width: 991px) {

  .features2-container2 {

    grid-gap: var(--dl-space-space-twounits);

    grid-template-columns: 1fr;

  }

  .features2-tabs-menu {

    order: 2;

  }

}



.features3-wrapper {

  display: contents;

}

.features3-container2 {

  width: 100%;

  display: grid;

  grid-gap: var(--dl-space-space-fiveunits);

  position: relative;

  grid-template-columns: 1fr 1fr;

}

.features3-image-container {

  height: 100%;

  display: flex;

  position: relative;

}

.features3-image1 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

  transition: transform 0.5s ease, filter 0.3s ease;

}



.features3-image1:hover {

  transform: scale(1.05) rotate(1deg);

  filter: brightness(1.1);

}

.features3-image2 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

.features3-image3 {

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

.features3-tabs-menu {

  gap: var(--dl-space-space-twounits);

  width: 100%;

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;

}

.features3-tab-horizontal1 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features3-divider-container1 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features3-container3 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

  transition: width 0.3s ease, background-color 0.3s ease;

}



.features3-tab-horizontal1:hover .features3-container3 {

  width: 4px;

  background: linear-gradient(to bottom, #0077E5, #9c9eff);

}

.features3-content1 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

  transition: transform 0.3s ease, padding-left 0.3s ease;

}



.features3-tab-horizontal1:hover .features3-content1 {

  transform: translateX(10px);

  padding-left: 10px;

}

.features3-tab-horizontal2 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features3-divider-container2 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features3-container4 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

  transition: width 0.3s ease, background-color 0.3s ease;

}



.features3-tab-horizontal2:hover .features3-container4 {

  width: 4px;

  background: linear-gradient(to bottom, #0077E5, #9c9eff);

}

.features3-content2 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

  transition: transform 0.3s ease, padding-left 0.3s ease;

}



.features3-tab-horizontal2:hover .features3-content2 {

  transform: translateX(10px);

  padding-left: 10px;

}

.features3-tab-horizontal3 {

  gap: var(--dl-space-space-twounits);

  cursor: pointer;

  display: flex;

  overflow: hidden;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.features3-divider-container3 {

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.features3-container5 {

  width: 2px;

  align-self: stretch;

  background-color: var(--dl-color-theme-neutral-dark);

}

.features3-content3 {

  gap: 16px;

  flex: 1;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

}

@media(max-width: 991px) {

  .features3-container2 {

    grid-gap: var(--dl-space-space-twounits);

    grid-template-columns: 1fr;

  }

}



.pricing-wrapper {

  display: contents;

}

.pricing-pricing23 {

  width: 100%;

  height: auto;

  display: flex;

  overflow: hidden;

  position: relative;

  align-items: center;

  flex-shrink: 0;

  flex-direction: column;

}

.pricing-max-width {

  gap: var(--dl-space-space-threeunits);

  width: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

}

.pricing-section-title {

  gap: var(--dl-space-space-unit);

  width: 100%;

  display: flex;

  max-width: 800px;

  align-items: center;

  flex-shrink: 0;

  flex-direction: column;

}

.pricing-text10 {

  text-align: center;

}

.pricing-content {

  gap: var(--dl-space-space-oneandhalfunits);

  width: 100%;

  display: flex;

  max-width: 800px;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-text11 {

  text-align: center;

}

.pricing-text12 {

  text-align: center;

}

.pricing-tabs {

  display: flex;

  align-items: flex-start;

}

.pricing-button10 {

  gap: var(--dl-space-space-halfunit);

  color: var(--dl-color-theme-neutral-light);

  width: 120px;

  height: 60px;

  border-top-left-radius: var(--dl-radius-radius-buttonradius);

  border-top-right-radius: 0;

  border-bottom-left-radius: var(--dl-radius-radius-buttonradius);

  border-bottom-right-radius: 0;

}

.pricing-button11 {

  gap: var(--dl-space-space-halfunit);

  width: 120px;

  height: 60px;

  border-style: solid;

  border-top-left-radius: var(--dl-radius-radius-buttonradius);

  border-top-right-radius: 0;

  border-bottom-left-radius: var(--dl-radius-radius-buttonradius);

  border-bottom-right-radius: 0;

}

.pricing-button12 {

  gap: var(--dl-space-space-halfunit);

  color: var(--dl-color-theme-neutral-light);

  width: 120px;

  height: 60px;

  border-top-left-radius: 0;

  border-top-right-radius: var(--dl-radius-radius-buttonradius);

  border-bottom-left-radius: 0;

  border-bottom-right-radius: var(--dl-radius-radius-buttonradius);

}

.pricing-button13 {

  gap: var(--dl-space-space-halfunit);

  width: 120px;

  height: 60px;

  border-style: solid;

  border-top-left-radius: 0;

  border-top-right-radius: var(--dl-radius-radius-buttonradius);

  border-bottom-left-radius: 0;

  border-bottom-right-radius: var(--dl-radius-radius-buttonradius);

}

.pricing-container1 {

  gap: var(--dl-space-space-twounits);

  width: 100%;

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

.pricing-column1 {

  gap: var(--dl-space-space-twounits);

  flex: 1;

  width: 100%;

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  border-color: var(--dl-color-theme-neutral-dark);

  border-style: solid;

  border-width: 1px;

  flex-direction: column;

}

.pricing-price10 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-price11 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-text17 {

  font-style: normal;

  font-weight: 600;

}

.pricing-text18 {

  font-size: 48px;

}

.pricing-list1 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.pricing-list-item10 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item11 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item12 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-button14 {

  width: 100%;

}

.pricing-column2 {

  gap: var(--dl-space-space-twounits);

  flex: 1;

  width: 100%;

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  border-color: var(--dl-color-theme-neutral-dark);

  border-style: solid;

  border-width: 1px;

  flex-direction: column;

  background-color: var(--dl-color-theme-accent1);

}

.pricing-price12 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-price13 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-text24 {

  font-style: normal;

  font-weight: 600;

}

.pricing-text25 {

  font-size: 48px;

}

.pricing-list2 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.pricing-list-item13 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item14 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item15 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item16 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-button15 {

  width: 100%;

}

.pricing-column3 {

  gap: var(--dl-space-space-twounits);

  flex: 1;

  width: 100%;

  display: flex;

  flex-grow: 1;

  align-items: center;

  flex-shrink: 0;

  border-color: var(--dl-color-theme-neutral-dark);

  border-style: solid;

  border-width: 1px;

  flex-direction: column;

  background-color: var(--dl-color-theme-accent2);

}

.pricing-price14 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-price15 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-text32 {

  font-style: normal;

  font-weight: 600;

}

.pricing-text33 {

  font-size: 48px;

}

.pricing-list3 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.pricing-list-item17 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item18 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item19 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item20 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item21 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-button16 {

  width: 100%;

}

.pricing-container2 {

  gap: 32px;

  width: 100%;

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

  animation-name: fadeIn;

  animation-delay: 0s;

  animation-duration: 300ms;

  animation-direction: normal;

  animation-iteration-count: 1;

  animation-timing-function: ease;

}

.pricing-column4 {

  gap: var(--dl-space-space-twounits);

  flex: 1;

  width: 100%;

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  border-color: var(--dl-color-theme-neutral-dark);

  border-style: solid;

  border-width: 1px;

  flex-direction: column;

}

.pricing-price16 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-price17 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-text41 {

  font-style: normal;

  font-weight: 600;

}

.pricing-text42 {

  font-size: 48px;

}

.pricing-list4 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.pricing-list-item22 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item23 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item24 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-button17 {

  width: 100%;

}

.pricing-column5 {

  gap: var(--dl-space-space-twounits);

  flex: 1;

  width: 100%;

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  border-color: var(--dl-color-theme-neutral-dark);

  border-style: solid;

  border-width: 1px;

  flex-direction: column;

  background-color: var(--dl-color-theme-accent1);

}

.pricing-price18 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  flex-grow: 1;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-price19 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-text48 {

  font-style: normal;

  font-weight: 600;

}

.pricing-text49 {

  font-size: 48px;

}

.pricing-list5 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.pricing-list-item25 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item26 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item27 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item28 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-button18 {

  width: 100%;

}

.pricing-column6 {

  gap: var(--dl-space-space-twounits);

  flex: 1;

  width: 100%;

  display: flex;

  flex-grow: 1;

  align-items: center;

  flex-shrink: 0;

  border-color: var(--dl-color-theme-neutral-dark);

  border-style: solid;

  border-width: 1px;

  flex-direction: column;

  background-color: var(--dl-color-theme-accent2);

}

.pricing-price20 {

  gap: var(--dl-space-space-twounits);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-price21 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.pricing-text56 {

  font-style: normal;

  font-weight: 600;

}

.pricing-text57 {

  font-size: 48px;

}

.pricing-list6 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.pricing-list-item29 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item30 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item31 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item32 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-list-item33 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

}

.pricing-button19 {

  width: 100%;

}

@media(max-width: 991px) {

  .pricing-container1 {

    flex-direction: column;

  }

  .pricing-column3 {

    width: 100%;

  }

  .pricing-container2 {

    flex-direction: column;

  }

  .pricing-column6 {

    width: 100%;

  }

}

@media(max-width: 479px) {

  .pricing-max-width {

    gap: var(--dl-space-space-oneandhalfunits);

  }

}



.steps-wrapper {

  display: contents;

}

.steps-container1 {

  width: 100%;

  display: flex;

  position: relative;

  align-items: center;

  flex-direction: column;

  justify-content: center;

}

.steps-max-width {

  gap: var(--dl-space-space-fourunits);

  width: 100%;

  display: flex;

  align-items: flex-start;

  flex-direction: row;

}

.steps-container2 {

  align-items: start;

}

.steps-section-header {

  gap: var(--dl-space-space-oneandhalfunits);

  top: 10%;

  display: flex;

  position: sticky;

  align-items: flex-start;

  flex-direction: column;

}

.steps-actions {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-items: flex-start;

}

.steps-container3 {

  grid-area: span 1/span 1/span 1/span 1;

}

.steps-container4 {

  top: 10%;

  position: sticky;

  transform: rotate(-2deg);

  margin-bottom: var(--dl-space-space-twounits);

  background-color: var(--dl-color-theme-accent1);

}

.steps-text14 {

  text-align: center;

}

.steps-text15 {

  top: var(--dl-space-space-unit);

  right: var(--dl-space-space-unit);

  position: absolute;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

}

.steps-container5 {

  top: 10%;

  position: sticky;

  transform: rotate(2deg);

  margin-bottom: var(--dl-space-space-twounits);

  background-color: var(--dl-color-theme-accent2);

}

.steps-text17 {

  text-align: center;

}

.steps-text18 {

  top: var(--dl-space-space-unit);

  right: var(--dl-space-space-unit);

  position: absolute;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

}

.steps-container6 {

  top: 10%;

  position: sticky;

  transform: rotate(-2deg);

  margin-bottom: var(--dl-space-space-twounits);

  background-color: var(--dl-color-theme-accent1);

}

.steps-text20 {

  text-align: center;

}

.steps-text21 {

  top: var(--dl-space-space-unit);

  right: var(--dl-space-space-unit);

  position: absolute;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

}

.steps-container7 {

  top: 10%;

  position: sticky;

  transform: rotate(2deg);

  background-color: var(--dl-color-theme-accent2);

}

.steps-text23 {

  text-align: center;

}

.steps-text24 {

  top: var(--dl-space-space-unit);

  right: var(--dl-space-space-unit);

  position: absolute;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

}

@media(max-width: 991px) {

  .steps-max-width {

    flex-direction: column;

  }

}

@media(max-width: 767px) {

  .steps-section-header {

    position: static;

    margin-bottom: var(--dl-space-space-twounits);

  }

  .steps-actions {

    width: 100%;

    align-self: flex-start;

  }

  .steps-container4 {

    width: 100%;

  }

  .steps-container5 {

    width: 100%;

  }

  .steps-container6 {

    width: 100%;

  }

  .steps-container7 {

    width: 100%;

  }

}

@media(max-width: 479px) {

  .steps-button {

    width: 100%;

  }

}



.testimonial-wrapper {

  display: contents;

}

.testimonial-max-width {

  display: flex;

  align-items: center;

  flex-direction: column;

}

.testimonial-container10 {

  gap: var(--dl-space-space-unit);

  display: flex;

  max-width: 600px;

  align-items: center;

  margin-bottom: var(--dl-space-space-fourunits);

  flex-direction: column;

}

.testimonial-text11 {

  text-align: center;

}

.testimonial-container12 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: flex-start;

  align-items: center;

  flex-direction: row;

  justify-content: center;

}

.testimonial-image1 {

  width: var(--dl-size-size-small);

  height: var(--dl-size-size-small);

  object-fit: cover;

  border-radius: var(--dl-radius-radius-round);

}

.testimonial-container13 {

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;

}

.testimonial-text14 {

  text-align: left;

}

.testimonial-container14 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: flex-start;

  align-items: center;

  flex-direction: row;

  justify-content: center;

}

.testimonial-image2 {

  width: var(--dl-size-size-small);

  height: var(--dl-size-size-small);

  object-fit: cover;

  border-radius: var(--dl-radius-radius-round);

}

.testimonial-container15 {

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;

}

.testimonial-text17 {

  text-align: left;

}

.testimonial-container16 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: flex-start;

  align-items: center;

  flex-direction: row;

  justify-content: center;

}

.testimonial-image3 {

  width: var(--dl-size-size-small);

  height: var(--dl-size-size-small);

  object-fit: cover;

  border-radius: var(--dl-radius-radius-round);

}

.testimonial-container17 {

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;

}

.testimonial-text20 {

  text-align: left;

}

.testimonial-container18 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: flex-start;

  align-items: center;

  flex-direction: row;

  justify-content: center;

}

.testimonial-image4 {

  width: var(--dl-size-size-small);

  height: var(--dl-size-size-small);

  object-fit: cover;

  border-radius: var(--dl-radius-radius-round);

}

.testimonial-container19 {

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;

}

.testimonial-text23 {

  text-align: left;

}

@media(max-width: 991px) {

  .testimonial-container10 {

    margin-bottom: var(--dl-space-space-threeunits);

  }

}

@media(max-width: 767px) {

  .testimonial-container10 {

    margin-bottom: var(--dl-space-space-oneandhalfunits);

  }

  .testimonial-card1 {

    width: 100%;

  }

  .testimonial-card2 {

    width: 100%;

  }

  .testimonial-card3 {

    width: 100%;

  }

  .testimonial-card4 {

    width: 100%;

  }

}



.contact-wrapper {

  display: contents;

}

.contact-contact20 {

  display: flex;

  overflow: hidden;

  position: relative;

  align-items: center;

  flex-direction: column;

}

.contact-max-width {

  gap: var(--dl-space-space-twounits);

  display: flex;

  align-items: center;

  flex-direction: column;

}

.contact-section-title {

  gap: var(--dl-space-space-unit);

  width: auto;

  display: flex;

  max-width: 800px;

  align-items: center;

  flex-shrink: 0;

  flex-direction: column;

}

.contact-content1 {

  gap: var(--dl-space-space-oneandhalfunits);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.contact-text3 {

  text-align: center;

}

.contact-row {

  gap: var(--dl-space-space-threeunits);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

}

.contact-content2 {

  gap: var(--dl-space-space-oneandhalfunits);

  flex: 1;

  width: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

}

.contact-contact-info1 {

  gap: var(--dl-space-space-oneandhalfunits);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.contact-content3 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: stretch;

  flex-direction: column;

}

.contact-text4 {

  align-self: stretch;

  text-align: center;

}

.contact-text5 {

  text-align: center;

}

.contact-email {

  text-align: center;

}

.contact-content4 {

  gap: var(--dl-space-space-oneandhalfunits);

  flex: 1;

  width: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

}

.contact-contact-info2 {

  gap: var(--dl-space-space-oneandhalfunits);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.contact-content5 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: stretch;

  flex-direction: column;

}

.contact-text6 {

  align-self: stretch;

  text-align: center;

}

.contact-text7 {

  text-align: center;

}

.contact-phone {

  text-align: center;

}

.contact-content6 {

  gap: var(--dl-space-space-oneandhalfunits);

  flex: 1;

  width: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

}

.contact-contact-info3 {

  gap: var(--dl-space-space-oneandhalfunits);

  display: flex;

  align-self: stretch;

  align-items: center;

  flex-direction: column;

}

.contact-content7 {

  gap: var(--dl-space-space-unit);

  display: flex;

  align-self: stretch;

  align-items: stretch;

  flex-direction: column;

}

.contact-text8 {

  align-self: stretch;

  text-align: center;

}

.contact-text9 {

  text-align: center;

}

.contact-address {

  text-align: center;

}

@media(max-width: 767px) {

  .contact-row {

    flex-direction: column;

  }

}

@media(max-width: 479px) {

  .contact-row {

    align-items: stretch;

  }

}



.footer-wrapper {

  display: contents;

}

.footer-footer1 {

  width: 100%;

  height: auto;

  display: flex;

  overflow: hidden;

  position: relative;

  align-items: center;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

}

.footer-max-width {

  width: 100%;

  display: flex;

  align-items: flex-start;

  flex-direction: column;

}

.footer-content {

  gap: var(--dl-space-space-fourunits);

  width: 100%;

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

  border-radius: var(--dl-radius-radius-radius4);

}

.footer-newsletter {

  gap: 24px;

  width: 500px;

  display: flex;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

}

.footer-image1 {

  height: 2rem;

}

.footer-actions {

  gap: 16px;

  width: 100%;

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.footer-form {

  gap: var(--dl-space-space-unit);

  width: 100%;

  display: flex;

  align-self: stretch;

  align-items: stretch;

  flex-shrink: 0;

}

.footer-container {

  width: 365px;

  display: flex;

  align-items: flex-start;

}

.footer-text-input {

  gap: 8px;

  width: 100%;

  height: 32px;

  display: flex;

  font-size: 16px;

  box-sizing: content-box;

  text-align: left;

  align-items: center;

  font-family: Roboto;

  font-weight: 400;

  background-color: transparent;

}

.footer-content2 {

  fill: var(--dl-color-theme-neutral-dark);

  color: var(--dl-color-theme-neutral-dark);

  height: auto;

  font-size: 12px;

  align-self: stretch;

  font-style: Regular;

  text-align: left;

  font-family: "Roboto";

  font-weight: 400;

  line-height: 150%;

  font-stretch: normal;

  text-decoration: none;

}

.footer-links {

  gap: var(--dl-space-space-twounits);

  width: 100%;

  display: flex;

  flex-grow: 1;

  align-items: flex-start;

  justify-content: flex-end;

}

.footer-column1 {

  gap: var(--dl-space-space-unit);

  width: auto;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  max-width: 300px;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

}

.footer-footer-links1 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.footer-column2 {

  gap: var(--dl-space-space-unit);

  width: auto;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  max-width: 300px;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

}

.footer-footer-links2 {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.footer-column3 {

  gap: var(--dl-space-space-unit);

  width: auto;

  display: flex;

  overflow: hidden;

  flex-grow: 1;

  max-width: 300px;

  align-items: flex-start;

  flex-shrink: 0;

  flex-direction: column;

}

.footer-social-links {

  gap: var(--dl-space-space-halfunit);

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-direction: column;

}

.footer-link14 {

  gap: 12px;

  display: flex;

  padding: 8px 0;

  align-self: stretch;

  align-items: center;

  flex-shrink: 0;

}

.footer-link15 {

  gap: 12px;

  display: flex;

  padding: 8px 0;

  align-self: stretch;

  align-items: center;

  flex-shrink: 0;

}

.footer-link16 {

  gap: 12px;

  display: flex;

  padding: 8px 0;

  align-self: stretch;

  align-items: center;

  flex-shrink: 0;

}

.footer-link17 {

  gap: 12px;

  display: flex;

  padding: 8px 0;

  align-self: stretch;

  align-items: center;

  flex-shrink: 0;

}

.footer-link18 {

  gap: 12px;

  display: flex;

  padding: 8px 0;

  align-self: stretch;

  align-items: center;

  flex-shrink: 0;

}

.footer-credits {

  gap: var(--dl-space-space-twounits);

  width: 100%;

  display: flex;

  align-self: stretch;

  margin-top: var(--dl-space-space-unit);

  align-items: flex-start;

  flex-direction: column;

}

.footer-row {

  gap: 64px;

  display: flex;

  align-self: stretch;

  align-items: flex-start;

  flex-shrink: 0;

  justify-content: space-between;

}

.footer-footer-links3 {

  gap: 24px;

  display: flex;

  align-items: flex-start;

}

@media(max-width: 991px) {

  .footer-newsletter {

    width: 300px;

  }

  .footer-form {

    width: 100%;

    flex-direction: column;

  }

  .footer-container {

    width: 100%;

  }

  .footer-text-input {

    width: 100%;

    padding: var(--dl-space-space-halfunit);

  }

  .footer-button {

    width: 100%;

    padding-top: var(--dl-space-space-halfunit);

    padding-left: var(--dl-space-space-halfunit);

    padding-right: var(--dl-space-space-halfunit);

    padding-bottom: var(--dl-space-space-halfunit);

  }

}

@media(max-width: 767px) {

  .footer-content {

    flex-direction: column;

  }

  .footer-newsletter {

    width: 100%;

  }

  .footer-form {

    width: 100%;

    flex-direction: row;

    justify-content: flex-start;

  }

  .footer-container {

    width: 100%;

  }

  .footer-button {

    width: 208px;

  }

  .footer-links {

    width: 100%;

    align-items: flex-start;

    justify-content: center;

  }

  .footer-column1 {

    align-items: center;

  }

  .footer-column1-title {

    text-align: center;

  }

  .footer-footer-links1 {

    align-self: center;

  }

  .footer-column2 {

    align-items: center;

  }

  .footer-column2-title {

    text-align: center;

  }

  .footer-footer-links2 {

    align-self: center;

  }

  .footer-column3 {

    align-items: center;

  }

  .footer-social-link1-title {

    text-align: center;

  }

  .footer-social-links {

    align-self: center;

  }

  .footer-row {

    flex-direction: column;

  }

}

@media(max-width: 479px) {

  .footer-actions {

    width: 100%;

  }

  .footer-form {

    width: 100%;

    flex-direction: column;

  }

  .footer-container {

    width: 100%;

  }

  .footer-button {

    width: 100%;

  }

  .footer-links {

    flex-direction: column;

  }

  .footer-column1 {

    width: 100%;

    max-width: 100%;

    align-items: center;

    justify-content: center;

  }

  .footer-footer-links1 {

    align-items: center;

    justify-content: center;

  }

  .footer-column2 {

    width: 100%;

    max-width: 100%;

    align-items: center;

    justify-content: center;

  }

  .footer-footer-links2 {

    align-items: center;

    justify-content: center;

  }

  .footer-column3 {

    width: 100%;

    max-width: 100%;

    align-items: center;

    justify-content: center;

  }

  .footer-social-links {

    align-items: center;

    justify-content: center;

  }

  .footer-credits {

    gap: 0;

  }

  .footer-row {

    align-items: center;

    justify-content: center;

  }

  .footer-footer-links3 {

    align-items: center;

    flex-direction: column;

    justify-content: center;

  }

}



.home-container {

  width: 100%;

  display: flex;

  min-height: 100vh;

  align-items: center;

  flex-direction: column;

}



.skills-container {

	margin-top: 100px;

	display: grid;

	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));

	gap: 5%;

	width: 75%;

}

.skill-item {

	width: 50px;

	height: 50px;

	display: flex;

	align-items: center;

	margin-bottom: 50px;

	transition: transform 0.3s ease, filter 0.3s ease;

	filter: grayscale(100%);

	opacity: 0.7;

}

.skill-item:hover {

	transform: scale(1.2) translateY(-5px);

	filter: grayscale(0%);

	opacity: 1;

}



.navbar-mobile-menu .navbar-links1 {

	padding-bottom: 30px;

	flex-direction: column;

	gap: 1rem;

	width: 100%;

}



.navbar-mobile-menu .navbar-links1 .thq-link {

	-webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;

	background: none !important;

	background-clip: unset !important;

	background-position: unset !important;

	background-size: unset !important;

}



.navbar-mobile-menu .navbar-links1 .thq-body-small {

	padding: 0;

	width: 100%;

	display: block;

	color: rgba(255, 255, 255, 0.9) !important;

	-webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;

	background: none !important;

	background-clip: unset !important;

}



.navbar-mobile-menu .navbar-links1 .thq-body-small span {

	color: rgba(255, 255, 255, 0.9) !important;

	display: block;

	-webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;

	background: none !important;

	background-clip: unset !important;

}



.navbar-mobile-menu .navbar-links1 .thq-body-small a {

	display: block;

	padding: 0.75rem 1rem;

	color: rgba(255, 255, 255, 0.9) !important;

	-webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;

	font-size: 1.1rem;

	font-weight: 500;

	text-decoration: none;

	border-radius: 8px;

	transition: all 0.3s ease;

	background-color: rgba(13, 18, 36, 0.3) !important;

	background: rgba(13, 18, 36, 0.3) !important;

	background-clip: unset !important;

}



.navbar-mobile-menu .navbar-links1 .thq-body-small a:hover {

	background-color: rgba(13, 18, 36, 0.6) !important;

	background: rgba(13, 18, 36, 0.6) !important;

	color: #8180f9 !important;

	-webkit-text-fill-color: #8180f9 !important;

	transform: translateX(5px);

}



.navbar-mobile-menu .navbar-links1 .thq-body-small a:hover span {

	color: #8180f9 !important;

	-webkit-text-fill-color: #8180f9 !important;

}



.logo_center {

	width: min(50%,450px);

	align-content: center;

	display: inline;

	transition: transform 0.3s ease;

}

.logo_center:hover {

	transform: scale(1.05);

}