.home-page {
  width: 100%;
}

.header-wrapper {
  position: fixed;
  z-index: 998;
  top: 0;
  width: 100%;
  min-height: 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .header-wrapper {
    height: 4.813rem;
  }
}
.header-wrapper.right-spacing {
  right: 0.813rem;
}
.header-wrapper.scrolled {
  border-color: #446041;
  background: rgba(41, 48, 41, 0.6);
  backdrop-filter: blur(0.269rem);
}
.header-wrapper.services-dropdown-active {
  border-color: #446041;
  background: rgba(41, 48, 41, 0.6);
  backdrop-filter: blur(0.269rem);
}
.header-wrapper header {
  height: 6rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-wrapper header .header-logo-wrapper img, .header-wrapper header .header-logo-wrapper svg {
  width: 100%;
  height: 100%;
}
.header-wrapper header .header-logo-wrapper__desktop {
  position: relative;
  display: block;
  width: 10rem;
  max-width: 10rem;
  min-width: 10rem;
  height: 4rem;
  max-height: 4rem;
  min-height: 4rem;
  overflow: hidden;
  transition: filter 0.3s linear;
}
@media only screen and (max-width: 576px) {
  .header-wrapper header .header-logo-wrapper__desktop {
    display: none;
  }
}
@-webkit-keyframes squiggles {
  0% {
    filter: url(#squiggly-0);
  }
  33% {
    filter: url(#squiggly-1);
  }
  66% {
    filter: url(#squiggly-2);
  }
  to {
    filter: url(#squiggly-3);
  }
}
@keyframes squiggles {
  0% {
    filter: url(#squiggly-0);
  }
  33% {
    filter: url(#squiggly-1);
  }
  66% {
    filter: url(#squiggly-2);
  }
  to {
    filter: url(#squiggly-3);
  }
}
.header-wrapper header .header-logo-wrapper__desktop.active .placeholder {
  opacity: 0.5;
}
.header-wrapper header .header-logo-wrapper__desktop.active lottie-player {
  display: block;
}
.header-wrapper header .header-logo-wrapper__desktop lottie-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100% !important;
  height: 100% !important;
  max-width: 10.3rem;
  max-height: 3.2rem;
}
.header-wrapper header .header-logo-wrapper__desktop lottie-player.hover-lottie {
  position: absolute;
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 9.44rem !important;
  max-height: 4rem !important;
}
.header-wrapper header .header-logo-wrapper__desktop .placeholder {
  transition: opacity 1s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100% !important;
  height: 100% !important;
  max-width: 9.26rem;
  max-height: 3rem;
  margin-left: 0rem;
}
.header-wrapper header .header-logo-wrapper__desktop .placeholder img, .header-wrapper header .header-logo-wrapper__desktop .placeholder svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.header-wrapper header .header-logo-wrapper__mobile {
  display: none;
  position: relative;
  width: 2.6rem;
  height: 3.5rem;
}
@media only screen and (max-width: 576px) {
  .header-wrapper header .header-logo-wrapper__mobile {
    display: block;
  }
}
.header-wrapper header .header-logo-wrapper__mobile .placeholder {
  width: 2.05rem;
  height: 2.74rem;
  position: absolute;
  left: 0.36rem;
  top: 0.715rem;
  transition: opacity 1s linear;
}
.header-wrapper header .header-logo-wrapper__mobile .placeholder.active {
  opacity: 0 !important;
}
.header-wrapper header .header-logo-wrapper__mobile .spin-lottie {
  display: none;
}
.header-wrapper header .header-logo-wrapper__mobile .static-lottie {
  display: none;
}
.header-wrapper header .header-logo-wrapper__mobile lottie-player {
  width: 2.7rem !important;
  height: 3.7rem !important;
  position: absolute;
  top: 0.25rem;
  left: 0;
}
.header-wrapper header .nav-wrapper {
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (max-width: 62rem) {
  .header-wrapper header .nav-wrapper {
    display: none;
  }
}
.header-wrapper header .nav-wrapper nav {
  height: 100%;
}
.header-wrapper header .nav-wrapper nav ul {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.header-wrapper header .nav-wrapper nav ul li {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.header-wrapper header .nav-wrapper nav ul li.current-menu-item a, .header-wrapper header .nav-wrapper nav ul li.current-menu-item button {
  color: #5dd33b !important;
}
.header-wrapper header .nav-wrapper nav ul li.current-menu-item a .static-line-wrapper, .header-wrapper header .nav-wrapper nav ul li.current-menu-item button .static-line-wrapper {
  position: absolute;
  bottom: 0;
  transform: translate(-50%, 50%);
  left: 50%;
  width: 100%;
  opacity: 1;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown {
  height: 100%;
  position: relative;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .header-menu-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu {
  pointer-events: none;
  display: flex;
  gap: 0.625rem;
  transition: opacity 0.2s linear, transform 0.4s ease;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 200%);
  opacity: 0;
  position: absolute;
  z-index: -999;
  height: fit-content;
  border-radius: 16px;
  border: 1px solid #546652;
  background: #333E32;
  box-shadow: 0 0 30px 0 rgba(45, 209, 0, 0.08), 0 0 14.2px 0 rgba(0, 0, 0, 0.25);
  width: 441px;
  padding: 10px;
  flex-direction: column;
  align-items: flex-start;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu.active {
  pointer-events: unset;
  transform: translate(-50%, 100%);
  opacity: 1;
  z-index: 2;
  display: flex;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li {
  width: 100%;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a {
  width: 100%;
  height: fit-content !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.625rem;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a:hover .text .title {
  color: #5dd33b;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a .icon-wrapper img, .header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a .icon-wrapper svg {
  width: 20px;
  height: 20px;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a .text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a .text.padding-left {
  padding-left: 2.25rem;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a .text .title {
  transition: color 0.2s linear;
  text-align: left;
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.header-wrapper header .nav-wrapper nav ul li.tool-list-dropdown .sub-menu li a .text .description {
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.header-wrapper header .nav-wrapper nav ul li a, .header-wrapper header .nav-wrapper nav ul li button {
  position: relative;
  transition: 0.2s linear;
  background-color: transparent;
  border: none;
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.header-wrapper header .nav-wrapper nav ul li a:hover, .header-wrapper header .nav-wrapper nav ul li button:hover {
  color: #5dd33b;
}
.header-wrapper header .nav-wrapper nav ul li a:hover .bouncing-line-wrapper, .header-wrapper header .nav-wrapper nav ul li button:hover .bouncing-line-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 1;
  transition: opacity 0.01s linear, transform 0.1s linear;
}
.header-wrapper header .nav-wrapper nav ul li a .bouncing-line-wrapper, .header-wrapper header .nav-wrapper nav ul li button .bouncing-line-wrapper {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, 50%);
  width: 100%;
  transition: transform 0.1s linear;
  opacity: 0;
}
.header-wrapper header .nav-wrapper nav ul li a .bouncing-line-wrapper *, .header-wrapper header .nav-wrapper nav ul li button .bouncing-line-wrapper * {
  pointer-events: none;
}
.header-wrapper header .nav-wrapper nav ul li a .bouncing-line-wrapper .bouncing-line-svg, .header-wrapper header .nav-wrapper nav ul li button .bouncing-line-wrapper .bouncing-line-svg {
  width: 100%;
}
.header-wrapper header .nav-wrapper nav ul li a .bouncing-line-wrapper .bouncing-line-svg .bouncing-line-svg-path, .header-wrapper header .nav-wrapper nav ul li button .bouncing-line-wrapper .bouncing-line-svg .bouncing-line-svg-path {
  width: 100%;
  stroke-linecap: round;
}
.header-wrapper header .mobile-stays {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 576px) {
  .header-wrapper header .mobile-stays .start-project {
    padding: 1rem;
    gap: 0.5rem;
  }
  .header-wrapper header .mobile-stays .start-project img, .header-wrapper header .mobile-stays .start-project svg {
    max-width: 1rem;
    max-height: 1rem;
  }
  .header-wrapper header .mobile-stays .start-project span {
    font-size: 1rem;
  }
}
.header-wrapper header .mobile-stays .mobile-menu-open {
  padding: 0.313rem;
  border: none;
  background-color: transparent;
  display: none;
}
@media only screen and (max-width: 62rem) {
  .header-wrapper header .mobile-stays .mobile-menu-open {
    display: block;
  }
}
.header-wrapper header .mobile-stays .mobile-menu-open:hover img, .header-wrapper header .mobile-stays .mobile-menu-open:hover svg {
  scale: 1.1;
}
.header-wrapper header .mobile-stays .mobile-menu-open img, .header-wrapper header .mobile-stays .mobile-menu-open svg {
  transition: 0.2s linear;
  width: 100%;
  height: 100%;
  max-width: 1.5rem;
  max-height: 1.5rem;
}
@media only screen and (max-width: 62rem) {
  .header-wrapper header .mobile-stays {
    margin-left: auto;
  }
}
.header-wrapper header .language-switcher {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  position: relative;
}
.header-wrapper header .language-switcher img {
  border-radius: 50%; /* makes it round */
  object-fit: cover; /* ensures the image scales nicely */
  width: 24px;
  height: 24px; /* make it square so the circle looks good */
  transition: all 0.3s ease;
}
.header-wrapper header .language-switcher .lang-link {
  display: flex;
  align-items: center;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
.header-wrapper header .language-switcher .lang-link:hover {
  transform: scale(1.1);
}
.header-wrapper .services-dropdown-wrapper {
  top: 6rem;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  transition: opacity 0.2s linear, height 0.2s linear;
  display: flex;
  align-items: center;
  border-top: 0.063rem solid transparent;
  overflow: hidden;
}
.header-wrapper .services-dropdown-wrapper.active {
  border-top-color: #446041;
  height: 3.125rem;
  opacity: 1;
  z-index: 2;
}
.header-wrapper .services-dropdown-wrapper .services-dropdown {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  justify-content: space-between;
}
.header-wrapper .services-dropdown-wrapper .services-dropdown a {
  background-color: transparent;
  border: none;
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.header-wrapper .services-dropdown-wrapper .services-dropdown a:hover {
  color: #5dd33b;
}

.page-overlay {
  backdrop-filter: blur(0.25rem);
  mix-blend-mode: multiply;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.2s linear;
  display: block;
}
.page-overlay__mobile-menu {
  transition: opacity 0.5s linear;
}
.page-overlay__mobile-menu.active {
  transform: translateX(0);
  opacity: 1;
}
.page-overlay__contact-modal {
  background: none 0% 0%/auto repeat scroll padding-box border-box rgba(255, 255, 255, 0.8);
}

.mobile-menu-wrapper {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  max-width: 18.75rem;
  top: 0;
  right: 0;
  border-left: 0.063rem solid #446041;
  background: rgba(41, 48, 41, 0.6);
  backdrop-filter: blur(0.625rem);
  transition: 0.2s linear;
  transform: translateX(100%);
}
@media only screen and (max-width: 25rem) {
  .mobile-menu-wrapper {
    max-width: 100%;
  }
}
.mobile-menu-wrapper.active {
  transform: translateX(0);
  display: flex;
}
.mobile-menu-wrapper.active .mobile-menu {
  display: flex;
}
.mobile-menu-wrapper .mobile-menu {
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 2.5rem;
  padding: 2.188rem 2.5rem 2.5rem 2.5rem;
  display: none;
}
.mobile-menu-wrapper .mobile-menu .close-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.mobile-menu-wrapper .mobile-menu .close-wrapper button {
  border: none;
  background-color: transparent;
  padding: 0.313rem;
}
.mobile-menu-wrapper .mobile-menu .close-wrapper button:hover img, .mobile-menu-wrapper .mobile-menu .close-wrapper button:hover svg {
  scale: 1.1;
}
.mobile-menu-wrapper .mobile-menu .close-wrapper button img, .mobile-menu-wrapper .mobile-menu .close-wrapper button svg {
  transition: 0.2s linear;
  width: 100%;
  height: 100%;
  max-width: 2rem;
  max-height: 2rem;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li {
  text-align: left;
  padding: 0;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li.current-menu-item a {
  color: #5dd33b !important;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li a, .mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li button {
  transition: 0.2s linear;
  background-color: transparent;
  border: none;
  color: #FFF;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li a:hover, .mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li button:hover {
  color: #5dd33b;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li a.accordion-button, .mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li button.accordion-button {
  padding: 0 0 0.5rem 0;
  box-shadow: none;
  border-color: transparent;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li a.accordion-button:focus-visible, .mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li button.accordion-button:focus-visible {
  outline: auto !important;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li a.accordion-button:after, .mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li button.accordion-button:after {
  background-image: url("../../svg/arrows/arrow-dropdown-gray.svg");
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li .sub-menu {
  display: block;
  position: relative;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li .sub-menu li {
  padding-bottom: 0.5rem;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li .sub-menu li:last-of-type {
  margin-bottom: 0;
}
.mobile-menu-wrapper .mobile-menu .nav-wrapper nav ul li .sub-menu li a {
  font-weight: 400;
  display: block;
  font-size: 1rem;
  line-height: 100%;
  position: relative;
}
.mobile-menu-wrapper .mobile-menu .button-wrapper {
  display: flex;
  justify-content: flex-start;
}
.mobile-menu-wrapper .mobile-menu .button-wrapper a, .mobile-menu-wrapper .mobile-menu .button-wrapper button {
  width: 100%;
  padding: 1rem;
  gap: 0.5rem;
}
.mobile-menu-wrapper .mobile-menu .button-wrapper a img, .mobile-menu-wrapper .mobile-menu .button-wrapper a svg, .mobile-menu-wrapper .mobile-menu .button-wrapper button img, .mobile-menu-wrapper .mobile-menu .button-wrapper button svg {
  max-width: 1rem;
  max-height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  margin-left: 1rem;
}
.mobile-menu-wrapper .mobile-menu .button-wrapper a span, .mobile-menu-wrapper .mobile-menu .button-wrapper button span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  text-align: center;
  font-size: 1rem;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
}
.lets-cooperate-wrapper {
  overflow: hidden;
  position: relative;
}
.lets-cooperate-wrapper .background-wrapper {
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #55AF3C;
}
.lets-cooperate-wrapper .background-wrapper .dots {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.lets-cooperate-wrapper .background-wrapper .dots img, .lets-cooperate-wrapper .background-wrapper .dots svg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 90%;
  height: auto;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .lets-cooperate-wrapper .background-wrapper .dots img, .lets-cooperate-wrapper .background-wrapper .dots svg {
    width: 150%;
  }
}
@media only screen and (max-width: 576px) {
  .lets-cooperate-wrapper .background-wrapper .dots img, .lets-cooperate-wrapper .background-wrapper .dots svg {
    width: 200%;
  }
}
.lets-cooperate-wrapper .background-wrapper .ps-logo {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lets-cooperate-wrapper .background-wrapper .ps-logo img, .lets-cooperate-wrapper .background-wrapper .ps-logo svg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.lets-cooperate-wrapper .lets-cooperate {
  padding-top: 4rem;
  padding-bottom: 3.625rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.lets-cooperate-wrapper .lets-cooperate .text {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.lets-cooperate-wrapper .lets-cooperate .text .title {
  margin: 0;
  text-align: center;
  font-size: 3.188rem;
  font-style: normal;
  font-weight: 572;
  line-height: 130%;
  letter-spacing: 0.05rem;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .lets-cooperate-wrapper .lets-cooperate .text .title {
    font-size: 2.375rem;
  }
}
.lets-cooperate-wrapper .lets-cooperate .text .title em {
  font-style: normal;
  color: #000;
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 3.875rem;
  margin: 0;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  max-width: 38.75rem;
  font-size: 1.313rem;
}
@media only screen and (max-width: 768px) {
  .lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper {
    font-size: 1rem;
  }
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper.active .contact-us-description__second {
  filter: blur(5px) !important;
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper.show-second .contact-us-description__first {
  animation: blur-out 0.5s ease-out forwards;
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper.show-second .contact-us-description__second {
  transition: filter 0.5s linear;
  filter: blur(10px);
  animation: blur-in 0.5s ease-out forwards;
}
@keyframes blur-out {
  0% {
    filter: blur(0);
    color: white;
  }
  50% {
    filter: blur(5px);
    opacity: 1;
  }
  100% {
    filter: blur(10px);
    opacity: 0;
    color: transparent;
  }
}
@keyframes blur-in {
  0% {
    filter: blur(20px);
    color: transparent;
  }
  50% {
    filter: blur(5px);
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    color: white;
  }
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper.show-first .contact-us-description__first {
  animation: blur-in 0.5s ease-out forwards;
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper.show-first .contact-us-description__second {
  animation: blur-out 0.5s ease-out forwards;
}
@keyframes blur-out {
  0% {
    filter: blur(0);
    color: white;
  }
  50% {
    filter: blur(5px);
    opacity: 1;
  }
  100% {
    filter: blur(10px);
    opacity: 0;
    color: transparent;
  }
}
@keyframes blur-in {
  0% {
    filter: blur(20px);
    color: transparent;
  }
  50% {
    filter: blur(5px);
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    color: white;
  }
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper .contact-us-description {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: none;
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper .contact-us-description__first {
  color: white;
}
.lets-cooperate-wrapper .lets-cooperate .text .contact-us-description-wrapper .contact-us-description__second {
  color: transparent;
}
.lets-cooperate-wrapper .lets-cooperate .button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.footer-wrapper {
  position: relative;
}
.footer-wrapper.show-polite-pixel .background-wrapper .ps-logo-mobile {
  bottom: -3rem;
}
@media only screen and (max-width: 450px) {
  .footer-wrapper.show-polite-pixel .background-wrapper .ps-logo-mobile {
    bottom: 0;
  }
}
.footer-wrapper .background-wrapper {
  overflow: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.footer-wrapper .background-wrapper .dots {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper .background-wrapper .dots {
    display: none;
  }
}
.footer-wrapper .background-wrapper .dots img, .footer-wrapper .background-wrapper .dots svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  height: auto;
  object-fit: cover;
}
.footer-wrapper .background-wrapper .dots-mobile {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper .background-wrapper .dots-mobile {
    display: flex;
  }
}
.footer-wrapper .background-wrapper .dots-mobile img, .footer-wrapper .background-wrapper .dots-mobile svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.footer-wrapper .background-wrapper .ps-logo-desktop {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  height: 100%;
  width: 100%;
  max-width: 95dvw;
}
@media only screen and (max-width: 1920px) {
  .footer-wrapper .background-wrapper .ps-logo-desktop {
    display: block;
  }
}
@media only screen and (max-width: 1200px) {
  .footer-wrapper .background-wrapper .ps-logo-desktop {
    right: unset;
    left: 10rem;
  }
}
@media only screen and (max-width: 992px) {
  .footer-wrapper .background-wrapper .ps-logo-desktop {
    right: unset;
    left: 20rem;
  }
}
@media only screen and (max-width: 768px) {
  .footer-wrapper .background-wrapper .ps-logo-desktop {
    display: none;
  }
}
.footer-wrapper .background-wrapper .ps-logo-desktop img, .footer-wrapper .background-wrapper .ps-logo-desktop svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer-wrapper .background-wrapper .ps-logo-mobile {
  position: absolute;
  height: 100%;
  display: none;
  bottom: calc(-4rem - 5dvw);
  left: 0;
  width: 47rem;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper .background-wrapper .ps-logo-mobile {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .footer-wrapper .background-wrapper .ps-logo-mobile {
    bottom: 3rem;
  }
}
@media only screen and (max-width: 500px) {
  .footer-wrapper .background-wrapper .ps-logo-mobile {
    width: 35rem;
    bottom: 0;
  }
}
.footer-wrapper .background-wrapper .ps-logo-mobile img, .footer-wrapper .background-wrapper .ps-logo-mobile svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .footer-wrapper .background-wrapper .ps-logo-mobile img, .footer-wrapper .background-wrapper .ps-logo-mobile svg {
    height: 62.5rem;
  }
}
.footer-wrapper footer {
  padding-top: 6rem;
  padding-bottom: 3rem;
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer {
    padding-bottom: 2rem;
    padding-top: 3.75rem;
    row-gap: 4rem;
  }
}
.footer-wrapper footer .top {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top {
    gap: 1.75rem;
  }
}
.footer-wrapper footer .top .title {
  margin: 0;
  color: #293029;
  font-size: 4rem;
  font-style: normal;
  font-weight: 534;
  line-height: 100%;
  letter-spacing: 0.062rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper footer .top .title {
    font-size: 8.34dvw;
  }
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .title {
    font-size: 3rem;
  }
}
.footer-wrapper footer .top .title span {
  position: relative;
  z-index: 2;
}
.footer-wrapper footer .top .title .lottie-wrapper {
  display: inline-block;
  position: relative;
  width: 4.563rem;
  height: 4.563rem;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper footer .top .title .lottie-wrapper {
    width: 9.38dvw;
    height: 9.38dvw;
  }
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .title .lottie-wrapper {
    width: 3rem;
    height: 3rem;
  }
}
.footer-wrapper footer .top .title .lottie-wrapper.active .lottie-placeholder {
  display: none !important;
}
.footer-wrapper footer .top .title .lottie-wrapper.active lottie-player {
  display: revert;
}
.footer-wrapper footer .top .title .lottie-wrapper lottie-player {
  position: absolute;
  display: none;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
.footer-wrapper footer .top .title .lottie-wrapper .lottie-placeholder {
  position: absolute;
}
.footer-wrapper footer .top .title .lottie-wrapper__heart lottie-player {
  width: 4.5rem;
  height: 4.5rem;
  bottom: -1rem;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper footer .top .title .lottie-wrapper__heart lottie-player {
    bottom: -2dvw;
    width: 9.12dvw;
    height: 9.12dvw;
  }
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .title .lottie-wrapper__heart lottie-player {
    width: 3rem;
    height: 3rem;
    bottom: -0.5rem;
  }
}
.footer-wrapper footer .top .title .lottie-wrapper__heart .lottie-placeholder {
  width: 4.5rem;
  height: 4.5rem;
  bottom: -1rem;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper footer .top .title .lottie-wrapper__heart .lottie-placeholder {
    bottom: -2dvw;
    width: 9.12dvw;
    height: 9.12dvw;
  }
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .title .lottie-wrapper__heart .lottie-placeholder {
    width: 3rem;
    height: 3rem;
    bottom: -0.5rem;
  }
}
.footer-wrapper footer .top .title .lottie-wrapper__brain lottie-player {
  width: 14rem;
  height: 12rem;
  bottom: -4.5rem;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper footer .top .title .lottie-wrapper__brain lottie-player {
    width: 29.16dvw;
    height: 25dvw;
    bottom: -9.37dvw;
  }
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .title .lottie-wrapper__brain lottie-player {
    width: 9rem;
    height: 9rem;
    bottom: -3.5rem;
  }
}
.footer-wrapper footer .top .title .lottie-wrapper__brain .lottie-placeholder {
  width: 4rem;
  height: 5rem;
  bottom: -1rem;
  left: 0.25rem;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper footer .top .title .lottie-wrapper__brain .lottie-placeholder {
    width: 8dvw;
    height: 8dvw;
    bottom: -0.8dvw;
  }
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .title .lottie-wrapper__brain .lottie-placeholder {
    width: 2.5rem;
    height: 2.5rem;
    bottom: -0.25rem;
  }
}
.footer-wrapper footer .top .footer-navigation {
  display: flex;
  flex-direction: row;
  gap: 6rem;
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .footer-navigation {
    gap: 2rem;
  }
}
.footer-wrapper footer .top .footer-navigation .nav-list {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  width: 100%;
  max-width: 10.625rem;
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .footer-navigation .nav-list {
    gap: 1.5rem;
  }
}
.footer-wrapper footer .top .footer-navigation .nav-list .nav-title {
  align-self: stretch;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  color: #000;
}
.footer-wrapper footer .top .footer-navigation .nav-list ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  padding: 0;
  margin: 0;
}
.footer-wrapper footer .top .footer-navigation .nav-list ul.socials-list {
  gap: 1rem;
}
.footer-wrapper footer .top .footer-navigation .nav-list ul.socials-list li a {
  display: flex;
  gap: 0.35rem;
  align-items: center;
  background-image: none !important;
}
.footer-wrapper footer .top .footer-navigation .nav-list ul.socials-list li a img {
  width: 2rem;
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .top .footer-navigation .nav-list ul {
    gap: 1.5rem;
  }
}
.footer-wrapper footer .top .footer-navigation .nav-list ul li a {
  padding: 0 !important;
  width: fit-content;
  flex-shrink: 0;
  align-self: stretch;
  color: #000;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: inline-block;
  text-wrap: nowrap;
  padding-bottom: 2px;
  text-decoration: none;
  background-image: linear-gradient(#52a939, #52a939);
  background-size: 0 1px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
}
.footer-wrapper footer .top .footer-navigation .nav-list ul li a:hover {
  background-size: 100% 1px;
  background-position-x: 0;
}
.footer-wrapper footer .top .footer-navigation .nav-list ul li a:hover {
  color: #52a939;
}
.footer-wrapper footer .footer-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  gap: 2rem;
}
.footer-wrapper footer .footer-bottom .left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .footer-wrapper footer .footer-bottom .left {
    gap: 14rem;
  }
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .newsletter-wrapper {
  width: 100%;
  max-width: 27rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .newsletter-wrapper h2 {
  font-size: 2rem;
  margin: 0;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .newsletter-wrapper form {
  gap: 0.5rem;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .newsletter-wrapper form label {
  gap: 0;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .newsletter-wrapper form input {
  border-color: #C5D8C5;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content {
  width: fit-content;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 1200px) {
  .footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content {
    display: flex;
  }
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .laravel-top {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .laravel-top .laravel-logo-wrapper {
  width: 9.4rem;
  height: 2.9rem;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .laravel-top .laravel-logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .laravel-top .certified-text {
  color: #000;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .arrow-wrapper {
  display: none;
  width: 2rem;
  height: 2rem;
  animation: move-up-down 1s ease-in-out infinite alternate;
}
@keyframes move-up-down {
  0% {
    transform: translateY(-0.5rem);
  }
  100% {
    transform: translateY(0.5rem);
  }
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .arrow-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .laravel-badge-wrapper {
  width: 9.4rem;
  height: 10.9rem;
}
.footer-wrapper footer .footer-bottom .left .newsletter-and-laravel .laravel-content .laravel-badge-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  justify-content: space-between;
  align-self: unset;
  text-align: left;
  order: 1;
}
@media only screen and (max-width: 850px) {
  .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies {
    justify-content: flex-start;
  }
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper {
  position: relative;
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper.active img, .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper.active svg {
  display: none;
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper.active lottie-player {
  display: block;
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper lottie-player {
  display: none;
  width: 100%;
  height: 100%;
  max-width: 14.375rem;
  max-height: 4.5rem;
  transition: opacity 0.5s linear;
}
@media only screen and (max-width: 1200px) {
  .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper lottie-player {
    max-width: 10.938rem;
    max-height: 3.438rem;
    padding: 1px 5px;
  }
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper lottie-player.hover-lottie {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper img, .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper svg {
  width: 100%;
  height: 100%;
  max-width: 14.375rem;
  max-height: 4.5rem;
  padding: 2px 9px;
}
@media only screen and (max-width: 1200px) {
  .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper img, .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .footer-ps-logo-wrapper svg {
    max-width: 10.938rem;
    max-height: 3.438rem;
    padding: 1px 5px;
  }
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 1200px) {
  .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel {
    align-items: flex-start;
  }
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel .title {
  color: #909090;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media only screen and (max-width: 450px) {
  .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel .title {
    font-size: 0.9rem;
  }
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel img, .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel svg {
  width: 100%;
  height: 100%;
  max-width: 10rem;
  max-height: 1.25rem;
}
@media only screen and (max-width: 450px) {
  .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel img, .footer-wrapper footer .footer-bottom .left .companies-and-copyright .companies .polite-pixel svg {
    max-width: 7.5rem;
    max-height: 1rem;
  }
}
.footer-wrapper footer .footer-bottom .left .companies-and-copyright .copyright {
  white-space: normal;
  color: #909090;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  order: 2;
}
@media only screen and (max-width: 576px) {
  .footer-wrapper footer .footer-bottom .left .companies-and-copyright .copyright {
    font-size: 1.125rem;
  }
}
.footer-wrapper footer .footer-bottom .right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .footer-wrapper footer .footer-bottom .right {
    display: none;
  }
}
.footer-wrapper footer .footer-bottom .right .laravel-top {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer-wrapper footer .footer-bottom .right .laravel-top .laravel-logo-wrapper {
  width: 9.4rem;
  height: 2.9rem;
}
.footer-wrapper footer .footer-bottom .right .laravel-top .laravel-logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-wrapper footer .footer-bottom .right .laravel-top .certified-text {
  color: #000;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.footer-wrapper footer .footer-bottom .right .arrow-wrapper {
  width: 2rem;
  height: 2rem;
  animation: move-up-down 1s ease-in-out infinite alternate;
}
@keyframes move-up-down {
  0% {
    transform: translateY(-0.5rem);
  }
  100% {
    transform: translateY(0.5rem);
  }
}
.footer-wrapper footer .footer-bottom .right .arrow-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-wrapper footer .footer-bottom .right .laravel-badge-wrapper {
  width: 9.4rem;
  height: 10.9rem;
}
.footer-wrapper footer .footer-bottom .right .laravel-badge-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.contact-modal-wrapper {
  display: block !important;
  overflow: hidden;
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) scale(0, 0);
  width: calc(100% - 9.375rem);
  max-width: 80.625rem;
  opacity: 0;
  border-radius: 2.188rem;
  border: 0.063rem solid #445942;
  height: 95%;
  max-height: 51.25rem;
}
@media only screen and (max-width: 992px) {
  .contact-modal-wrapper {
    width: 100%;
    height: 100%;
    max-height: unset;
    max-width: unset;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-modal-wrapper.spacing-right {
    left: calc(50% + 0.406rem);
    width: calc(100% - 9.375rem);
  }
  @-moz-document url-prefix() {
    .contact-modal-wrapper.spacing-right {
      left: 50%;
    }
  }
}
@media only screen and (min-width: 90.313px) {
  .contact-modal-wrapper.spacing-right {
    left: calc(50% + 0.406rem);
    width: calc(100% - 8.563rem);
  }
  @-moz-document url-prefix() {
    .contact-modal-wrapper.spacing-right {
      width: calc(100% - 9.375rem);
      left: 50%;
    }
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper {
  position: relative;
  overflow: auto;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2.188rem;
}
@media only screen and (max-width: 992px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper {
    border-radius: 0;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .background-wrapper {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(100% 50% at 0% 0%, #3f573f 0%, #344934 33.3%, #293029 100%);
}
.contact-modal-wrapper .contact-modal-inner-wrapper .background-wrapper .dots {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .background-wrapper .dots {
    display: none;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .background-wrapper .dots img, .contact-modal-wrapper .contact-modal-inner-wrapper .background-wrapper .dots svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 80%;
  height: auto;
  object-fit: cover;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  row-gap: 1.5rem;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 1001;
  padding: 1.875rem 1.875rem 1.875rem 2.375rem;
  border-radius: 2.188rem;
  opacity: 0;
  transform: scale(1, 0);
}
@media only screen and (max-width: 768px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal {
    padding: 1.25rem 1rem;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal::-webkit-scrollbar {
  width: 0.813rem;
  border-radius: 0.813rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal::-webkit-scrollbar-thumb {
  border-radius: 0.313rem;
  background-color: #5fc158;
}
@media only screen and (max-width: 1200px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal {
    flex-direction: column;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close .small-title {
  color: #859084;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close .contact-modal-close {
  background-color: transparent;
  border: none;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close .contact-modal-close:hover {
  cursor: pointer;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close .contact-modal-close:hover img, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close .contact-modal-close:hover svg {
  scale: 1.1;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close .contact-modal-close img, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .title-and-close .contact-modal-close svg {
  transition: scale 0.2s linear;
  width: 100%;
  height: 100%;
  max-width: 2rem;
  max-height: 2rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.5rem;
  row-gap: 2.25rem;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content {
    gap: 2.5rem;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts {
  flex-grow: 1;
  flex-basis: 26.875rem;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media only screen and (max-width: 1200px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts {
    gap: 3.125rem;
  }
}
@media only screen and (max-width: 576px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts {
    min-width: unset;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .top {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .top .title {
  margin: 0;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 572;
  line-height: 130%;
  letter-spacing: 0.034rem;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .top .title {
    font-size: 2rem;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .top .title em {
  font-style: normal;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--g1, radial-gradient(82.99% 186.97% at 21.65% 50%, #6AD762 0%, #42853D 100%));
  background-color: #231F20;
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .top .title em:before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links {
  display: flex;
  flex-direction: row;
  column-gap: 2.5rem;
  row-gap: 1.5rem;
  flex-wrap: wrap;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a:hover span, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a:hover h2, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a:hover h3, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a:hover h4 {
  background-size: 100% 1px;
  background-position-x: 0;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a span, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a h2, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a h3, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a h4 {
  display: inline-block;
  text-wrap: nowrap;
  padding-bottom: 2px;
  text-decoration: none;
  background-image: linear-gradient(#55af3c, #55af3c);
  background-size: 0 1px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a:hover span {
  color: #6AD762;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a img, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a svg {
  width: 100%;
  height: 100%;
  max-width: 2rem;
  max-height: 2rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .contact-links a span {
  color: #FFF;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  row-gap: 2.25rem;
  column-gap: 3.5rem;
  padding-bottom: 1.25rem;
}
@media only screen and (max-width: 53.125rem) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information {
    flex-wrap: wrap;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details .title, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours .title {
  align-self: stretch;
  color: #FFF;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details .title .copy-to-clipboard, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours .title .copy-to-clipboard {
  padding: 0;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: fit-content;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details .title .copy-to-clipboard:hover span, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours .title .copy-to-clipboard:hover span {
  color: #6AD762;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details .title .copy-to-clipboard span, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours .title .copy-to-clipboard span {
  transition: 0.2s linear;
  color: #FFF;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details .title .copy-to-clipboard .img, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details .title .copy-to-clipboard svg, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours .title .copy-to-clipboard .img, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours .title .copy-to-clipboard svg {
  opacity: 0.5;
  width: 100%;
  height: 100%;
  max-width: 1.5rem;
  max-height: 1.5rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details ul, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 0.625rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details ul li, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours ul li {
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  line-height: 120%;
  text-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details ul li, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours ul li {
    text-wrap: wrap;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details ul li .title, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours ul li .title {
  font-weight: 500;
  text-wrap: nowrap;
  font-size: 1.125rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details ul li .value, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours ul li .value {
  color: #FFF !important;
  font-weight: 400;
  text-wrap: nowrap;
  font-size: 1.125rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .company-details ul li .company-name, .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .contacts .company-information .working-hours ul li .company-name {
  color: #FFF !important;
  font-weight: 600;
  text-wrap: nowrap;
  font-size: 1.125rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .right {
  padding-bottom: 1.625rem;
  flex-grow: 1;
  flex-basis: 21.875rem;
  display: flex;
  width: 100%;
  max-width: 31.563rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .right .contact-form-wrapper {
  min-width: 25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  background-color: #fff;
  padding: 1.625rem;
  border-radius: 2.188rem;
  min-height: fit-content;
}
@media only screen and (max-width: 576px) {
  .contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .right .contact-form-wrapper {
    padding: 1.25rem;
    min-width: unset;
  }
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .right .contact-form-wrapper .top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .right .contact-form-wrapper .top .title {
  align-self: stretch;
  color: #000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .right .contact-form-wrapper .top .description {
  align-self: stretch;
  color: #000;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.5;
}
.contact-modal-wrapper .contact-modal-inner-wrapper .contact-modal .contact-modal-content .right .contact-form-wrapper form textarea {
  flex: 1 1;
}

.newsletter-form .inputs-group .input-wrapper {
  position: relative;
}
.newsletter-form .inputs-group .input-wrapper .submit-newsletter-form {
  width: 3.5rem !important;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0.25rem;
  right: 0.25rem;
  height: 2.5rem !important;
  padding: 0 !important;
  transition: background-color 0.2s linear;
}
.newsletter-form .inputs-group .input-wrapper .submit-newsletter-form img, .newsletter-form .inputs-group .input-wrapper .submit-newsletter-form svg {
  width: 100%;
  height: 100%;
  max-width: 1.625rem;
  max-height: 1.625rem;
}
.newsletter-form .inputs-group .input-wrapper .submit-newsletter-form:disabled img, .newsletter-form .inputs-group .input-wrapper .submit-newsletter-form:disabled svg, .newsletter-form .inputs-group .input-wrapper .submit-newsletter-form.disabled img, .newsletter-form .inputs-group .input-wrapper .submit-newsletter-form.disabled svg {
  display: none;
}
.newsletter-form .privacy-policy-agreement {
  display: inline-block;
  padding: 0 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  color: #708C70;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.newsletter-form .privacy-policy-agreement a {
  text-wrap: nowrap;
  display: inline-block;
  color: #54AF3A;
  display: inline-block;
  text-wrap: nowrap;
  padding-bottom: 2px;
  text-decoration: none;
  background-image: linear-gradient(#55af3c, #55af3c);
  background-size: 0 1px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
}
.newsletter-form .privacy-policy-agreement a:hover {
  background-size: 100% 1px;
  background-position-x: 0;
}
.newsletter-form .privacy-policy-agreement p {
  margin: 0;
}

.cs-info-bar {
  font-family: "Default font", sans-serif !important;
}
.cs-info-bar * {
  font-family: "Default font", sans-serif !important;
}
.cs-info-bar.bar_large {
  border: 1px solid #C8D5C7 !important;
  height: fit-content !important;
  width: 34.125rem !important;
  max-width: calc(100% - 2.5rem) !important;
  margin: 0 !important;
  left: unset !important;
  right: 3.5rem !important;
  bottom: 3.5rem !important;
  padding: 2rem !important;
  border-radius: 2.5rem !important;
  background-color: #F0F0F0 !important;
}
@media only screen and (max-width: 768px) {
  .cs-info-bar.bar_large {
    right: 1.25rem !important;
    bottom: 1.25rem !important;
    padding: 1.5rem !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row {
  display: flex !important;
  flex-direction: column !important;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description {
  width: 100% !important;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description .bar_description_text {
  align-self: stretch;
  color: #000;
  font-size: 1.125rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description .bar_description_text {
    font-size: 1rem !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description .policy_wrap a {
  font-size: 1.125rem !important;
  color: #329216 !important;
}
@media only screen and (max-width: 768px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description .policy_wrap a {
    font-size: 1rem !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description .policy_wrap a:hover {
  color: #54AF3A !important;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description .policy_wrap a:hover:after {
  background-color: #54AF3A !important;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .bar-description .policy_wrap a:after {
  background-color: #329216 !important;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column {
  width: 100% !important;
  max-width: unset;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 1.5rem;
}
@media only screen and (max-width: 576px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row {
    flex-direction: column !important;
    gap: 1rem !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button {
  margin: 0 !important;
  text-align: center !important;
  font-size: 1.25rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: fit-content !important;
}
@media only screen and (max-width: 768px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button {
    font-size: 1.125rem !important;
  }
}
@media only screen and (max-width: 576px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button {
    justify-content: flex-end !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.options_btn {
  background-color: transparent !important;
  color: #329216 !important;
  padding: 0 !important;
  height: fit-content !important;
}
@media only screen and (max-width: 576px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.options_btn {
    width: fit-content !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.options_btn:hover {
  color: #54AF3A !important;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.disable_all_btn {
  background-color: transparent !important;
  color: #329216 !important;
  padding: 0 !important;
  height: fit-content !important;
}
@media only screen and (max-width: 576px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.disable_all_btn {
    width: fit-content !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.disable_all_btn:hover {
  color: #54AF3A !important;
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.allow_all_btn {
  color: #FFF;
  padding: 1.25rem !important;
  gap: 0.5rem;
  border-radius: 5.25rem;
  background-color: #54AF3A !important;
}
@media only screen and (max-width: 576px) {
  .cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.allow_all_btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.75rem !important;
  }
}
.cs-info-bar.bar_large .cs-wrapper .cs-popup-row .btns_column .btn-row button.allow_all_btn:hover {
  background-color: #329216 !important;
}

#cs_preview_popup {
  font-family: "Default font", sans-serif !important;
}
#cs_preview_popup * {
  font-family: "Default font", sans-serif !important;
}
#cs_preview_popup .cs-modal {
  display: flex;
}
#cs_preview_popup .cs-modal .cs-modal-dialog {
  margin: auto auto !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content {
  border-radius: 2.5rem !important;
  border: 1px solid #C8D5C7 !important;
  background-color: #F0F0F0 !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .green-text {
  color: #329216 !important;
}
@media only screen and (max-width: 768px) {
  #cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body {
    padding: 0 0.5rem 0 0 !important;
  }
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body::-webkit-scrollbar {
  width: 0.813rem;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body::-webkit-scrollbar-track {
  background-color: #f0f0f0;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body::-webkit-scrollbar-thumb {
  border-radius: 0.313rem;
  background-color: #1c221c;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .policy_wrap a {
  font-size: 1.125rem !important;
  color: #329216 !important;
}
@media only screen and (max-width: 768px) {
  #cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .policy_wrap a {
    font-size: 1rem !important;
  }
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .policy_wrap a:hover {
  color: #54AF3A !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .policy_wrap a:hover:after {
  background-color: #54AF3A !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .policy_wrap a:after {
  background-color: #329216 !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row {
  flex-wrap: nowrap !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1.5rem !important;
}
@media only screen and (max-width: 768px) {
  #cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row {
    flex-direction: column !important;
    justify-content: center !important;
  }
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row .disable_all_btn, #cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row .cs_setting_save_button {
  width: fit-content !important;
  background-color: transparent !important;
  color: #329216 !important;
  padding: 0 !important;
  height: fit-content !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row .disable_all_btn:hover, #cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row .cs_setting_save_button:hover {
  color: #54AF3A !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row .allow_all_btn {
  width: fit-content !important;
  color: #FFF;
  padding: 1.25rem !important;
  gap: 0.5rem;
  border-radius: 5.25rem;
  background-color: #54AF3A !important;
}
@media only screen and (max-width: 576px) {
  #cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row .allow_all_btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.75rem !important;
  }
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .btn-row .allow_all_btn:hover {
  background-color: #329216 !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .primary-switch .primary-switch-input:checked + .primary-switch-btn {
  background: rgba(84, 175, 58, 0.5) !important;
}
#cs_preview_popup .cs-modal .cs-modal-dialog .cs-modal-content .cs-modal-body .primary-switch .primary-switch-input:checked + .primary-switch-btn:after {
  background: #329216 !important;
}

#cs_preview_popup_button {
  font-family: "Default font", sans-serif !important;
}
#cs_preview_popup_button * {
  font-family: "Default font", sans-serif !important;
}
#cs_preview_popup_button .cs-info-sticky {
  text-align: left !important;
  min-height: unset !important;
  position: fixed !important;
  left: 0 !important;
  margin: 0 auto;
  pointer-events: none;
  width: 100% !important;
  z-index: 1000000;
  display: flex !important;
}
@media only screen and (max-width: 768px) {
  #cs_preview_popup_button .cs-info-sticky {
    position: relative !important;
  }
}
#cs_preview_popup_button .cs-info-sticky .cs-info-sticky-button {
  padding: 0.75rem !important;
  background-color: #F0F0F0 !important;
  border-top-right-radius: 1rem !important;
  border-top: 1px solid #C8D5C7 !important;
  border-right: 1px solid #C8D5C7 !important;
  font-size: 1rem !important;
  opacity: 1 !important;
  width: fit-content !important;
  font-family: "Default font", sans-serif !important;
  font-weight: 400 !important;
}
@media only screen and (max-width: 768px) {
  #cs_preview_popup_button .cs-info-sticky .cs-info-sticky-button {
    width: 100% !important;
    border-top-right-radius: 0 !important;
  }
}

.hero-wrapper {
  width: 100%;
  min-height: calc(100vh + 3rem);
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
@media only screen and (min-height: 768px) and (min-width: 768px) {
  .hero-wrapper {
    min-height: 51rem;
  }
}
.hero-wrapper .hero-background {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(100% 50% at 100% 0%, #3f573f 0%, #344934 33.3%, #293029 100%);
}
.hero-wrapper .hero-background .dots {
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  height: 60%;
  display: block;
}
@media only screen and (max-width: 768px) {
  .hero-wrapper .hero-background .dots {
    display: none !important;
  }
}
.hero-wrapper .hero-background .dots img, .hero-wrapper .hero-background .dots svg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-wrapper .hero-background .dots-mobile {
  position: absolute;
  right: 0;
  top: 0;
  width: 90%;
  height: 38rem;
}
@media only screen and (min-width: 768px) {
  .hero-wrapper .hero-background .dots-mobile {
    display: none !important;
  }
}
.hero-wrapper .hero-background .dots-mobile img, .hero-wrapper .hero-background .dots-mobile svg {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.hero-wrapper .hero-background .ps-logo-large {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s linear;
}
@media only screen and (max-width: 768px) {
  .hero-wrapper .hero-background .ps-logo-large {
    display: none;
  }
}
.hero-wrapper .hero-background .ps-logo-large img, .hero-wrapper .hero-background .ps-logo-large svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.hero-wrapper .hero-background .ps-logo-large img .draw-hero-logo, .hero-wrapper .hero-background .ps-logo-large svg .draw-hero-logo {
  filter: drop-shadow(0 0 0.1rem rgba(58, 81, 58, 0)) drop-shadow(0 0 0.5rem rgba(58, 81, 58, 0)) drop-shadow(0 0 0.5rem rgba(58, 81, 58, 0));
}
.hero-wrapper .hero-background .ps-logo-medium {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media only screen and (max-width: 768px) {
  .hero-wrapper .hero-background .ps-logo-medium {
    display: block;
  }
}
.hero-wrapper .hero-background .ps-logo-medium img, .hero-wrapper .hero-background .ps-logo-medium svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.hero-wrapper .hero-background .hero-background-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #293029 9.375rem, transparent 45%);
}
.hero-wrapper .hero-content {
  position: relative;
  padding-top: 8.125rem;
  height: 100%;
  width: 100%;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.hero-wrapper .hero-content .text {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding-bottom: 0.938rem;
  gap: 3rem;
}
@media only screen and (max-width: 1200px) {
  .hero-wrapper .hero-content .text {
    gap: 4rem;
  }
}
@media only screen and (max-width: 992px) {
  .hero-wrapper .hero-content .text {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 576px) {
  .hero-wrapper .hero-content .text {
    gap: 2.5rem;
  }
}
.hero-wrapper .hero-content .text .title {
  width: fit-content;
  margin-bottom: 0;
  z-index: 2;
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  background: var(--g1, radial-gradient(82.99% 186.97% at 21.65% 50%, #6AD762 0%, #42853D 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: swing-front 2s ease-out;
}
@keyframes swing-front {
  0% {
    transform: rotateX(-90deg) translateZ(300px); /* Start far and facing upwards */
    opacity: 0; /* Fade in as it swings */
  }
  50% {
    transform: rotateX(10deg) translateZ(-50px); /* Swing slightly back, closer */
    opacity: 1;
  }
  70% {
    transform: rotateX(-5deg) translateZ(20px); /* Slight forward swing */
  }
  90% {
    transform: rotateX(3deg) translateZ(0px); /* Minor adjustment near rest */
  }
  100% {
    transform: rotateX(0deg) translateZ(0px); /* End at default position */
    opacity: 1; /* Fully visible */
  }
}
@media only screen and (max-width: 1200px) {
  .hero-wrapper .hero-content .text .title {
    font-size: 6.2dvw;
  }
}
@media only screen and (max-width: 992px) {
  .hero-wrapper .hero-content .text .title {
    max-width: 70%;
    font-size: 7dvw;
  }
}
@media only screen and (max-width: 768px) {
  .hero-wrapper .hero-content .text .title {
    max-width: unset;
    font-size: 9dvw;
  }
}
@media only screen and (max-width: 576px) {
  .hero-wrapper .hero-content .text .title {
    font-size: 9.5dvw;
  }
}
.hero-wrapper .hero-content .text .hero-description {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 992px) {
  .hero-wrapper .hero-content .text .hero-description {
    max-width: unset;
    text-align: left;
  }
}
@media only screen and (max-width: 576px) {
  .hero-wrapper .hero-content .text .hero-description {
    margin-bottom: 2rem;
    font-size: 1.25rem;
    width: auto;
    max-width: unset;
  }
}
.hero-wrapper .hero-content .text .hero-description .hero-description-line {
  text-wrap: nowrap;
  position: relative;
  width: fit-content;
  text-align: left;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #fefefe;
  display: block;
  animation-fill-mode: forwards;
}
.hero-wrapper .hero-content .text .hero-description .hero-description-line__first {
  animation: moveUp 0.6s ease-out 1.5s;
  opacity: 0;
  animation-fill-mode: forwards;
  transform: translateY(100%);
}
@keyframes moveUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero-wrapper .hero-content .text .hero-description .hero-description-line__second {
  animation: moveDown 0.6s ease-out 2.5s;
  opacity: 0;
  animation-fill-mode: forwards;
  transform: translateY(-100%);
}
@keyframes moveDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero-wrapper .hero-content .text .divider {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.188rem;
  background-color: #696e69;
}
.hero-wrapper .hero-content .section-title-wrapper {
  margin-top: 3.8rem;
}
@media only screen and (max-width: 576px) {
  .hero-wrapper .hero-content .section-title-wrapper {
    margin-top: 2rem;
  }
}
.hero-wrapper .hero-content .trusted-by-wrapper {
  min-height: 7rem;
  padding: 2rem 0;
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
}
.hero-wrapper .hero-content .trusted-by-wrapper .linear-gradient-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.875rem;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to right, #293029 0.625rem, transparent 1.875rem);
}
.hero-wrapper .hero-content .trusted-by-wrapper .linear-gradient-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.875rem;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to left, #293029 0.625rem, transparent 1.875rem);
}
.hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee img, .hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee svg {
  display: none;
}
.hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee img, .hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee svg {
  display: inline;
  padding: 0 3rem;
}
@media only screen and (max-width: 576px) {
  .hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee img, .hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee svg {
    padding: 0 1.5rem;
  }
}
.hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee svg {
  max-height: 2.438rem;
  min-height: 2.438rem;
  width: unset;
  height: unset;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee svg {
    max-height: 2rem;
    min-height: 2rem;
  }
}
.hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee img {
  width: unset;
  height: 100%;
  max-height: 3rem;
  min-height: 3rem;
  object-fit: contain;
}
@media only screen and (max-width: 576px) {
  .hero-wrapper .hero-content .trusted-by-wrapper .trusted-by-marquee .js-marquee-wrapper .js-marquee img {
    height: 100%;
    max-height: 2rem;
    min-height: 2rem;
  }
}

.contact-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 0.063rem solid #446041;
  background: linear-gradient(90deg, rgb(58, 86, 51) 0%, rgb(54, 71, 49) 70%, rgb(56, 78, 51) 100%);
}
@media only screen and (max-width: 768px) {
  .contact-bar {
    font-size: 2.25rem;
  }
}
.contact-bar .contact-items {
  display: flex;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  gap: 1rem;
}
@media only screen and (max-width: 1200px) {
  .contact-bar .contact-items {
    gap: 2.583dvw;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .contact-bar .contact-items {
    flex-direction: column;
    gap: 1rem;
  }
}
.contact-bar .contact-items .contact-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
}
@media only screen and (max-width: 1200px) {
  .contact-bar .contact-items .contact-item {
    gap: 1.77dvw;
  }
}
@media only screen and (max-width: 768px) {
  .contact-bar .contact-items .contact-item {
    gap: 2dvw;
  }
}
.contact-bar .contact-items .contact-item__link:hover span, .contact-bar .contact-items .contact-item__link:hover h2, .contact-bar .contact-items .contact-item__link:hover h3, .contact-bar .contact-items .contact-item__link:hover h4 {
  background-size: 100% 2px;
  background-position-x: 0;
}
.contact-bar .contact-items .contact-item__link span, .contact-bar .contact-items .contact-item__link h2, .contact-bar .contact-items .contact-item__link h3, .contact-bar .contact-items .contact-item__link h4 {
  display: inline-block;
  text-wrap: nowrap;
  padding-bottom: 4px;
  text-decoration: none;
  background-image: linear-gradient(#55af3c, #55af3c);
  background-size: 0 2px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
}
@media only screen and (max-width: 768px) {
  .contact-bar .contact-items .contact-item__link:hover span, .contact-bar .contact-items .contact-item__link:hover h2, .contact-bar .contact-items .contact-item__link:hover h3, .contact-bar .contact-items .contact-item__link:hover h4 {
    background-size: 100% 1px;
    background-position-x: 0;
  }
  .contact-bar .contact-items .contact-item__link span, .contact-bar .contact-items .contact-item__link h2, .contact-bar .contact-items .contact-item__link h3, .contact-bar .contact-items .contact-item__link h4 {
    display: inline-block;
    text-wrap: nowrap;
    padding-bottom: 2px;
    text-decoration: none;
    background-image: linear-gradient(#55af3c, #55af3c);
    background-size: 0 1px;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
  }
}
.contact-bar .contact-items .contact-item__link:hover span {
  color: #54af3a;
}
.contact-bar .contact-items .contact-item img, .contact-bar .contact-items .contact-item svg {
  width: 100%;
  height: 100%;
  max-width: 2rem;
  max-height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
}
@media only screen and (max-width: 1200px) {
  .contact-bar .contact-items .contact-item img, .contact-bar .contact-items .contact-item svg {
    max-width: 2.66dvw;
    max-height: 2.66dvw;
    min-width: 2.66dvw;
    min-height: 2.66dvw;
  }
}
@media only screen and (max-width: 768px) {
  .contact-bar .contact-items .contact-item img, .contact-bar .contact-items .contact-item svg {
    max-width: 4dvw;
    max-height: 4dvw;
    min-width: 4dvw;
    min-height: 4dvw;
  }
}
.contact-bar .contact-items .contact-item span {
  white-space: nowrap;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 538;
  line-height: 120%;
}
@media only screen and (max-width: 1200px) {
  .contact-bar .contact-items .contact-item span {
    font-size: 2.66dvw;
  }
}
@media only screen and (max-width: 768px) {
  .contact-bar .contact-items .contact-item span {
    font-size: 4dvw;
  }
}

.testimonial-card {
  margin-bottom: 1.563rem;
  padding: 1.125rem 1.125rem 1rem 1.125rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #fff;
  align-items: flex-start;
  border-radius: 1.563rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.testimonial-card.space-below {
  margin-bottom: 4.375rem !important;
}
.testimonial-card .top {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 576px) {
  .testimonial-card .top {
    margin-bottom: 2.375rem;
  }
}
.testimonial-card .top .term {
  display: inline-block;
  color: #000;
  font-size: 0.813rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.063rem;
  text-transform: uppercase;
  opacity: 0.4;
}
.testimonial-card .content {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  margin-bottom: 1.625rem;
  text-align: left;
}
.testimonial-card .content .title {
  margin: 0;
  color: #0E0E0E;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media only screen and (max-width: 768px) {
  .testimonial-card .content .title {
    font-size: 1.625rem;
  }
}
.testimonial-card .content .description {
  color: #0E0E0E;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}
@media only screen and (max-width: 576px) {
  .testimonial-card .content .description {
    font-size: 1rem;
  }
}
.testimonial-card .bottom {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 0.875rem;
  width: 100%;
}
.testimonial-card .bottom .person {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  min-height: 3.125rem;
}
.testimonial-card .bottom .person .image-wrapper {
  width: 3.125rem;
  height: 3.125rem;
  min-width: 3.125rem;
  min-height: 3.125rem;
}
.testimonial-card .bottom .person .image-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.testimonial-card .bottom .person .text {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 0.313rem;
}
.testimonial-card .bottom .person .text .name {
  color: #000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.testimonial-card .bottom .person .text .about {
  display: flex;
  flex-direction: column;
  color: #979797;
  font-size: 0.813rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.testimonial-card .bottom .person .text .about span {
  color: #54AF3A;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.testimonial-card .bottom .quotation-marks {
  width: 4.063rem;
  height: 2.063rem;
}
.testimonial-card .bottom .quotation-marks span {
  user-select: none !important;
  display: block;
  transform: translateY(-4.688rem);
  font-size: 6.438rem;
  font-style: normal;
  font-weight: 538;
  background: var(--radial-green, radial-gradient(376.91% 149.46% at 107.28% 108.81%, #4C8349 0%, #363F36 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.testimonials-slider {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.testimonials-slider .swiper-wrapper {
  width: 100%;
}
.testimonials-slider .swiper-pagination {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.testimonials-slider .swiper-pagination.active {
  display: flex;
}
.testimonials-slider .swiper-pagination .swiper-pagination-bullet {
  width: 100%;
  max-width: 8rem;
  height: 0.25rem;
  border-radius: 2.688rem;
  opacity: 0.25;
  background: #FFF;
  transition: opacity 0.2s linear;
}
.testimonials-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.testimonials-slider .swiper-button-wrapper {
  display: none;
  position: absolute;
  bottom: 0;
  top: unset;
  transform: translateY(calc(-100% + 2.5rem));
}
.testimonials-slider .swiper-button-wrapper.active {
  display: flex;
}
.testimonials-slider .swiper-button-wrapper:after {
  color: #5f645f;
  transition: color 0.2s linear;
  font-weight: 600;
  font-size: 1.875rem;
}
.testimonials-slider .swiper-button-wrapper:hover:after {
  color: #ffffff;
}
.testimonials-slider .swiper-button-prev {
  left: 40%;
  transform: translateX(-100%);
}
.testimonials-slider .swiper-button-next {
  left: 60%;
  transform: translateX(-100%);
}

.testimonials-static-wrapper {
  position: relative;
  border-top-left-radius: 2.188rem;
  border-top-right-radius: 2.188rem;
  overflow: hidden;
  width: 100%;
  height: fit-content;
}
@media only screen and (max-width: 576px) {
  .testimonials-static-wrapper {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
}
.testimonials-static-wrapper .background-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(100% 100% at 0% 0%, #3f573f 0%, #293029 80%);
}
.testimonials-static-wrapper .background-wrapper .dots {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  max-width: 90rem;
}
@media only screen and (max-width: 768px) {
  .testimonials-static-wrapper .background-wrapper .dots {
    display: none;
  }
}
.testimonials-static-wrapper .background-wrapper .dots img, .testimonials-static-wrapper .background-wrapper .dots svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.testimonials-static-wrapper .background-wrapper .dots-mobile {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media only screen and (max-width: 768px) {
  .testimonials-static-wrapper .background-wrapper .dots-mobile {
    display: flex;
  }
}
.testimonials-static-wrapper .background-wrapper .dots-mobile img, .testimonials-static-wrapper .background-wrapper .dots-mobile svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 120%;
  height: auto;
  object-fit: cover;
}
.testimonials-static-wrapper .testimonials-static {
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media only screen and (max-width: 768px) {
  .testimonials-static-wrapper .testimonials-static {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
    gap: 2rem;
  }
}
.testimonials-static-wrapper .testimonials-static .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.625rem;
}
@media only screen and (max-width: 576px) {
  .testimonials-static-wrapper .testimonials-static .top {
    gap: 1.5rem;
  }
}
.testimonials-static-wrapper .testimonials-static .top .title {
  text-align: center;
  margin: 0;
  color: #fff;
  font-size: 4rem;
  font-style: normal;
  font-weight: 572;
  line-height: 100%;
  letter-spacing: 0.05rem;
}
@media only screen and (max-width: 768px) {
  .testimonials-static-wrapper .testimonials-static .top .title {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width: 576px) {
  .testimonials-static-wrapper .testimonials-static .top .title {
    font-size: 2rem;
  }
}
.testimonials-static-wrapper .testimonials-static .testimonials-static-testimonials {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
@media only screen and (max-width: 992px) {
  .testimonials-static-wrapper .testimonials-static .testimonials-static-testimonials {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .testimonials-static-wrapper .testimonials-static .testimonials-static-testimonials {
    flex-direction: column;
    gap: 1rem;
  }
}
.testimonials-static-wrapper .testimonials-static .testimonials-static-testimonials * {
  user-select: revert;
  cursor: revert;
}
.testimonials-static-wrapper .testimonials-static .testimonials-static-testimonials .testimonial-card {
  height: fit-content;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .testimonials-static-wrapper .testimonials-static .testimonials-static-testimonials .testimonial-card p {
    margin-bottom: 0;
  }
}

.our-services-wrapper {
  overflow: hidden;
  margin-top: -3rem;
  padding-top: 3.563rem;
  padding-bottom: 3.563rem;
  position: relative;
  border-top-left-radius: 2.188rem;
  border-top-right-radius: 2.188rem;
  background-color: #F0F0F0;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper {
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 576px) {
  .our-services-wrapper {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
}
.our-services-wrapper .background-wrapper {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.our-services-wrapper .background-wrapper .desktop-dots {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 90rem;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .background-wrapper .desktop-dots {
    display: none;
  }
}
.our-services-wrapper .background-wrapper .desktop-dots img, .our-services-wrapper .background-wrapper .desktop-dots svg {
  position: absolute;
  right: 0;
  bottom: -1rem;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.our-services-wrapper .background-wrapper .dots-mobile {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .background-wrapper .dots-mobile {
    display: block;
  }
}
.our-services-wrapper .background-wrapper .dots-mobile img, .our-services-wrapper .background-wrapper .dots-mobile svg {
  position: absolute;
  right: 0;
  bottom: -1rem;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.our-services-wrapper .our-services {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
.our-services-wrapper .our-services .top {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.our-services-wrapper .our-services .top .title-wrapper {
  width: fit-content;
  position: relative;
}
.our-services-wrapper .our-services .top .title-wrapper .arrow-left {
  z-index: -3;
  position: absolute;
  left: -11rem;
  top: -9.875rem;
}
@media only screen and (max-width: 992px) {
  .our-services-wrapper .our-services .top .title-wrapper .arrow-left {
    display: none;
  }
}
.our-services-wrapper .our-services .top .title-wrapper .arrow-right {
  z-index: -3;
  position: absolute;
  right: -10.813rem;
  bottom: -4.125rem;
}
@media only screen and (max-width: 992px) {
  .our-services-wrapper .our-services .top .title-wrapper .arrow-right {
    display: none;
  }
}
.our-services-wrapper .our-services .top .title-wrapper .title {
  text-align: center;
  margin: 0;
  font-style: normal;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #293029 23%, #626A60 100%);
  background-size: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  font-weight: 572;
  line-height: 120%;
  letter-spacing: 0.05rem;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .top .title-wrapper .title {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width: 576px) {
  .our-services-wrapper .our-services .top .title-wrapper .title {
    font-size: 2rem;
  }
}
.our-services-wrapper .our-services .top .title-wrapper .title:before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.our-services-wrapper .our-services .services-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 3.6%;
  row-gap: 1.5rem;
  width: 100%;
}
.our-services-wrapper .our-services .services-cards .service-card {
  position: relative;
  z-index: 2;
}
.our-services-wrapper .our-services .services-cards .service-card .top {
  position: relative;
  z-index: 3;
}
.our-services-wrapper .our-services .services-cards .service-card .text {
  position: relative;
  z-index: 3;
}
.our-services-wrapper .our-services .services-cards .service-card:nth-of-type(3n + 1) .top .logo-wrapper {
  background-color: #D6EBD0;
}
.our-services-wrapper .our-services .services-cards .service-card:nth-of-type(3n + 2) .top .logo-wrapper {
  background-color: #9FD590;
}
.our-services-wrapper .our-services .services-cards .service-card:nth-of-type(3n + 3) .top .logo-wrapper {
  background-color: #69B654;
}
.our-services-wrapper .our-services .services-cards .top-card {
  border: none !important;
  display: flex;
  padding: 1.188rem;
  width: 30.9%;
  border-radius: 1.75rem;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .top-card {
    row-gap: 4.7dvw;
    padding: 1.58dvw;
    border-radius: 2.33dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card {
    width: 48%;
    padding: 4.07dvw;
    border-radius: 6.62dvw;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .background-wrapper {
  border-radius: 1.75rem;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .top-card .background-wrapper {
    border-radius: 2.33dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .background-wrapper {
    border-radius: 6.62dvw;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .top {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper {
  min-width: 6.625rem;
  min-height: 6.625rem;
  max-width: 6.625rem;
  max-height: 6.625rem;
  border-radius: 1.125rem;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper {
    background-color: #D6EBD0;
  }
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper {
    min-width: 8.83dvw;
    min-height: 8.83dvw;
    max-width: 8.83dvw;
    max-height: 8.83dvw;
    border-radius: 1.5dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper {
    min-width: 14.25dvw;
    min-height: 14.25dvw;
    max-width: 14.25dvw;
    max-height: 14.25dvw;
    border-radius: 2.45dvw;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper img, .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper svg {
  width: 100%;
  height: 100%;
  max-width: 4.75rem;
  max-height: 4.75rem;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper img, .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper svg {
    max-width: 6.33dvw;
    max-height: 6.33dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper img, .our-services-wrapper .our-services .services-cards .top-card .top .logo-wrapper svg {
    max-width: 10.3dvw;
    max-height: 10.3dvw;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .top .top-link {
  position: relative;
  z-index: 2;
  height: fit-content;
  width: fit-content;
  align-items: flex-start;
  display: none;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .top .top-link {
    display: block;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows {
  position: relative;
  min-width: 6.1dvw;
  min-height: 6.1dvw;
  max-width: 6.1dvw;
  max-height: 6.1dvw;
}
.our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows img, .our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s linear;
}
.our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows img.green, .our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows svg.green {
  opacity: 1;
}
.our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows img.white, .our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows svg.white {
  opacity: 0;
}
.our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows:hover img, .our-services-wrapper .our-services .services-cards .top-card .top .top-link .arrows:hover svg {
  transform: translate(-50%, -50%);
}
.our-services-wrapper .our-services .services-cards .top-card .text {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .top-card .text {
    gap: 2.66dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .text {
    gap: 0;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .text .title {
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .top-card .text .title {
    font-size: 3.15dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .text .title {
    font-size: 4.58dvw;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .text .link {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
  width: fit-content;
}
.our-services-wrapper .our-services .services-cards .top-card .text .link:hover span, .our-services-wrapper .our-services .services-cards .top-card .text .link:hover h2, .our-services-wrapper .our-services .services-cards .top-card .text .link:hover h3, .our-services-wrapper .our-services .services-cards .top-card .text .link:hover h4 {
  background-size: 100% 1px;
  background-position-x: 0;
}
.our-services-wrapper .our-services .services-cards .top-card .text .link span, .our-services-wrapper .our-services .services-cards .top-card .text .link h2, .our-services-wrapper .our-services .services-cards .top-card .text .link h3, .our-services-wrapper .our-services .services-cards .top-card .text .link h4 {
  display: inline-block;
  text-wrap: nowrap;
  padding-bottom: 2px;
  text-decoration: none;
  background-image: linear-gradient(#293029, #293029);
  background-size: 0 1px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card .text .link {
    display: none;
  }
}
.our-services-wrapper .our-services .services-cards .top-card .connectors-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.our-services-wrapper .our-services .services-cards .top-card .connectors-wrapper .drawsvg-our-services-arrow rect, .our-services-wrapper .our-services .services-cards .top-card .connectors-wrapper .drawsvg-our-services-arrow circle {
  transition: 0.2s linear;
  opacity: 0;
}
.our-services-wrapper .our-services .services-cards .top-card .connectors-wrapper .show-after-finished {
  transition: 0.2s linear;
  opacity: 0;
}
.our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .desktop {
  position: absolute;
  right: 0;
  bottom: 4.375rem;
  transform: translateX(100%);
}
@media only screen and (max-width: 1400px) {
  .our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .desktop {
    display: none;
  }
}
.our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .desktop-bottom {
  height: 9.25rem;
  display: block;
  position: absolute;
  left: 10%;
  bottom: 0;
  transform: translateY(100%);
}
@media only screen and (max-width: 1400px) {
  .our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .desktop-bottom {
    display: none;
  }
}
.our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .desktop-bottom img, .our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .desktop-bottom svg {
  height: 9.25rem;
  width: auto;
}
.our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .mobile {
  display: none;
  position: absolute;
  right: 20%;
  bottom: 0;
  transform: translateY(100%);
}
@media only screen and (max-width: 1400px) {
  .our-services-wrapper .our-services .services-cards .top-card.card-1 .connectors-wrapper .mobile {
    display: block;
  }
}
.our-services-wrapper .our-services .services-cards .top-card.card-2 .connectors-wrapper .desktop {
  position: absolute;
  right: 0;
  bottom: 5rem;
  transform: translateX(100%);
}
@media only screen and (max-width: 1400px) {
  .our-services-wrapper .our-services .services-cards .top-card.card-2 .connectors-wrapper .desktop {
    display: none;
  }
}
.our-services-wrapper .our-services .services-cards .top-card.card-2 .connectors-wrapper .mobile {
  display: none;
  position: absolute;
  right: 49%;
  bottom: 0;
  transform: translateY(100%);
}
@media only screen and (max-width: 1400px) {
  .our-services-wrapper .our-services .services-cards .top-card.card-2 .connectors-wrapper .mobile {
    display: block;
  }
}
.our-services-wrapper .our-services .services-cards .top-card.card-3 .connectors-wrapper .mobile {
  height: 9.25rem;
  display: none;
  position: absolute;
  left: 10%;
  bottom: 0;
  transform: translateY(100%);
}
@media only screen and (max-width: 1400px) {
  .our-services-wrapper .our-services .services-cards .top-card.card-3 .connectors-wrapper .mobile {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .top-card.card-3 .connectors-wrapper .mobile {
    bottom: 0;
    transform: translateY(35%);
  }
}
.our-services-wrapper .our-services .services-cards .top-card.card-3 .connectors-wrapper .mobile img, .our-services-wrapper .our-services .services-cards .top-card.card-3 .connectors-wrapper .mobile svg {
  height: 9.25rem;
  width: auto;
}
.our-services-wrapper .our-services .services-cards .small-card {
  box-shadow: none !important;
  position: relative;
  width: 30.9%;
  flex-direction: row;
  gap: 4.5%;
  justify-content: space-between;
  padding: 1.25rem;
  border-radius: 1.75rem;
  border: none !important;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .small-card {
    row-gap: 4.7dvw;
    padding: 1.66dvw;
    border-radius: 2.33dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card {
    width: 48%;
    padding: 4.07dvw;
    border-radius: 6.62dvw;
    flex-direction: column;
  }
}
.our-services-wrapper .our-services .services-cards .small-card .background-wrapper {
  border-radius: 1.75rem;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .small-card .background-wrapper {
    border-radius: 2.33dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card .background-wrapper {
    border-radius: 6.62dvw;
  }
}
.our-services-wrapper .our-services .services-cards .small-card .mobile-arrows {
  position: absolute;
  z-index: 3;
  top: 4.07dvw;
  right: 4.07dvw;
  min-width: 6.1dvw;
  min-height: 6.1dvw;
  max-width: 6.1dvw;
  max-height: 6.1dvw;
  display: none;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card .mobile-arrows {
    display: block !important;
  }
}
.our-services-wrapper .our-services .services-cards .small-card img, .our-services-wrapper .our-services .services-cards .small-card svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s linear;
}
.our-services-wrapper .our-services .services-cards .small-card img.green, .our-services-wrapper .our-services .services-cards .small-card svg.green {
  opacity: 1;
}
.our-services-wrapper .our-services .services-cards .small-card img.white, .our-services-wrapper .our-services .services-cards .small-card svg.white {
  opacity: 0;
}
.our-services-wrapper .our-services .services-cards .small-card .top {
  position: unset;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card .top {
    width: 100%;
  }
}
.our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper {
  min-width: 4rem;
  min-height: 4rem;
  max-width: 4rem;
  max-height: 4rem;
  background-color: #D6EBD0;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper {
    min-width: 5.33dvw;
    min-height: 5.33dvw;
    max-width: 5.33dvw;
    max-height: 5.33dvw;
    border-radius: 0.916dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper {
    min-width: 14.25dvw;
    min-height: 14.25dvw;
    max-width: 14.25dvw;
    max-height: 14.25dvw;
    border-radius: 2.45dvw;
  }
}
.our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper img, .our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper svg {
  max-width: 2.938rem;
  max-height: 2.938rem;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper img, .our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper svg {
    max-width: 3.92dvw;
    max-height: 3.92dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper img, .our-services-wrapper .our-services .services-cards .small-card .top .logo-wrapper svg {
    max-width: 10.3dvw;
    max-height: 10.3dvw;
  }
}
.our-services-wrapper .our-services .services-cards .small-card .top .top-link {
  display: block;
  position: absolute;
  right: 1.188rem;
  top: 1.188rem;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .small-card .top .top-link {
    right: 1.58dvw;
    top: 1.58dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card .top .top-link {
    position: unset;
    display: none !important;
  }
}
.our-services-wrapper .our-services .services-cards .small-card .top .top-link .desktop-arrows {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.our-services-wrapper .our-services .services-cards .small-card .top .top-link .desktop-arrows img, .our-services-wrapper .our-services .services-cards .small-card .top .top-link .desktop-arrows svg {
  width: 2rem;
  height: 2rem;
}
.our-services-wrapper .our-services .services-cards .small-card .text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.our-services-wrapper .our-services .services-cards .small-card .text .title {
  margin: 0;
  font-size: 1.625rem;
  height: fit-content;
  width: calc(100% - 30px);
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .small-card .text .title {
    font-size: 2.16dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .small-card .text .title {
    font-size: 4.58dvw;
  }
}
.our-services-wrapper .our-services .services-cards .more-services-card {
  width: 30.9%;
  flex-direction: row;
  gap: 4.5%;
  justify-content: space-between;
  padding: 1.25rem;
  border-radius: 1.75rem;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .more-services-card {
    width: 48%;
    padding: 4.07dvw;
    border-radius: 6.62dvw;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .more-services-card {
    row-gap: 4.7dvw;
    padding: 1.66dvw;
    border-radius: 2.33dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .more-services-card {
    width: 48%;
    padding: 4.07dvw;
    border-radius: 6.62dvw;
    flex-direction: column;
  }
}
.our-services-wrapper .our-services .services-cards .more-services-card .background-wrapper {
  border-radius: 1.75rem;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .more-services-card .background-wrapper {
    border-radius: 2.33dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .more-services-card .background-wrapper {
    border-radius: 6.62dvw;
  }
}
.our-services-wrapper .our-services .services-cards .more-services-card .text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .more-services-card .text {
    width: 100%;
    gap: 0;
    justify-content: space-between;
  }
}
.our-services-wrapper .our-services .services-cards .more-services-card .text .title {
  margin: 0;
  text-align: left;
  font-size: 1.625rem;
  height: fit-content;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .our-services-wrapper .our-services .services-cards .more-services-card .text .title {
    font-size: 2.16dvw;
  }
}
@media only screen and (max-width: 768px) {
  .our-services-wrapper .our-services .services-cards .more-services-card .text .title {
    font-size: 4.58dvw;
  }
}
.our-services-wrapper .our-services .services-cards .more-services-card .text .title em {
  font-style: normal;
  color: #54AF3A;
}
.our-services-wrapper .our-services .services-cards .more-services-card .text .top-link .arrows {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 2rem;
  min-height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
}
.our-services-wrapper .our-services .services-cards .more-services-card .text .top-link .arrows img, .our-services-wrapper .our-services .services-cards .more-services-card .text .top-link .arrows svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s linear;
}
.our-services-wrapper .our-services .services-cards .more-services-card .text .top-link .arrows img.green, .our-services-wrapper .our-services .services-cards .more-services-card .text .top-link .arrows svg.green {
  opacity: 1;
}
.our-services-wrapper .our-services .services-cards .more-services-card .text .top-link .arrows img.white, .our-services-wrapper .our-services .services-cards .more-services-card .text .top-link .arrows svg.white {
  opacity: 0;
}

.why-us-wrapper {
  position: relative;
  overflow: hidden;
}
.why-us-wrapper .background-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 100% 100%, #416533 0%, #293029 80%);
}
.why-us-wrapper .background-wrapper .ps-logo {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.why-us-wrapper .background-wrapper .ps-logo img, .why-us-wrapper .background-wrapper .ps-logo svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
}
@media only screen and (max-width: 992px) {
  .why-us-wrapper .background-wrapper .ps-logo img, .why-us-wrapper .background-wrapper .ps-logo svg {
    width: 80%;
  }
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .background-wrapper .ps-logo img, .why-us-wrapper .background-wrapper .ps-logo svg {
    width: 90%;
  }
}
.why-us-wrapper .why-us .top-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 0.063rem solid #446041;
  background: linear-gradient(90deg, rgb(58, 86, 51) 0%, rgb(54, 71, 49) 70%, rgb(56, 78, 51) 100%);
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .top-bar {
    font-size: 2.25rem;
  }
}
.why-us-wrapper .why-us .top-bar .contact-items {
  display: flex;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  gap: 1rem;
}
@media only screen and (max-width: 1200px) {
  .why-us-wrapper .why-us .top-bar .contact-items {
    gap: 2.583dvw;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .top-bar .contact-items {
    flex-direction: column;
    gap: 1rem;
  }
}
.why-us-wrapper .why-us .top-bar .contact-items .contact-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
}
@media only screen and (max-width: 1200px) {
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item {
    gap: 1.77dvw;
  }
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item {
    gap: 2dvw;
  }
}
.why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover span, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover h2, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover h3, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover h4 {
  background-size: 100% 2px;
  background-position-x: 0;
}
.why-us-wrapper .why-us .top-bar .contact-items .contact-item__link span, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link h2, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link h3, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link h4 {
  display: inline-block;
  text-wrap: nowrap;
  padding-bottom: 4px;
  text-decoration: none;
  background-image: linear-gradient(#55af3c, #55af3c);
  background-size: 0 2px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover span, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover h2, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover h3, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover h4 {
    background-size: 100% 1px;
    background-position-x: 0;
  }
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link span, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link h2, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link h3, .why-us-wrapper .why-us .top-bar .contact-items .contact-item__link h4 {
    display: inline-block;
    text-wrap: nowrap;
    padding-bottom: 2px;
    text-decoration: none;
    background-image: linear-gradient(#55af3c, #55af3c);
    background-size: 0 1px;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
  }
}
.why-us-wrapper .why-us .top-bar .contact-items .contact-item__link:hover span {
  color: #54af3a;
}
.why-us-wrapper .why-us .top-bar .contact-items .contact-item img, .why-us-wrapper .why-us .top-bar .contact-items .contact-item svg {
  width: 100%;
  height: 100%;
  max-width: 2rem;
  max-height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
}
@media only screen and (max-width: 1200px) {
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item img, .why-us-wrapper .why-us .top-bar .contact-items .contact-item svg {
    max-width: 2.66dvw;
    max-height: 2.66dvw;
    min-width: 2.66dvw;
    min-height: 2.66dvw;
  }
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item img, .why-us-wrapper .why-us .top-bar .contact-items .contact-item svg {
    max-width: 4dvw;
    max-height: 4dvw;
    min-width: 4dvw;
    min-height: 4dvw;
  }
}
.why-us-wrapper .why-us .top-bar .contact-items .contact-item span {
  white-space: nowrap;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 538;
  line-height: 120%;
}
@media only screen and (max-width: 1200px) {
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item span {
    font-size: 2.66dvw;
  }
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .top-bar .contact-items .contact-item span {
    font-size: 4dvw;
  }
}
.why-us-wrapper .why-us .text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 4rem;
  padding-bottom: 3.188rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .text {
    gap: 1.5rem;
    padding-bottom: 3rem;
  }
}
.why-us-wrapper .why-us .text .button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.why-us-wrapper .why-us .text .title {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 4rem;
  font-style: normal;
  font-weight: 572;
  line-height: 100%;
  letter-spacing: 0.05rem;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .text .title {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .text .title {
    font-size: 2rem;
  }
}
.why-us-wrapper .why-us .why-us-cards {
  display: flex;
}
.why-us-wrapper .why-us .why-us-cards, .why-us-wrapper .why-us .why-us-cards-slider-container {
  padding-bottom: 4.375rem;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1.188rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .why-us-cards, .why-us-wrapper .why-us .why-us-cards-slider-container {
    padding-bottom: 3.5rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .title, .why-us-wrapper .why-us .why-us-cards-slider-container .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .title, .why-us-wrapper .why-us .why-us-cards-slider-container .title {
    width: 100%;
    text-wrap: wrap !important;
    display: inline-block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
  }
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .title br, .why-us-wrapper .why-us .why-us-cards-slider-container .title br {
    display: none;
  }
}
.why-us-wrapper .why-us .why-us-cards .card, .why-us-wrapper .why-us .why-us-cards-slider-container .card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
}
.why-us-wrapper .why-us .why-us-cards .card .icon-wrapper, .why-us-wrapper .why-us .why-us-cards-slider-container .card .icon-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  align-items: center;
  gap: 0.5rem;
}
.why-us-wrapper .why-us .why-us-cards .card__large, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large {
  gap: 1.375rem;
  padding: 0.938rem;
  border-radius: 1.875rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__large, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large {
    padding: 0.688rem;
    gap: 1.1rem;
    border-radius: 1.569rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .card__large .icon-wrapper, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .icon-wrapper {
  display: flex;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  background: #54AF3A;
  width: 4.063rem;
  height: 4.063rem;
  min-width: 4.063rem;
  min-height: 4.063rem;
  border-radius: 1.125rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__large .icon-wrapper, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .icon-wrapper {
    width: 3.063rem;
    height: 3.063rem;
    min-width: 3.063rem;
    min-height: 3.063rem;
    border-radius: 0.825rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .card__large .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards .card__large .icon-wrapper svg, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .icon-wrapper svg {
  width: 100%;
  height: 100%;
  max-width: 3.438rem;
  max-height: 3.438rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__large .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards .card__large .icon-wrapper svg, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .icon-wrapper svg {
    max-width: 2.5rem;
    max-height: 2.5rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .card__large .title, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .title {
  color: #000;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .why-us-cards .card__large .title, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .title {
    font-size: 1.438rem;
  }
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__large .title, .why-us-wrapper .why-us .why-us-cards-slider-container .card__large .title {
    font-size: 1.075rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .card__small, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small {
  border-radius: 1.563rem;
  gap: 1.125rem;
  padding: 0.688rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__small, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small {
    border-radius: 1.288rem;
    gap: 0.875rem;
    padding: 0.588rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .card__small .icon-wrapper, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .icon-wrapper {
  display: flex;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  background: #B6DBAB;
  width: 3.75rem;
  height: 3.75rem;
  min-width: 3.75rem;
  min-height: 3.75rem;
  border-radius: 1rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__small .icon-wrapper, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .icon-wrapper {
    width: 2.938rem;
    height: 2.938rem;
    min-width: 2.938rem;
    min-height: 2.938rem;
    border-radius: 0.813rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .card__small .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards .card__small .icon-wrapper svg, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .icon-wrapper svg {
  width: 100%;
  height: 100%;
  min-width: 2.813rem;
  min-height: 2.813rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__small .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards .card__small .icon-wrapper svg, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .icon-wrapper img, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .icon-wrapper svg {
    min-width: 2.313rem;
    min-height: 2.313rem;
  }
}
.why-us-wrapper .why-us .why-us-cards .card__small .title, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .title {
  color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  font-size: 1.125rem;
  text-wrap: nowrap;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-us-cards .card__small .title, .why-us-wrapper .why-us .why-us-cards-slider-container .card__small .title {
    font-size: 0.881rem;
  }
}
.why-us-wrapper .why-us .trusted-by {
  padding-bottom: 6.375rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .trusted-by {
    padding-bottom: 3.75rem;
  }
}
.why-us-wrapper .why-us .trusted-by .title {
  margin: 0;
  color: #859084;
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .trusted-by .title {
    font-size: 1rem;
  }
}
.why-us-wrapper .why-us .trusted-by .company-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  column-gap: 3.3%;
  row-gap: 2rem;
}
@media only screen and (max-width: 1200px) {
  .why-us-wrapper .why-us .trusted-by .company-logos {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  max-width: 100%;
}
.why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper img, .why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper svg {
  max-height: 3.625rem;
  max-width: 100%;
  width: fit-content;
  height: auto;
  object-fit: contain;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper img, .why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper svg {
    max-height: 3.125rem;
  }
}
@media only screen and (max-width: 31.25rem) {
  .why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper img, .why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper svg {
    max-height: 2.5rem;
  }
}
@media only screen and (max-width: 25rem) {
  .why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper img, .why-us-wrapper .why-us .trusted-by .company-logos .logo-wrapper svg {
    max-height: 1.875rem;
  }
}
.why-us-wrapper .why-us .testimonials {
  padding-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 3.188rem;
}
.why-us-wrapper .why-us .testimonials .top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.why-us-wrapper .why-us .testimonials .top .title {
  margin: 0;
  text-align: center;
  font-size: 3.188rem;
  font-style: normal;
  font-weight: 572;
  line-height: 100%;
  letter-spacing: 0.05rem;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .testimonials .top .title {
    font-size: 1.875rem;
  }
}
.why-us-wrapper .why-us .why-this-solution {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  padding-bottom: 3.5rem;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .why-this-solution {
    padding-bottom: 3.5rem;
    padding-top: 2.25rem;
  }
}
.why-us-wrapper .why-us .why-this-solution .content {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-this-solution .content .heading-wrapper {
    display: none;
  }
}
.why-us-wrapper .why-us .why-this-solution .content .heading-wrapper h2 {
  margin: 0;
  align-self: stretch;
  text-align: center;
  font-size: 4rem;
  font-style: normal;
  font-weight: 572;
  line-height: 130%;
  letter-spacing: 0.05rem;
  background: var(--w1, radial-gradient(244.04% 95.61% at 50% 50%, #FFF 0%, #C1C1C1 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .why-this-solution .content .heading-wrapper h2 {
    font-size: 2rem;
  }
}
.why-us-wrapper .why-us .why-this-solution .content .heading-wrapper h3 {
  margin: 0;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 572;
  line-height: 130%;
  letter-spacing: 0.035rem;
  background: var(--w1, radial-gradient(244.04% 95.61% at 50% 50%, #FFF 0%, #C1C1C1 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .why-this-solution .content .heading-wrapper h3 {
    font-size: 2rem;
  }
}
.why-us-wrapper .why-us .why-this-solution .content .content-block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 6%;
  row-gap: 2rem;
  min-height: 100%;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .why-this-solution .content .content-block {
    flex-direction: column;
    row-gap: 1rem;
  }
}
.why-us-wrapper .why-us .why-this-solution .content .content-block.image-right .image-wrapper {
  order: 2;
}
.why-us-wrapper .why-us .why-this-solution .content .content-block.image-right .description {
  order: 1;
}
.why-us-wrapper .why-us .why-this-solution .content .content-block .image-wrapper {
  width: 25.063rem;
  max-height: 25.063rem;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-this-solution .content .content-block .image-wrapper {
    width: 100%;
  }
}
.why-us-wrapper .why-us .why-this-solution .content .content-block .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.425rem;
}
.why-us-wrapper .why-us .why-this-solution .content .content-block .mobile-title {
  display: none;
}
@media only screen and (max-width: 576px) {
  .why-us-wrapper .why-us .why-this-solution .content .content-block .mobile-title {
    display: block;
  }
}
.why-us-wrapper .why-us .why-this-solution .content .content-block .mobile-title h2, .why-us-wrapper .why-us .why-this-solution .content .content-block .mobile-title h3 {
  margin: 0;
  font-style: normal;
  font-weight: 572;
  line-height: 130%;
  letter-spacing: 0.035rem;
  background: var(--w1, radial-gradient(244.04% 95.61% at 50% 50%, #FFF 0%, #C1C1C1 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
}
.why-us-wrapper .why-us .why-this-solution .content .content-block .description {
  width: calc(100% - 5rem);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .why-us-wrapper .why-us .why-this-solution .content .content-block .description {
    width: 100%;
  }
}
.why-us-wrapper .why-us .why-this-solution .content .content-block .description p {
  margin-bottom: 0;
}
.why-us-wrapper .why-us .why-this-solution .content .content-block .description ul {
  gap: 1rem;
}

.portfolio-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: fit-content;
}
.portfolio-wrapper .background-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(100% 100% at 100% 100%, #3f573f 0%, #293029 80%);
}
.portfolio-wrapper .background-wrapper .dots {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .portfolio-wrapper .background-wrapper .dots {
    display: none;
  }
}
.portfolio-wrapper .background-wrapper .dots img, .portfolio-wrapper .background-wrapper .dots svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.portfolio-wrapper .background-wrapper .dots-mobile {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media only screen and (max-width: 768px) {
  .portfolio-wrapper .background-wrapper .dots-mobile {
    display: flex;
  }
}
.portfolio-wrapper .background-wrapper .dots-mobile img, .portfolio-wrapper .background-wrapper .dots-mobile svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 120%;
  height: auto;
  object-fit: cover;
}
.portfolio-wrapper .portfolio {
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
}
@media only screen and (max-width: 768px) {
  .portfolio-wrapper .portfolio {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
    gap: 2rem;
  }
}
.portfolio-wrapper .portfolio .top {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .top {
    gap: 1.5rem;
  }
}
.portfolio-wrapper .portfolio .top .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.625rem;
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .top .text {
    gap: 1rem;
  }
}
.portfolio-wrapper .portfolio .top .text .title {
  text-align: center;
  margin: 0;
  color: #fff;
  font-size: 4rem;
  font-style: normal;
  font-weight: 572;
  line-height: 100%;
  letter-spacing: 0.05rem;
}
@media only screen and (max-width: 768px) {
  .portfolio-wrapper .portfolio .top .text .title {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .top .text .title {
    font-size: 2rem;
  }
}
.portfolio-wrapper .portfolio .top .text .description {
  margin: 0;
  color: #bfc2bf;
  text-align: center;
  font-size: 1.188rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: 100%;
  max-width: 60.938rem;
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .top .text .description {
    font-size: 1rem;
  }
}
.portfolio-wrapper .portfolio .projects {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .portfolio-wrapper .portfolio .projects {
    gap: 1.5rem;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  border: 0.188rem solid #fff;
  position: relative;
  width: calc(50% - 1rem);
}
.portfolio-wrapper .portfolio .projects .portfolio-project.active {
  border-color: #5dd33b;
}
@media only screen and (max-width: 53.125rem) {
  .portfolio-wrapper .portfolio .projects .portfolio-project {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project {
    gap: 1.5rem;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper {
  z-index: 3;
  width: 4.813rem;
  height: 4.813rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  background-color: #fcfcfc;
  border-radius: 100%;
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper {
    width: 4rem;
    height: 4rem;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper:hover .green-circle:after {
  opacity: 0;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle {
  width: 3.563rem;
  height: 3.563rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #54AF3A;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle {
    width: 2.813rem;
    height: 2.813rem;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle.active {
  background-color: #000;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 102%;
  height: 102%;
  border-radius: 100%;
  background-color: #54AF3A;
  z-index: 1;
  opacity: 1;
  transition: 0.2s linear;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle img, .portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle svg {
  transition: 0.2s linear;
  width: 100%;
  height: 100%;
  max-width: 1.688rem;
  max-height: 1.688rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle img, .portfolio-wrapper .portfolio .projects .portfolio-project .arrow-wrapper .green-circle svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .image-container {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 568/370;
  overflow: hidden;
  border-radius: 1.425rem;
  display: block;
}
@media only screen and (max-width: 53.125rem) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .image-container {
    aspect-ratio: 305/210;
  }
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .image-container {
    aspect-ratio: 305/370;
    width: 100%;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .image-container .image-roll-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 1.425rem;
  overflow: hidden;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .image-container .image-roll-wrapper img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .categories {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.813rem;
}
@media only screen and (max-width: 768px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .categories {
    gap: 0.313rem;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .categories .category {
  color: #61715D !important;
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .categories .category {
    font-size: 0.813rem;
    padding: 0.313rem;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link {
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1.25rem;
  width: fit-content;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link:hover span, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover h2, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover h3, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover h4 {
  background-size: 100% 2px;
  background-position-x: 0;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link span, .portfolio-wrapper .portfolio .projects .portfolio-project .link h2, .portfolio-wrapper .portfolio .projects .portfolio-project .link h3, .portfolio-wrapper .portfolio .projects .portfolio-project .link h4 {
  display: inline-block;
  text-wrap: nowrap;
  padding-bottom: 4px;
  text-decoration: none;
  background-image: linear-gradient(#55af3c, #55af3c);
  background-size: 0 2px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
}
@media only screen and (max-width: 576px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover span, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover h2, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover h3, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover h4 {
    background-size: 100% 1px;
    background-position-x: 0;
  }
  .portfolio-wrapper .portfolio .projects .portfolio-project .link span, .portfolio-wrapper .portfolio .projects .portfolio-project .link h2, .portfolio-wrapper .portfolio .projects .portfolio-project .link h3, .portfolio-wrapper .portfolio .projects .portfolio-project .link h4 {
    display: inline-block;
    text-wrap: nowrap;
    padding-bottom: 2px;
    text-decoration: none;
    background-image: linear-gradient(#55af3c, #55af3c);
    background-size: 0 1px;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out, color 0.2s linear !important;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link:hover img, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover svg {
  transform: rotateZ(90deg);
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link:hover img .top-arch, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover svg .top-arch {
  transform: translate(7%, -7%);
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link:hover img .bottom-arch, .portfolio-wrapper .portfolio .projects .portfolio-project .link:hover svg .bottom-arch {
  transform: translate(-7%, 7%);
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link:hover h4 {
  color: #55af3c;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link img, .portfolio-wrapper .portfolio .projects .portfolio-project .link svg {
  transition: transform 0.2s linear;
  max-width: 2.813rem;
  max-height: 2.813rem;
  min-width: 2.813rem;
  min-height: 2.813rem;
}
@media only screen and (max-width: 1200px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .link img, .portfolio-wrapper .portfolio .projects .portfolio-project .link svg {
    max-width: 3.75dvw;
    max-height: 3.75dvw;
    min-width: 3.75dvw;
    min-height: 3.75dvw;
  }
}
@media only screen and (max-width: 53.125rem) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .link img, .portfolio-wrapper .portfolio .projects .portfolio-project .link svg {
    max-width: 6dvw;
    max-height: 6dvw;
    min-width: 6dvw;
    min-height: 6dvw;
  }
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link img .top-arch, .portfolio-wrapper .portfolio .projects .portfolio-project .link svg .top-arch {
  transform: translate(-2%, 2%);
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link img .bottom-arch, .portfolio-wrapper .portfolio .projects .portfolio-project .link svg .bottom-arch {
  transform: translate(2%, -2%);
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link img path, .portfolio-wrapper .portfolio .projects .portfolio-project .link svg path {
  transition: 0.2s linear;
}
.portfolio-wrapper .portfolio .projects .portfolio-project .link h4 {
  margin: 0;
  width: fit-content;
  word-break: break-all;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media only screen and (max-width: 1200px) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .link h4 {
    font-size: 2.66dvw;
  }
}
@media only screen and (max-width: 53.125rem) {
  .portfolio-wrapper .portfolio .projects .portfolio-project .link h4 {
    font-size: 5.5dvw;
  }
}
.portfolio-wrapper .portfolio .button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

/*# sourceMappingURL=combined-home.css.map */