@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,regular,500,600,700,800);
@keyframes hero-enter {
  from {
    opacity: 0;
    transform: skew(-10deg) translateX(-100px);
  }
  to {
    opacity: 1;
    transform: skew(0) translateX(0);
  }
}
@keyframes hero-reverse-enter {
  from {
    opacity: 0;
    transform: skew(-15deg) translateX(100px);
  }
  to {
    opacity: 1;
    transform: skew(0) translateX(0);
  }
}
@keyframes hero-about-enter {
  from {
    opacity: 0;
    transform: translateY(80px) scaleX(0.85);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleX(1);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  scrollbar-width: thin;
  scrollbar-color: #252525 transparent;
  scrollbar-gutter: stable;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background-color: #252525;
  border-radius: 10px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: transparent;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  line-height: 150%;
  color: #252525;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

svg {
  display: inline-block;
  vertical-align: middle;
}

img {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong,
b {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

code,
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: clamp(2rem, 5vw, 4.6875rem);
  font-weight: 900;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
}

h2 {
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
}

h3 {
  font-weight: 900;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
}

body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 13, 43, 0.95);
  z-index: 998;
  opacity: 0;
  transition: 0.3s ease;
  pointer-events: none;
}
body._overflow-hidden {
  overflow: hidden;
  position: relative;
}
body._overflow-hidden::after {
  opacity: 1;
  pointer-events: auto;
}
body._popup-opened {
  overflow: hidden;
  position: relative;
}

.site-main {
  margin-top: -100px;
}
.site-main.single-proposal {
  margin-top: 0;
}
@media (max-width: 767px) {
  .site-main {
    margin-top: -78px;
  }
  .site-main.single-proposal {
    margin-top: 0;
  }
}

.site-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 20px 0;
  z-index: 1000;
}
@media (max-width: 767px) {
  .site-header {
    padding: 8px 8px 0;
  }
}
.site-header__container {
  max-width: 1404px;
  transition: 0.3s ease;
  margin: 0 auto;
  padding: 0px 15px 0 30px;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #252525;
  border-radius: 3rem;
  color: #ffffff;
  gap: 32px;
}
@media (min-width: 1024px) {
  .site-header__container {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 1023px) {
  .site-header__container {
    padding: 0px 30px 0 30px;
  }
}
@media (max-width: 767px) {
  .site-header__container {
    height: 70px;
  }
}
.site-header__logo .full-logo {
  display: block;
  max-width: 150px;
}
.site-header__logo .mob-logo {
  display: none;
}
@media (max-width: 767px) {
  .site-header__logo .full-logo {
    display: none;
  }
  .site-header__logo .mob-logo {
    display: block;
  }
  .site-header__logo .mob-logo img {
    max-height: 65px;
  }
}
.site-header__nav {
  position: relative;
}
.site-header__nav-mobile-btn {
  display: none;
}
@media (max-width: 767px) {
  .site-header__nav-mobile-btn {
    display: block;
  }
  .site-header__nav-mobile-btn .main-btn {
    display: inline-flex !important;
    background-color: #0f352c;
    border-color: #0f352c;
    width: 100%;
  }
}
.site-header__menu {
  display: flex;
  gap: 20px;
  row-gap: 4px;
  flex-wrap: wrap;
}
.site-header__menu li.current_page_item a {
  color: #223FD5 !important;
}
.site-header__menu a {
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s ease;
}
.site-header__menu a:hover {
  color: #4962e2;
}
@media (max-width: 1023px) {
  .site-header .main-btn {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .site-header .main-btn {
    display: none;
    background-color: transparent;
    border-color: #fff;
    height: 60px;
  }
}
.site-header__burger {
  flex-shrink: 0;
  display: none;
  flex-direction: column;
  gap: 7px;
  background: none;
  border: none;
  cursor: pointer;
}
.site-header__burger span {
  display: block;
  flex-shrink: 0;
  width: 32px;
  border: 2px solid #ffffff;
  background-color: #ffffff;
  border-radius: 5px;
  transition: 0.3s ease;
}
.site-header__burger._active span:nth-child(1) {
  transform: rotate(45deg) translate(7.5px, 7.5px);
}
.site-header__burger._active span:nth-child(2) {
  opacity: 0;
}
.site-header__burger._active span:nth-child(3) {
  transform: rotate(-45deg) translate(7.5px, -7.5px);
}
@media (max-width: 1023px) {
  .site-header__nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 80px + 20px);
    padding: 32px 20px 20px;
    gap: 32px;
    transition: 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  .site-header__nav._active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .site-header__menu {
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 32px;
    height: 100%;
  }
  .site-header__menu a {
    font-size: 24px;
    line-height: 80%;
    font-family: "Open Sans", sans-serif;
  }
  .site-header__burger {
    display: flex;
  }
}
@media (max-width: 767px) {
  .site-header__nav {
    top: 78px;
    height: calc(100dvh - 70px - 8px);
  }
  .site-header__nav::after {
    height: 100%;
  }
}

.site-footer {
  width: 100%;
  background-color: #ffffff;
  padding: 140px 20px 100px;
}
@media (max-width: 1023px) {
  .site-footer {
    padding: 100px 20px 20px;
  }
}
@media (max-width: 767px) {
  .site-footer {
    padding: 0;
  }
}
.site-footer__container {
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 40px;
  padding: 80px 20px;
  background: #ffffff;
  border: 1px solid #223FD5;
}
@media (max-width: 767px) {
  .site-footer__container {
    flex-direction: column-reverse;
    padding: 48px 32px 32px;
    gap: 32px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
}
.site-footer__column-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
}
@media (max-width: 767px) {
  .site-footer__column-info {
    align-items: flex-start;
    width: 100%;
    text-align: left;
  }
}
.site-footer__column-info h2 {
  color: #252525;
}
.site-footer__column-info h2 span {
  color: #223FD5;
}
.site-footer__column-info h2 {
  margin-bottom: 20px;
  text-align: right;
}
@media (max-width: 767px) {
  .site-footer__column-info h2 {
    text-align: left;
  }
}
.site-footer__column-info .regular-btn {
  color: #223FD5;
  border-color: #223FD5;
}
.site-footer__column-info .regular-btn svg path {
  fill: #223FD5;
}
.site-footer__column-info .regular-btn:hover {
  color: #ffffff;
  background-color: #252525;
  border-color: #252525;
}
.site-footer__column-info .regular-btn:hover svg path {
  fill: #ffffff;
}
.site-footer__column-info p {
  color: #252525;
  font-weight: 200;
  font-size: 16px;
  line-height: 150%;
  margin: 120px 0 20px;
}
@media (max-width: 767px) {
  .site-footer__column-info p {
    margin: 60px 0 20px;
    text-align: center;
  }
}
.site-footer__column-info__socials {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.site-footer__column-info__socials a {
  display: flex;
  width: 50px;
  height: 50px;
}
.site-footer__column-info__socials a svg {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.site-footer__column-info__socials a svg path {
  transition: 0.3s ease;
  fill: #223FD5;
}
.site-footer__column-info__socials a svg circle {
  stroke: #223FD5;
}
.site-footer__column-info__socials a svg:active {
  transform: scale(0.96);
  transition: 0.1s ease;
}
.site-footer__column-nav {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  padding-left: 100px;
  gap: 48px;
}
@media (max-width: 1023px) {
  .site-footer__column-nav {
    padding-left: 50px;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .site-footer__column-nav {
    width: 100%;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
  }
}
.site-footer__column-nav-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.site-footer__column-nav-links span {
  color: #223FD5;
  font-size: 20px;
  font-weight: 500;
}
.site-footer__column-nav-links a {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  width: fit-content;
  text-decoration: none;
}
.site-footer__column-nav-links a:hover {
  text-decoration: underline;
}
.site-footer__column-nav-links a:active {
  transform: scale(0.98);
  transform-origin: center;
  transition: 0.1s ease;
}
.site-footer__column-socials {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .site-footer__column-socials {
    margin-top: 50px;
  }
}

.hero {
  padding: 200px 20px 100px;
  background-image: url("/wp-content/themes/aussie/assets/img/bg.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.hero__container {
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
}
.hero__top {
  display: flex;
  align-items: center;
}
.hero__title {
  color: #252525;
  z-index: 2;
  opacity: 0;
  animation: hero-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero__title {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero__title span {
  color: #223FD5;
}
.hero__image {
  height: auto;
  z-index: 2;
  width: 100%;
  max-width: 488px;
  opacity: 0;
  animation: hero-enter 1s ease 0.1s forwards;
}
@media (max-width: 1023px) {
  .hero__image {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero__bottom {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  gap: 48px;
  padding: 48px 0 0;
  border-top: 1px solid #223FD5;
}
.hero__subtitle {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 500;
  line-height: 120%;
  max-width: 600px;
  color: #252525;
}
@media (max-width: 1023px) {
  .hero {
    padding: 150px 20px 50px;
  }
  .hero__top {
    flex-direction: column;
    gap: 32px;
    text-align: center;
  }
  .hero__bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
  }
}

.trusted {
  padding: 140px 0 150px;
  background: #223FD5;
}
@media (max-width: 767px) {
  .trusted {
    padding: 80px 0 130px;
  }
}
.trusted__top {
  max-width: 1260px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
@media (max-width: 767px) {
  .trusted__top {
    flex-direction: column;
    align-items: center;
  }
}
.trusted__top h2 {
  text-transform: uppercase;
  color: #ffffff;
  text-align: left;
}
@media (min-width: 768px) {
  .trusted__top h2 {
    max-width: 570px;
  }
}
.trusted__top p {
  color: #ffffff;
  font-weight: 300;
  line-height: 150%;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
}
@media (min-width: 768px) {
  .trusted__top p {
    max-width: 510px;
  }
}
.trusted__slider {
  margin-top: 58px;
}
.trusted__slider .swiper {
  width: 100%;
  padding-right: calc((100vw - 1400px) / 2);
}
.trusted__slider .swiper-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
}
.trusted__slider .swiper-slide {
  height: auto;
  display: flex;
}
.trusted__slider .swiper-slide:first-child {
  padding-left: 20px;
}
.trusted__slider .swiper-slide:last-child {
  padding-right: 20px;
}
@media (max-width: 767px) {
  .trusted__slider .swiper-slide {
    padding: 0 20px !important;
  }
}
.trusted__slider .swiper-slide__item-iframe {
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.trusted__slider .swiper-slide__item-iframe iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.trusted__slider .swiper-slide__item-partner {
  display: flex;
  border-radius: 15px;
  flex-direction: column;
  padding: 46px;
  gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  background: radial-gradient(circle at 60% 10%, #d1ff5e 20%, #aff500 80%);
}
@media (max-width: 1023px) {
  .trusted__slider .swiper-slide__item-partner {
    padding: 30px 20px;
  }
}
.trusted__slider .swiper-slide__item-partner .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}
.trusted__slider .swiper-slide__item-partner .row img {
  max-width: 150px;
  display: block;
  max-height: 64px;
  object-fit: contain;
}
.trusted__slider .swiper-slide__item-partner .row .name {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: #0f352c;
}
.trusted__slider .swiper-slide__item-partner p {
  font-size: 15px;
  color: #0f352c;
  line-height: 150%;
}
.trusted__slider .swiper-slide__item-cut {
  display: flex;
  border-radius: 140px 15px 15px 15px;
  flex-direction: column;
  background: #ffffff;
}
@media (max-width: 1023px) {
  .trusted__slider .swiper-slide__item-cut {
    border-radius: 80px 15px 15px 15px;
  }
}
.trusted__slider .swiper-slide__item-cut .col {
  padding: 40px 28px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-bottom: 1px solid #223FD5;
}
@media (max-width: 1023px) {
  .trusted__slider .swiper-slide__item-cut .col {
    padding: 30px 20px 20px;
  }
}
.trusted__slider .swiper-slide__item-cut .col h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #223FD5;
  font-size: clamp(2rem, 6vw, 4rem);
  line-height: 100%;
  text-transform: uppercase;
}
.trusted__slider .swiper-slide__item-cut .col span {
  font-family: "Open Sans";
  font-weight: 900;
  color: #252525;
  font-size: clamp(1rem, 4vw, 2rem);
  line-height: 100%;
  text-transform: uppercase;
}
.trusted__slider .swiper-slide__item-cut .row {
  padding: 28px 28px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 100%;
}
@media (max-width: 1023px) {
  .trusted__slider .swiper-slide__item-cut .row {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .trusted__slider .swiper-slide__item-cut .row {
    flex-direction: column;
    align-items: flex-end;
  }
}
.trusted__slider .swiper-slide__item-cut .row img {
  max-width: 200px;
  width: 60%;
  display: block;
  object-fit: contain;
}
.trusted__slider .swiper-slide__item-cut .row p {
  font-size: 15px;
  color: #252525;
  line-height: 120%;
  text-align: right;
}
.trusted__slider .swiper-controls {
  max-width: 1260px;
  padding: 0 20px;
  margin: 40px auto 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.trusted__slider .swiper-controls .swiper-scrollbar.trusted-scrollbar {
  position: static;
  margin-right: 20px;
  background-color: #1b463c;
  height: 5px;
}
.trusted__slider .swiper-controls .swiper-scrollbar-drag {
  background-color: #1c695c;
  cursor: pointer;
}
.trusted__slider .swiper-controls .trusted-prev,
.trusted__slider .swiper-controls .trusted-next {
  margin: 0;
  left: none;
  top: none;
  position: static;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  transition: 0.3s ease;
  cursor: pointer;
}
.trusted__slider .swiper-controls .trusted-prev:hover,
.trusted__slider .swiper-controls .trusted-next:hover {
  transform: scale(95%);
}
.trusted__slider .swiper-controls .trusted-prev svg {
  transform: rotate(180deg);
}
.trusted__slider .swiper-controls .trusted-prev svg path,
.trusted__slider .swiper-controls .trusted-next svg path {
  transition: 0.3s ease;
}
.trusted__slider .swiper-controls .trusted-prev svg,
.trusted__slider .swiper-controls .trusted-next svg {
  width: 60px;
  height: 60px;
}
.trusted__slider .swiper-controls .trusted-prev.swiper-button-disabled,
.trusted__slider .swiper-controls .trusted-next.swiper-button-disabled {
  opacity: 1;
}
.trusted__slider .swiper-controls .trusted-prev.swiper-button-disabled svg path,
.trusted__slider .swiper-controls .trusted-next.swiper-button-disabled svg path {
  fill: #1c695c;
}
.trusted__slider .swiper-controls .trusted-prev svg rect,
.trusted__slider .swiper-controls .trusted-next svg rect {
  transition: 0.3s ease;
}
.trusted__slider .swiper-controls .trusted-prev.swiper-button-disabled svg rect,
.trusted__slider .swiper-controls .trusted-next.swiper-button-disabled svg rect {
  stroke: #1c695c;
}
.trusted__slider .swiper-controls .trusted-prev::before,
.trusted__slider .swiper-controls .trusted-next::before,
.trusted__slider .swiper-controls .trusted-prev::after,
.trusted__slider .swiper-controls .trusted-next::after {
  display: none;
}
.trusted__slider .swiper-controls .swiper-navigation-icon {
  display: none;
}

.infinite-scroll {
  margin-top: -40px;
}
.infinite-scroll__container {
  padding: 40px 20px;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .infinite-scroll__container {
    padding: 80px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .infinite-scroll__container {
    padding: 100px 20px;
  }
}
.infinite-scroll__title {
  max-width: 950px;
  text-align: center;
  margin: 0 auto 30px;
  user-select: none;
  color: #252525;
}
.infinite-scroll .horizontal-scroll {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background-color: #ffffff;
}
.infinite-scroll .horizontal-scroll__container {
  overflow: hidden;
  width: 100%;
}
.infinite-scroll .horizontal-scroll__inner {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  width: max-content;
}
.infinite-scroll .horizontal-scroll__item {
  flex-shrink: 0;
  margin-top: 48px;
  margin-left: 24px;
  width: 200px;
  height: 200px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.infinite-scroll .horizontal-scroll__item img {
  display: block;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .infinite-scroll .horizontal-scroll__item {
    width: 150px;
    height: 150px;
    margin-top: 32px;
    margin-left: 32px;
  }
}
@media (max-width: 767px) {
  .infinite-scroll .horizontal-scroll__item {
    width: 120px;
    height: 120px;
    padding: 10px;
    margin-top: 8px;
    margin-left: 8px;
  }
}
.infinite-scroll .horizontal-scroll .horizontal-scroll__container {
  -webkit-mask: linear-gradient(90deg, transparent, #00833d 20%, #00833d 80%, transparent);
  mask: linear-gradient(90deg, transparent, #00833d 20%, #00833d 80%, transparent);
}
@keyframes scroll {
  to {
    transform: translateX(calc(-50% - 1rem));
  }
}

.sticky-cols {
  position: relative;
  background-color: #ffffff;
}
.sticky-cols.-page-coding .sticky-cols__item .sticky-cols__info {
  max-width: 490px;
}
@media (max-width: 1023px) {
  .sticky-cols.-page-coding .sticky-cols__item .sticky-cols__info {
    max-width: 100%;
  }
}
.sticky-cols__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 85vh;
  position: sticky;
  top: 0;
  border-radius: 24px 24px 0 0;
}
.sticky-cols__item:nth-child(2) {
  background-color: #223FD5;
}
.sticky-cols__item:nth-child(2) span,
.sticky-cols__item:nth-child(2) h2,
.sticky-cols__item:nth-child(2) ul li,
.sticky-cols__item:nth-child(2) p {
  color: #ffffff;
}
.sticky-cols__item:nth-child(3) {
  background-color: #252525;
}
.sticky-cols__item:nth-child(3) h2,
.sticky-cols__item:nth-child(3) ul li,
.sticky-cols__item:nth-child(3) p {
  color: #ffffff;
}
.sticky-cols__item:nth-child(4) {
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .sticky-cols__item {
    position: static;
    height: fit-content;
    border-radius: 0;
  }
}
.sticky-cols__content {
  max-width: 1220px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .sticky-cols__content {
    padding: 100px 32px;
    flex-direction: row;
    gap: 60px;
  }
}
.sticky-cols__info {
  max-width: 550px;
}
@media (max-width: 1023px) {
  .sticky-cols__info {
    max-width: 100%;
  }
}
.sticky-cols__info > span {
  color: #223FD5;
  font-weight: 500;
  font-size: clamp(18px, 3vw, 24px);
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
.sticky-cols__info h2 {
  text-transform: uppercase;
  margin: 20px 0;
  font-size: clamp(1.75rem, 5vw, 4rem);
  color: #252525;
}
.sticky-cols__info h2 span {
  color: #223FD5;
}
@media (max-width: 767px) {
  .sticky-cols__info h2 {
    margin: 10px 0 20px;
  }
}
.sticky-cols__info ul {
  list-style: disc;
  padding: 0;
  margin: 0;
}
.sticky-cols__info ul li {
  margin: 0 0 0 26px;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 500;
  color: #252525;
  line-height: 150%;
}
.sticky-cols a {
  background-color: #111111;
  border-color: #111111;
}
@media (min-width: 768px) {
  .sticky-cols a {
    filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.3));
  }
}
@media (max-width: 767px) {
  .sticky-cols a {
    width: 100%;
  }
}
.sticky-cols a span {
  box-shadow: none !important;
  text-shadow: none !important;
}
.sticky-cols p {
  font-weight: 300;
  color: #252525;
  line-height: 150%;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
}
.sticky-cols__lists {
  display: flex;
  column-gap: 40px;
  row-gap: 10px;
  flex-wrap: wrap;
  margin: 20px 0 40px;
}
.sticky-cols__lists ul {
  list-style: disc;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sticky-cols__lists ul li {
  margin: 0 0 0 26px;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 300;
  color: #252525;
  line-height: 150%;
}

.how-works {
  background-color: #ffffff;
  padding: 0 20px;
}
.how-works__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (min-width: 1024px) {
  .how-works__container {
    padding: 150px 0 180px;
  }
}
.how-works h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 36px;
  color: #252525;
}
.how-works__steps {
  display: flex;
  align-items: center;
  height: 58px;
  background-color: #223FD5;
  border-radius: 5rem;
  position: relative;
  overflow: hidden;
}
.how-works__steps .how-works-arrow {
  z-index: 2;
  width: 58px;
  height: 58px;
  background-color: #ffffff;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.how-works__steps .how-works-arrow:first-child svg {
  transform: rotate(180deg);
}
.how-works__steps .how-works-arrow:last-child {
  left: auto;
  right: 0;
}
.how-works__steps .how-works-arrow:hover {
  background-color: #252525;
}
.how-works__steps .how-works-arrow:hover svg {
  fill: #ffffff;
}
.how-works__steps .how-works-arrow:hover svg path {
  stroke: #ffffff;
}
.how-works__steps .how-works-step {
  user-select: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s ease;
  cursor: default;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", sans-serif;
  border-radius: 8px;
  font-weight: 900;
  text-transform: uppercase;
  background-color: #223FD5;
  color: #ffffff;
}
.how-works__steps .how-works-step.-first {
  margin-left: 16px;
  padding-left: 16px;
}
.how-works__steps .how-works-step.-last {
  margin-right: 16px;
  padding-right: 16px;
}
@media (max-width: 1200px) {
  .how-works__steps .how-works-step {
    font-size: 1rem;
  }
  .how-works__steps .how-works-step.-first {
    margin-left: 20px;
    padding-left: 32px;
  }
  .how-works__steps .how-works-step.-last {
    margin-right: 20px;
    padding-right: 32px;
  }
}
.how-works__steps .how-works-step._current {
  opacity: 1;
}
@media (max-width: 767px) {
  .how-works__steps .how-works-step {
    display: none;
    font-size: 1.5rem;
  }
  .how-works__steps .how-works-step._current {
    display: flex;
    opacity: 1;
  }
  .how-works__steps .how-works-step.-first {
    margin-left: 0;
    padding-left: 0;
  }
  .how-works__steps .how-works-step.-last {
    margin-right: 0;
    padding-right: 0;
  }
}
.how-works__content {
  margin: 0 auto;
  margin-top: 100px;
  max-width: 1220px;
  width: 100%;
}
@media (max-width: 767px) {
  .how-works__content {
    margin-top: 50px;
  }
}
.how-works__content .item-info {
  max-width: 620px;
}
.how-works__content .item-info h3 {
  user-select: none;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: clamp(1.75rem, 5vw, 3.5rem);
  color: #252525;
}
.how-works__content .item-info h3 span {
  color: #223FD5;
}
.how-works__content .item-info p {
  color: #252525;
  font-size: clamp(1rem, 5vw, 1.25rem);
  font-weight: 400;
}
.how-works__item {
  overflow: hidden;
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  gap: 32px;
  transition: 0.3s ease;
}
.how-works__item._current {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  position: relative;
}
@media (max-width: 767px) {
  .how-works__item {
    flex-direction: column;
  }
}
.how-works__image {
  max-width: 470px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.how-works__image img {
  display: block;
  height: auto;
  object-fit: cover;
}

.rules {
  background-color: #ffffff;
  padding: 0 20px;
  margin-top: -40px;
  border-radius: 40px 40px 0 0;
}
.rules__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 110px 0;
}
@media (max-width: 767px) {
  .rules__container {
    padding: 60px 0;
  }
}
.rules__container h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 56px;
  color: #252525;
}
.rules__container h2 span {
  color: #223FD5;
}
.rules__content {
  display: flex;
  gap: 48px;
  justify-content: space-between;
  padding: 28px;
  border-radius: 40px;
  gap: 20px;
  background-color: #ffffff;
  border: 1px solid #223FD5;
}
@media (max-width: 1023px) {
  .rules__content {
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    border: none;
  }
}
@media (max-width: 767px) {
  .rules__content {
    flex-direction: column;
  }
}
.rules__item {
  flex: 1;
  width: 100%;
  border-radius: 26px;
  overflow: hidden;
}
.rules__item h3 {
  text-transform: uppercase;
  margin: 40px 0 40px;
  text-align: center;
  font-size: clamp(1.75rem, 5vw, 3.5rem);
  color: #ffffff;
}
@media (max-width: 767px) {
  .rules__item h3 {
    margin: 20px 0 20px;
  }
}
.rules__item.-do {
  background-color: #223FD5;
  border: 1px solid #223FD5;
}
.rules__item.-do .rules__list {
  background: #ffffff;
}
.rules__item.-dont {
  background-color: #223FD5;
  border: 1px solid #223FD5;
}
.rules__item.-dont .rules__list {
  background-color: #ffffff;
}
.rules__list {
  border-radius: 24px;
  padding: 30px 40px;
  height: 100%;
}
@media (max-width: 1023px) {
  .rules__list {
    padding: 20px 20px;
  }
}
.rules__list .list-item {
  padding: 16px 0;
}
.rules__list .list-title {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .rules__list .list-title {
    gap: 10px;
  }
}
.rules__list .list-title svg {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .rules__list .list-title svg {
    width: 24px;
    height: 24px;
  }
}
.rules__list .list-title svg path {
  stroke: #223FD5;
}
.rules__list .list-title h4 {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-weight: 700;
  color: #252525;
}
.rules__list p {
  margin-left: 50px;
  margin-top: 12px;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 400;
  color: #252525;
}
@media (max-width: 767px) {
  .rules__list p {
    margin-left: 36px;
  }
}

.projects {
  background-color: #ffffff;
  overflow: hidden;
  padding: 40px 0 0;
}
.projects__title {
  width: 100%;
  border-bottom: 1px solid #223FD5;
  padding: 0 20px;
}
.projects__title h2 {
  max-width: 1220px;
  margin: 0 auto;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  color: #252525;
  margin-bottom: 16px;
  width: 100%;
}
.projects__item {
  margin: 0 auto;
  padding: 70px 0 70px;
}
.projects__item:nth-child(even) {
  background-color: #223FD5;
}
.projects__item:nth-child(even) .projects__info h3 {
  color: #ffffff;
}
.projects__item:nth-child(even) .projects__info span {
  color: #ffffff;
}
.projects__item:nth-child(even) .projects__info a {
  color: #ffffff;
}
.projects__item:nth-child(even) .swiper-scrollbar.projects-scrollbar {
  background-color: #ffffff !important;
}
.projects__info {
  max-width: 1260px;
  padding: 0 20px;
  margin: 0 auto 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .projects__info {
    flex-direction: column;
    gap: 16px;
  }
}
.projects__info h3 {
  user-select: none;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 100%;
  color: #252525;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.projects__info .info-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 400px;
}
@media (max-width: 767px) {
  .projects__info .info-details {
    gap: 6px;
  }
}
.projects__info .info-details span {
  user-select: none;
  font-weight: 300;
  font-size: clamp(1rem, 3vw, 1.25rem);
}
.projects__info .info-details a {
  user-select: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: clamp(1rem, 3vw, 1.125rem);
  color: #223FD5;
  text-transform: uppercase;
  transition: 0.3s ease;
  line-height: 110%;
}
.projects__info .info-details a:hover {
  color: #252525;
}
.projects__slider {
  margin-top: 58px;
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 20px;
  height: 100%;
  position: relative;
  cursor: none;
  overflow: visible;
}
.projects__slider .swiper {
  width: 100%;
}
@media (min-width: 1024px) {
  .projects__slider .swiper {
    width: calc(100vw - (50vw - 610px));
  }
}
.projects__slider .swiper-wrapper {
  margin: 0 auto;
  cursor: none;
  height: 100%;
}
.projects__slider .swiper-slide {
  height: auto;
  display: flex;
  cursor: none;
  border: 1px solid #223FD5;
  border-radius: 5px;
}
.projects__slider .swiper-slide img {
  border-radius: 4px;
  display: block;
  width: 100%;
  height: auto;
  cursor: none;
  object-fit: cover;
}
.projects__slider .swiper-controls {
  max-width: 1220px;
  cursor: none;
  margin: 30px auto 0;
}
.projects__slider .swiper-controls .swiper-scrollbar.projects-scrollbar {
  position: static;
  height: 3px !important;
  background-color: #223FD5;
  width: 100%;
}
.projects__slider .swiper-controls .swiper-scrollbar-drag {
  height: 3px !important;
  background-color: #252525;
  cursor: pointer;
}
.projects__slider .swiper-controls .projects-prev,
.projects__slider .swiper-controls .projects-next {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 90px !important;
  height: 90px !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #252525;
  pointer-events: none;
  cursor: none;
  scale: 0.9;
  transition: scale 0.1s ease, opacity 0.1s ease, translate 0s linear;
  z-index: 50;
  opacity: 0;
  background-color: #ffffff;
  will-change: translate, scale, opacity;
}
.projects__slider .swiper-controls .projects-prev svg,
.projects__slider .swiper-controls .projects-next svg {
  width: 90px !important;
  height: 90px !important;
  fill: #ffffff !important;
  stroke-width: 0.5px !important;
  stroke: #ffffff;
  transition: scale 0.05s ease;
}
.projects__slider .swiper-controls .projects-prev svg path,
.projects__slider .swiper-controls .projects-next svg path {
  fill: #252525 !important;
}
.projects__slider .swiper-controls .projects-prev.visible,
.projects__slider .swiper-controls .projects-next.visible {
  transition: scale 0.3s ease, opacity 0.3s ease, translate 0s linear;
  scale: 1;
  opacity: 1;
  pointer-events: auto;
}
.projects__slider .swiper-controls .projects-prev.visible.first-slide,
.projects__slider .swiper-controls .projects-next.visible.last-slide {
  opacity: 0.5;
  pointer-events: auto;
}
.projects__slider .swiper-controls .projects-prev svg {
  rotate: 180deg;
}
.projects__slider .swiper-controls .projects-prev:active svg {
  scale: 0.85;
}
.projects__slider .swiper-controls .projects-next:active svg {
  scale: 0.85;
}

.latest-news-section {
  background-color: #ffffff;
  padding: 0 20px 40px;
}
@media screen and (min-width: 768px) {
  .latest-news-section {
    padding-bottom: 0;
    padding-top: 40px;
  }
}
.latest-news-section__container {
  max-width: 1220px;
  margin: 0 auto;
  text-align: center;
}
.latest-news-section__container span {
  font-size: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  width: 100%;
  font-weight: 400;
  color: #252525;
}
.latest-news-section__container .latest-news-section__title {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 50px;
  color: #252525;
  font-size: 26px;
}
@media screen and (min-width: 768px) {
  .latest-news-section__container .latest-news-section__title {
    font-size: clamp(2rem, 5vw, 4rem);
  }
}
.latest-news-section__container .latest-news-section__title span {
  color: #223FD5;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .latest-news-section__container .latest-news-section__title span {
    font-size: clamp(3rem, 7vw, 6rem);
  }
}
.latest-news-section__content {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
@media (max-width: 1023px) {
  .latest-news-section__content {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .latest-news-section__content {
    flex-direction: column;
  }
}

.animated-hero {
  width: 100%;
  position: relative;
  background-color: #ffbf00;
}
.animated-hero__scroll-root {
  position: relative;
  width: 100%;
}
.animated-hero__sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
.animated-hero__track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100%;
  min-height: 0;
  width: max-content;
  will-change: transform;
}
.animated-hero__panel {
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 100vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 20px;
}
.animated-hero__panel--cards {
  flex: 0 0 auto;
  min-width: 0;
  width: min(100vw - 40px, 1220px);
  box-sizing: border-box;
  align-self: center;
}
.animated-hero__panel--founder .animated-hero__founder {
  min-height: 200px;
  width: 100%;
}
.animated-hero__panel--marquee {
  flex: 0 0 70px;
  min-width: 70px;
  max-width: 70px;
  width: 70px;
  padding-left: 0;
  padding-right: 0;
  align-items: center;
  justify-content: center;
}
.animated-hero__face {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 140px 20px 80px;
  align-items: center;
}
.animated-hero__face > span {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: #0f352c;
  font-family: "Open Sans", sans-serif;
  line-height: 90%;
}
.animated-hero__face > span:nth-child(1) {
  font-size: clamp(3rem, 12vw, 12vh);
}
.animated-hero__face > span:nth-child(2) {
  font-size: clamp(4.75rem, 22vw, 22vh);
}
.animated-hero__face > span:nth-child(3) {
  font-size: clamp(3rem, 12vw, 12vh);
}
.animated-hero__face > span:nth-child(4) {
  font-size: clamp(3rem, 12vw, 12vh);
}
.animated-hero__char {
  display: inline-block;
  transform-origin: left bottom;
  will-change: transform, opacity;
}
.animated-hero__face-line {
  display: flex;
  gap: 10px;
}
.animated-hero__face-line > span {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: #0f352c;
  font-family: "Open Sans", sans-serif;
  line-height: 90%;
  font-size: clamp(4.75rem, 29vw, 29vh);
}
.animated-hero__infinite-scroll {
  position: relative;
  width: 70px;
  flex: 1 1 auto;
  align-self: stretch;
  min-height: 0;
  max-height: none;
  height: 100%;
  overflow: hidden;
  overflow: clip;
  isolation: isolate;
}
.animated-hero__infinite-scroll-rotate {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%) rotate(90deg);
  transform-origin: center center;
  pointer-events: none;
}
.animated-hero__infinite-scroll-inner {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 70px;
  width: max-content;
  gap: 1.5rem;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.animated-hero__infinite-scroll-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.animated-hero__infinite-scroll-title {
  margin: 0;
  font-size: clamp(0.7rem, 1.8vh, 0.95rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  user-select: none;
  line-height: 1;
  color: #ffffff;
}
@media (min-width: 768px) {
  .animated-hero__infinite-scroll-title {
    background: linear-gradient(165deg, #ffffff 40%, #d9f881 60%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.animated-hero__grid-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
  width: 100%;
  max-width: min(1220px, 100%);
  margin-inline: auto;
  box-sizing: border-box;
}
.animated-hero__grid-cards-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-width: 0;
  width: 100%;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 14px 14px 20px;
  box-sizing: border-box;
}
.animated-hero__grid-cards .item-image {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 9/4;
  height: auto;
  min-height: 0;
  border-radius: 8px;
  overflow: hidden;
}
.animated-hero__grid-cards .item-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.animated-hero__grid-cards h2 {
  font-size: clamp(2.5rem, 3vw, 3.5rem);
  text-transform: uppercase;
  color: #0f352c;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  line-height: 90%;
  letter-spacing: -2px;
  margin: 20px 0 10px;
  text-align: center;
}
.animated-hero__grid-cards a {
  text-align: center;
  font-size: clamp(1rem, 1.5vw, 1.5rem);
  text-transform: uppercase;
  color: #00833d;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  line-height: 90%;
  transition: 0.3s ease;
}
.animated-hero__grid-cards a:hover {
  color: #0f352c;
}
@media (max-width: 1023px) {
  .animated-hero__scroll-root {
    height: auto !important;
  }
  .animated-hero__sticky {
    position: relative;
    height: auto;
    overflow: visible;
  }
  .animated-hero__track {
    flex-direction: column;
    width: 100% !important;
    height: auto;
    transform: none !important;
    will-change: auto;
  }
  .animated-hero__panel {
    min-width: 0;
    width: 100%;
    height: auto;
    padding: 24px 20px;
  }
  .animated-hero__panel--cards {
    width: 100%;
    min-width: 0;
  }
  .animated-hero__panel--marquee {
    flex: 0 1 auto;
    min-width: 0;
    max-width: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .animated-hero__grid-cards {
    display: flex;
    flex-direction: row;
    grid-template-columns: none;
    grid-template-rows: none;
    flex-wrap: nowrap;
    gap: 24px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-bottom: 16px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .animated-hero__grid-cards::-webkit-scrollbar {
    height: 6px;
  }
  .animated-hero__grid-cards::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 3px;
  }
  .animated-hero__grid-cards-item {
    flex: 0 0 auto;
    width: min(260px, 72vw);
    max-width: 450px;
    scroll-snap-align: start;
  }
  .animated-hero__infinite-scroll {
    width: 100%;
    min-height: 0;
    max-height: none;
    height: auto;
    align-self: stretch;
  }
  .animated-hero__infinite-scroll-rotate {
    position: static;
    display: block;
    transform: none;
  }
  .animated-hero__infinite-scroll-inner {
    height: auto;
    min-height: 48px;
    padding: 8px 0;
  }
  .animated-hero__infinite-scroll-title {
    font-size: clamp(1rem, 3vw, 1.25rem);
  }
}

.page-about {
  overflow-x: clip;
}

.hero-about {
  padding: 200px 20px 180px;
  background-image: url("/wp-content/themes/aussie/assets/img/bg.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 100dvh !important;
}
@media (min-width: 2000px) {
  .hero-about {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hero-about {
    padding: 150px 20px 80px;
    height: fit-content !important;
  }
}
.hero-about__container {
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  text-align: center;
}
.hero-about__container h1 {
  color: #252525;
  z-index: 2;
  font-size: clamp(3rem, 7vw, 9rem);
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-about__container h1 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-about__container h1 span {
  color: #223FD5;
}
.hero-about__container p {
  font-weight: 500;
  font-size: clamp(1rem, 4vw, 1.5rem);
  line-height: 120%;
  color: #252525;
  z-index: 2;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.3s forwards;
}
@media (max-width: 1023px) {
  .hero-about__container p {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-about__container a {
  z-index: 2;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.4s forwards;
}
@media (max-width: 1023px) {
  .hero-about__container a {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.page-about .infinite-scroll {
  margin-top: 0;
}
.page-about .infinite-scroll__container {
  padding: 150px 20px 150px;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .page-about .infinite-scroll__container {
    padding: 80px 20px 80px;
  }
}

.values {
  background-color: #ffffff;
  padding: 0 20px;
}
.values__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 110px 0;
}
@media (max-width: 767px) {
  .values__container {
    padding: 20px 0;
  }
}
.values__container h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 56px;
  color: #252525;
}
.values__container h2 span {
  color: #223FD5;
}
.values__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 1220px;
  margin: 0 auto 110px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .values__grid {
    grid-template-columns: 1fr;
  }
}
.values__item {
  border-radius: 24px;
  border: 1px solid #223FD5;
  padding: 32px;
  text-align: left;
  color: #252525;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  .values__item {
    padding: 20px;
  }
}
.values__item svg {
  width: 80px;
  height: 80px;
  margin-bottom: 70px;
}
@media (max-width: 1023px) {
  .values__item svg {
    margin-bottom: 30px;
  }
}
.values__item h3 {
  margin-top: auto;
  margin-bottom: 12px;
  color: #252525;
  font-weight: 900;
  font-size: clamp(1.25rem, 4vw, 2rem);
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}
.values__item p {
  color: #252525;
  font-size: 0.9rem;
  font-size: clamp(1rem, 2.5vw, 1.125rem);
  line-height: 140%;
}
.values__item .values__tags {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.values__item .values__tags span {
  border-radius: 2rem;
  padding: 6px 12px;
  background-color: #ffffff;
  border: 1px solid #223FD5;
}
.values__item .values__tags span p {
  color: #223FD5;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: clamp(0.75rem, 2.5vw, 1rem);
}
.values__cta {
  display: flex;
  background-color: #ffffff;
  border: 1px solid #223FD5;
  border-radius: 24px;
  padding: 32px;
  gap: 25px;
}
.values__cta > svg {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .values__cta {
    padding: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.values__cta a {
  margin-left: auto;
  padding: 20px;
  gap: 10px;
}
.values__cta a span {
  font-size: clamp(1rem, 2vw, 1.25rem) !important;
}
@media (max-width: 767px) {
  .values__cta a {
    margin-left: 0;
    width: 100%;
  }
}
.values__cta .cta-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.values__cta .cta-col h3 {
  color: #252525;
  font-weight: 900;
  font-size: clamp(1.25rem, 4vw, 2rem);
  text-transform: uppercase;
}
.values__cta .cta-col p {
  color: #252525;
  font-size: clamp(0.875rem, 2.5vw, 1.125rem);
}

.ideas {
  background-color: #ffffff;
  padding: 0 20px;
}
.ideas__container {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
@media (min-width: 767px) {
  .ideas__container {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1024px) {
  .ideas__container {
    padding: 120px 0;
  }
}
.ideas__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  min-height: 90vh;
}
@media (max-width: 1023px) {
  .ideas__items {
    grid-template-columns: 1fr;
  }
}
.ideas__bubble-wrapper {
  grid-column: 1/-1;
  grid-row: 1;
  justify-self: center;
  align-self: start;
  position: sticky;
  top: calc(50vh - 85px);
  z-index: 10;
  pointer-events: none;
  height: fit-content;
}
@media (max-width: 1023px) {
  .ideas__bubble-wrapper {
    display: none;
  }
}
.ideas__item.-skynix {
  grid-column: 1;
  grid-row: 1;
}
.ideas__item.-other {
  grid-column: 2;
  grid-row: 1;
}
@media (max-width: 1023px) {
  .ideas__item.-other {
    grid-column: 1;
    grid-row: 2;
  }
}
.ideas__bubble {
  pointer-events: none;
  width: 200px;
  height: 200px;
  border-radius: 10rem;
  background-color: #223FD5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  transition: 0.2s;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .ideas__bubble {
    width: 120px;
    height: 120px;
  }
}
.ideas__bubble p {
  font-size: 1.5rem;
  font-weight: 300;
  color: #ffffff;
}
.ideas__bubble span {
  line-height: 100%;
  font-weight: 900;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: clamp(2rem, 4vw, 4rem);
}
.ideas__item {
  width: 100%;
  padding: 100px 40px 100px 40px;
  display: flex;
  gap: 40px;
  align-items: center;
  border-radius: 24px;
  cursor: default;
  border: 1px solid #223FD5;
}
@media (max-width: 767px) {
  .ideas__item {
    padding: 50px 20px 20px !important;
    gap: 30px;
  }
}
.ideas__item.-skynix {
  color: #252525;
  background: #ffffff;
  padding-right: 0px;
}
@media (max-width: 1023px) {
  .ideas__item.-skynix {
    padding-right: 40px;
    padding-bottom: 70px;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .ideas__item.-skynix {
    padding-right: 20px;
  }
  .ideas__item.-skynix ul li {
    text-align: center !important;
  }
}
.ideas__item.-skynix ul li {
  color: #252525;
  align-items: flex-end;
  text-align: right;
}
.ideas__item.-skynix ul li .ideas__li-text {
  padding-right: 100px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  transform-origin: right;
}
@media (max-width: 1023px) {
  .ideas__item.-skynix ul li .ideas__li-text {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .ideas__item.-skynix ul li .ideas__li-text {
    padding-right: 20px;
    font-size: 1.25rem;
  }
}
.ideas__item.-skynix ul li:not(:last-child) {
  border-bottom: 1px solid #223FD5;
}
.ideas__item.-other {
  background-color: #ffffff;
  color: #252525;
  padding-left: 0px;
}
@media (max-width: 1023px) {
  .ideas__item.-other {
    padding-left: 40px;
    padding-top: 70px;
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .ideas__item.-other {
    padding-left: 20px;
  }
  .ideas__item.-other ul li {
    text-align: center !important;
  }
}
.ideas__item.-other ul li {
  align-items: flex-start;
  text-align: left;
}
.ideas__item.-other ul li .ideas__li-text {
  padding-left: 100px;
  transform-origin: left;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
}
@media (max-width: 1023px) {
  .ideas__item.-other ul li .ideas__li-text {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .ideas__item.-other ul li .ideas__li-text {
    padding-left: 20px;
    font-size: 1.25rem;
  }
}
.ideas__item.-other ul li:not(:last-child) {
  border-bottom: 1px solid #223FD5;
}
.ideas__item-title {
  position: relative;
  height: 100%;
  color: #223FD5;
}
.ideas__item-title span {
  position: sticky;
  top: 50vh;
  display: inline-block;
  font-weight: 600;
  font-size: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .ideas__item-title span {
    font-size: clamp(1.5rem, 4vw, 1.75rem);
  }
}
.ideas__item ul {
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
}
@media (max-width: 767px) {
  .ideas__item ul {
    gap: 0;
  }
}
.ideas__item ul li {
  height: 100%;
  padding: 24px 0 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ideas__item ul li .ideas__li-text {
  font-weight: 400;
  font-size: clamp(1rem, 2vw, 2.5rem);
  display: inline-block;
}
@media (max-width: 1023px) {
  .ideas__item ul li {
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .ideas__item ul li {
    padding: 6px 0;
  }
}
.ideas__item-gloss {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: 10;
  transition: opacity 0.18s, filter 0.18s;
  opacity: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 60%);
}

.approach {
  background-color: #ffffff;
  padding: 0 20px;
}
.approach__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .approach__container {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1024px) {
  .approach__container {
    padding: 120px 0;
  }
}
.approach__container h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 56px;
  font-size: clamp(2rem, 6vw, 4.75rem) !important;
  color: #252525;
}
.approach__container h2 span {
  color: #223FD5;
}
.approach__content {
  display: flex;
  gap: 30px;
}
@media (max-width: 1023px) {
  .approach__content {
    flex-direction: column;
    gap: 20px;
  }
}
.approach__item {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #223FD5;
  border-radius: 15px;
  padding: clamp(24px, 3vw, 40px);
  gap: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .approach__item {
    gap: 15px;
  }
}
.approach__item p {
  font-weight: 400;
  font-size: clamp(0.875rem, 2.5vw, 1.5rem);
  line-height: 150%;
}
.approach__item .item-title {
  border-bottom: 1px solid #fff6d9;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.approach__item .item-title span {
  font-weight: 900;
  font-size: clamp(1.75rem, 3.5vw, 3.125rem);
  font-family: "Open Sans", sans-serif;
  color: #223FD5;
}
.approach__item .item-title h3 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.25rem;
}
@media (min-width: 1200px) {
  .approach__item .item-title h3 {
    font-size: clamp(1rem, 2.5vw, 1.5rem);
  }
}

.founder {
  background-color: #ffffff;
  padding: 0 20px;
}
.founder__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 80px 0 100px;
}
@media (max-width: 767px) {
  .founder__container {
    padding: 50px 0;
  }
}
.founder__content {
  display: flex;
  gap: 90px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
}
@media (max-width: 1023px) {
  .founder__content {
    gap: 60px;
  }
}
@media (max-width: 767px) {
  .founder__content {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 50px;
  }
}
.founder__image {
  max-width: 360px;
  min-width: 300px;
  width: 100%;
  height: auto;
  position: relative;
}
.founder__image-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 101%;
  height: 101%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12rem;
  opacity: 0;
  transition: 0.3s ease;
}
.founder__image-link .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 50%;
}
.founder__image:hover .founder__image-link {
  opacity: 1;
  background-color: rgba(255, 250, 227, 0.19);
}
.founder__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.founder__info h2 {
  color: #252525;
  font-weight: 900;
  font-size: clamp(2rem, 4vw, 3.5rem);
  text-transform: uppercase;
}
.founder__info h2 span {
  color: #223FD5;
  font-weight: 900;
  display: inline;
  font-size: clamp(2rem, 4vw, 3.5rem);
  text-transform: uppercase;
  margin: 0;
}
.founder__info span {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 1.25rem;
  color: #223FD5;
  display: block;
  margin: 20px 0 45px;
}
@media (max-width: 767px) {
  .founder__info span {
    margin: 10px 0 20px;
  }
}
.founder__info p {
  display: inline-block;
  border-left: 2px solid #223FD5;
  padding-left: 16px;
  color: #252525;
  line-height: 140%;
  font-size: clamp(1rem, 2.5vw, 1.125rem);
}
.founder__testimonials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1023px) {
  .founder__testimonials {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .founder__testimonials {
    grid-template-columns: 1fr;
  }
}
.founder__item {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  height: fit-content;
  padding: 10px;
}
.founder__item-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.founder__item-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .founder__item:nth-child(2) {
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  .founder__item {
    gap: 16px;
  }
}
.founder__item-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px clamp(16px, 3vw, 20px);
}
.founder__item blockquote {
  font-size: clamp(0.875rem, 3vw, 1.125rem);
  line-height: 150%;
  font-weight: 600;
  color: #201b21;
  line-height: 125%;
  display: block;
}
.founder__item blockquote cite {
  font-size: 1rem;
  font-style: normal;
  margin-top: 28px;
  display: block;
}
@media (max-width: 767px) {
  .founder__item blockquote cite {
    margin-top: 16px;
  }
}

.hero-coding {
  padding: 200px 20px 180px;
  background-image: url("/wp-content/themes/aussie/assets/img/bg.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 100dvh !important;
}
@media (min-width: 2000px) {
  .hero-coding {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hero-coding {
    padding: 150px 20px 100px;
    height: fit-content !important;
  }
}
.hero-coding__container {
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  text-align: center;
}
.hero-coding__container h1 {
  color: #252525;
  z-index: 2;
  font-size: 38px;
}
@media screen and (min-width: 768px) {
  .hero-coding__container h1 {
    font-size: clamp(4rem, 7vw, 8rem);
  }
}
.hero-coding__container h1 span {
  display: block;
}
.hero-coding__container h1 span:nth-of-type(1) {
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.1s forwards;
}
@media (max-width: 1023px) {
  .hero-coding__container h1 span:nth-of-type(1) {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-coding__container h1 span:nth-of-type(1) {
  color: #252525;
}
.hero-coding__container h1 span:nth-of-type(2) {
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.15s forwards;
}
@media (max-width: 1023px) {
  .hero-coding__container h1 span:nth-of-type(2) {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-coding__container h1 span:nth-of-type(2) {
  color: #223FD5;
}
.hero-coding__container h1 span:nth-of-type(3) {
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-coding__container h1 span:nth-of-type(3) {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-coding__container h1 span:nth-of-type(3) {
  color: #252525;
}
.hero-coding__container p {
  font-weight: 500;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 120%;
  z-index: 2;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.3s forwards;
}
@media (max-width: 1023px) {
  .hero-coding__container p {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-coding__container a {
  z-index: 2;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.4s forwards;
}
@media (max-width: 1023px) {
  .hero-coding__container a {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.results {
  background-color: #223FD5;
  padding: 0 20px;
}
.results__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .results__container {
    padding: 80px 0;
  }
}
.results__container h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 24px;
  color: #ffffff;
}
.results__container p {
  text-align: center;
  color: #ffffff;
  font-size: 1.25rem;
  margin: 0 auto 64px;
}
.results__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
}
.results__content::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .results__content {
    grid-template-columns: repeat(2, 1fr);
  }
  .results__content::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .results__content::after {
    display: block;
    left: 70px;
    top: 0;
    height: 99%;
    width: 3px;
  }
  .results__content {
    grid-template-columns: repeat(1, 1fr);
  }
}
.results__item {
  z-index: 2;
  background-color: #ffffff;
  backdrop-filter: blur(5px);
  padding: 32px;
  border-radius: 24px;
}
.results__item svg {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .results__item svg {
    margin-bottom: 45px;
  }
}
.results__item h3 {
  color: #223FD5;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0 0 16px;
}
.results__item p {
  text-align: left;
  color: #252525;
  font-size: 1.125rem !important;
  line-height: 140%;
  font-weight: 300;
  margin: 0;
}

.coding-cols {
  background-color: #ffffff;
  padding: 0 20px;
}
.coding-cols__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 40px 0 40px;
}
@media (min-width: 768px) {
  .coding-cols__container {
    padding: 116px 0 128px;
  }
}
.coding-cols__container h2 {
  text-transform: uppercase;
  text-align: center;
  max-width: 1180px;
  margin: 0 auto 32px;
  color: #252525;
  letter-spacing: 0;
  line-height: 1;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .coding-cols__container h2 {
    font-size: clamp(3rem, 6vw, 5.9rem);
    line-height: 0.96;
    margin-bottom: 54px;
  }
}
.coding-cols__container h2 span {
  color: #223FD5;
}
.coding-cols__content {
  display: flex;
  justify-content: space-between;
  gap: 28px;
}
@media (max-width: 1023px) {
  .coding-cols__content {
    flex-direction: column;
  }
}
.coding-cols__item {
  flex: 1;
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e6eaf3;
  box-shadow: 0 16px 40px rgba(18, 28, 61, 0.08);
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .coding-cols__item {
    border-radius: 22px;
  }
}
.coding-cols__item .item-top {
  padding: 42px clamp(24px, 4vw, 42px) 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
@media (max-width: 767px) {
  .coding-cols__item .item-top {
    padding-top: 28px;
  }
}
.coding-cols__item .item-top .coding-cols__badge {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #3156ff 0%, #223fd5 68%, #1930a8 100%);
  box-shadow: 0 12px 28px rgba(34, 63, 213, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  flex: 0 0 auto;
}
.coding-cols__item .item-top .coding-cols__badge svg {
  width: 30px;
  height: 30px;
  display: block;
}
.coding-cols__item .item-top h3 {
  text-align: left !important;
  text-transform: uppercase;
  margin: 0 0 16px;
  text-align: center;
  font-size: 28px;
  line-height: 0.98;
  letter-spacing: 0;
  color: #252525;
}
@media screen and (min-width: 768px) {
  .coding-cols__item .item-top h3 {
    font-size: clamp(2rem, 3vw, 3.25rem);
  }
}
.coding-cols__item .item-top p {
  color: #30313b;
  line-height: 1.42;
  font-weight: 400;
  font-size: clamp(1.0625rem, 1.7vw, 1.25rem);
  max-width: 640px;
}
.coding-cols__item .item-top .coding-cols__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-height: 345px;
  height: 100%;
  padding: 36px 0 20px;
}
@media (max-width: 767px) {
  .coding-cols__item .item-top .coding-cols__image {
    padding-top: 28px;
  }
}
.coding-cols__item .item-top .coding-cols__image img {
  width: 100%;
  height: auto;
  display: block;
}
.coding-cols__item .item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  row-gap: 24px;
  width: 100%;
  border-top: 1px solid #e6eaf3;
  padding: 28px clamp(24px, 4vw, 42px) 32px;
  flex-direction: column;
  align-items: flex-start;
}
.coding-cols__item .item-bottom .item-bottom-results {
  display: flex;
  column-gap: 18px;
  align-items: center;
}
.coding-cols__item .item-bottom .item-bottom-results span {
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: clamp(3.25rem, 5vw, 4.25rem);
  line-height: 0.9;
  color: #223FD5;
}
.coding-cols__item .item-bottom .item-bottom-results p {
  color: #252525;
  line-height: 1.25;
  font-weight: 400;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
}
@media (max-width: 767px) {
  .coding-cols__item .item-bottom .item-bottom-results p {
    font-size: 1.0625rem;
  }
}
.coding-cols__item .item-bottom a {
  height: 54px;
  padding: 0 26px;
  background: #ffffff;
  border: 2px solid #223FD5;
  color: #223FD5;
  flex-shrink: 0;
  gap: 12px;
  letter-spacing: 0;
  box-shadow: none;
}
@media (max-width: 1023px) {
  .coding-cols__item .item-bottom a {
    width: 100%;
    justify-content: center;
  }
}
.coding-cols__item .item-bottom a svg path {
  fill: #223FD5;
}
.coding-cols__item .item-bottom a:hover {
  background: #223FD5;
  color: #ffffff;
}
.coding-cols__item .item-bottom a:hover svg path {
  fill: #ffffff;
}
.coding-cols__item .item-bottom a span {
  font-size: clamp(1rem, 2vw, 1.125rem);
}
.coding-cols__item:nth-child(2) .item-top .coding-cols__image img {
  max-width: 100%;
}
.coding-cols__item:nth-child(2) .item-bottom a {
  background: #223FD5;
  color: #ffffff;
}
.coding-cols__item:nth-child(2) .item-bottom a svg path {
  fill: #ffffff;
}
.coding-cols__item:nth-child(2) .item-bottom a:hover {
  background: #1832b4;
  border-color: #1832b4;
}

.wizards {
  background-color: #223FD5;
  padding: 0 20px;
}
.wizards__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 40px 0 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
}
@media (min-width: 767px) {
  .wizards__container {
    padding: 100px 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .wizards__container {
    flex-direction: row;
  }
}
.wizards__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .wizards__content {
    gap: 12px;
  }
}
.wizards__content h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 38px;
}
@media (min-width: 768px) {
  .wizards__content h2 {
    font-size: clamp(3rem, 7vw, 4rem);
  }
}
@media screen and (min-width: 1024px) {
  .wizards__content h2 {
    max-width: 400px;
  }
}
.wizards__content p {
  color: #ffffff;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 100%;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  .wizards__content p {
    max-width: 200px;
  }
}
.wizards__team {
  max-width: 530px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  gap: 16px;
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .wizards__team {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .wizards__team {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wizards__image {
  width: 110px;
  height: 110px;
  border-radius: 5rem;
  border: 1px solid #ffffff;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .wizards__image {
    width: 90px;
    height: 90px;
  }
}
.wizards__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  scale: 103%;
  transition: opacity 1s ease;
}
.wizards__cols {
  max-width: 1220px;
  margin: 64px auto 0;
  padding: 64px 0 100px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  border-top: 1px dashed #ffffff;
}
@media (max-width: 767px) {
  .wizards__cols {
    flex-direction: column;
    margin: 48px auto 0;
    padding: 48px 0 80px;
    gap: 32px;
  }
}
.wizards__col-item {
  max-width: 350px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .wizards__col-item {
    max-width: 100%;
  }
}
.wizards__col-item h3 {
  margin-bottom: 8px;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  text-transform: uppercase;
}
.wizards__col-item p {
  font-size: 1rem;
  line-height: 100%;
  font-weight: 300;
}

.page-404 {
  background: radial-gradient(circle at 20% 20%, #ffd557 10%, #ffbf00 70%);
  height: 100vh;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-404__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 200px 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
@media (max-width: 767px) {
  .page-404__container {
    flex-direction: column;
    padding: 100px 0 50px;
    align-items: center !important;
  }
}
.page-404__container img {
  width: clamp(200px, 30vw, 300px);
  border-radius: 8px;
  height: fit-content;
}
.page-404__container h1 {
  font-size: clamp(4rem, 10vw, 8rem);
  color: #0f352c;
  font-weight: 900;
}
@media (max-width: 767px) {
  .page-404__container h1 {
    align-items: center !important;
  }
}

.hero-design {
  padding: 200px 20px 180px;
  background-image: url("/wp-content/themes/aussie/assets/img/bg.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 100dvh !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2000px) {
  .hero-design {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hero-design {
    padding: 150px 20px 100px;
    height: fit-content !important;
  }
}
.hero-design__container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  text-align: center;
}
.hero-design__container .hero-design__slider {
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-design__container .hero-design__slider {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-design__container .hero-design__slider {
  overflow: hidden;
  transition: height 0.6s ease;
}
.hero-design__container .hero-design__slider-track {
  display: flex;
  flex-direction: column;
  transition: transform 0.4s ease;
  will-change: transform;
}
.hero-design__container .hero-design__slider-row {
  margin: 0;
  text-transform: uppercase;
  font-size: clamp(2.5rem, 4.6vw, 8rem) !important;
  font-weight: 900;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 1023px) {
  .hero-design__container .hero-design__slider-row:nth-child(2), .hero-design__container .hero-design__slider-row:nth-child(3) {
    display: none;
  }
}
.hero-design__container p {
  font-weight: 500;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 120%;
  z-index: 2;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.3s forwards;
}
@media (max-width: 1023px) {
  .hero-design__container p {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-design__container a {
  z-index: 2;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.4s forwards;
}
@media (max-width: 1023px) {
  .hero-design__container a {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.sale-section {
  background: #ffffff;
  padding: 0 20px 0 20px;
}
@media (max-width: 767px) {
  .sale-section {
    padding: 0 20px;
  }
}
.sale-section__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 140px 0;
  display: flex;
  gap: 32px;
}
@media (max-width: 767px) {
  .sale-section__container {
    flex-direction: column;
    padding: 40px 0;
    gap: 32px;
  }
}
.sale-section__title-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .sale-section__content {
    max-width: 510px;
    position: sticky;
    top: 180px;
  }
}
.sale-section__content h2 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  margin-bottom: 24px;
  text-transform: uppercase;
}
.sale-section__content h2 span {
  color: #223FD5;
}
.sale-section__content p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  color: #252525;
  line-height: 150%;
}
.sale-section__img-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 160px;
  position: relative;
}
@media (max-width: 1023px) {
  .sale-section__img-wrapper {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .sale-section__img-wrapper {
    gap: 20px;
  }
}
@media (min-width: 768px) {
  .sale-section__image-slide {
    position: sticky;
    top: 180px;
  }
}
.sale-section__image-slide {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .sale-section__image-slide {
    padding: 0 16px;
  }
}
.sale-section__image-slide:nth-child(1) .sale-section__image {
  transform: rotate(-3deg);
}
.sale-section__image-slide:nth-child(2) .sale-section__image {
  transform: rotate(5deg);
}
.sale-section__image-slide:nth-child(3) .sale-section__image {
  transform: rotate(-7deg);
}
.sale-section__image {
  width: clamp(300px, 35vw, 450px);
  height: clamp(300px, 35vw, 450px);
  padding: 14px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 20px 20px rgba(0, 0, 0, 0.02);
}
.sale-section__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.design-section {
  background: #ffffff;
  margin-top: -40px;
  border-radius: 40px 40px 0 0;
  padding: 0 20px;
  position: relative;
}
.design-section__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.design-section__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
  display: flex;
  gap: 32px;
}
@media (max-width: 767px) {
  .design-section__container {
    flex-direction: column;
    padding: 60px 0 40px;
    gap: 32px;
  }
}
.design-section__title-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .design-section__content {
    max-width: 480px;
    position: sticky;
    top: 180px;
  }
}
.design-section__content h2 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  margin-bottom: 24px;
  text-transform: uppercase;
  color: #252525;
}
.design-section__content h2 span {
  color: #223FD5;
}
@media (min-width: 768px) {
  .design-section__content h2 {
    max-width: 400px;
  }
}
.design-section__content p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  color: #252525;
  line-height: 150%;
  font-weight: 400;
}
.design-section__items-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .design-section__items-wrapper {
    gap: 8px;
  }
}
.design-section__item {
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid #223FD5;
  padding: 32px;
  display: flex;
  z-index: 1;
  flex-direction: column;
}
.design-section__item svg {
  width: 80px;
  height: 80px;
}
@media (max-width: 767px) {
  .design-section__item svg {
    width: 60px;
    height: 60px;
  }
}
.design-section__item h3 {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  text-transform: uppercase;
  color: #252525;
  margin: 32px 0 12px;
}
@media (max-width: 767px) {
  .design-section__item h3 {
    margin: 16px 0 8px;
  }
}
.design-section__item p {
  font-size: clamp(1rem, 3vw, 1.125rem);
  color: #252525;
  line-height: 150%;
  font-weight: 300;
}

.special-section {
  background-color: #ffffff;
  padding: 0 20px;
}
.special-section__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .special-section__container {
    padding: 80px 0;
  }
}
.special-section__container h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 20px;
  color: #252525;
}
.special-section__container h2 span {
  color: #223FD5;
}
.special-section__container p {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: #252525;
  line-height: 120%;
  font-weight: 400;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 56px;
}
.special-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1023px) {
  .special-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .special-section__grid {
    grid-template-columns: 1fr;
  }
}
.special-section__item {
  background-color: #ffffff;
  border: 1px solid #223FD5;
  padding: 32px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #252525;
}
.special-section__item .item-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.special-section__item .item-title svg {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.special-section__item .item-title h3 {
  font-size: 20px;
  text-transform: uppercase;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .special-section__item .item-title h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .special-section__item .item-title h3 {
    font-size: clamp(1.5rem, 3vw, 26px);
  }
}
.special-section__item p {
  font-size: clamp(1rem, 3vw, 1.125rem);
  line-height: 140%;
  font-weight: 300;
  text-align: left;
  margin: 0;
}
.special-section__scroll-title {
  font-size: 24px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  margin-top: 80px !important;
  margin-bottom: 0 !important;
}
.special-section__scroll-title span {
  color: #223FD5;
}
@media (max-width: 767px) {
  .special-section__scroll-title {
    margin-top: 60px !important;
    margin-bottom: 10px !important;
  }
}
.special-section .horizontal-scroll {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .special-section .horizontal-scroll {
    padding: 16px 0;
  }
}
.special-section .horizontal-scroll__container {
  overflow: hidden;
  width: 100%;
}
.special-section .horizontal-scroll__inner {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  width: max-content;
}
.special-section .horizontal-scroll__item {
  height: 100px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(3rem, 6vw, 4.75rem);
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #252525;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 1023px) {
  .special-section .horizontal-scroll__item {
    height: 70px;
  }
}
@media (max-width: 767px) {
  .special-section .horizontal-scroll__item {
    height: 50px;
    font-size: 2rem;
  }
}
.special-section .horizontal-scroll__item::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 16px;
  margin-right: 16px;
  background: #223FD5;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .special-section .horizontal-scroll__item::after {
    width: 8px;
    height: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.special-section .horizontal-scroll .horizontal-scroll__container {
  -webkit-mask: linear-gradient(90deg, transparent, #223FD5 20%, #223FD5 80%, transparent);
  mask: linear-gradient(90deg, transparent, #223FD5 20%, #223FD5 80%, transparent);
}

.after-section {
  background-color: #ffffff;
  padding: 0 20px;
}
.after-section__container {
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .after-section__container {
    padding: 80px 0;
  }
}
.after-section h2 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  text-transform: uppercase;
  color: #252525;
}
.after-section h2 span {
  color: #223FD5;
}
.after-section p {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  line-height: 120%;
  max-width: 800px;
  color: #252525;
}
.after-section__tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 64px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .after-section__tabs {
    margin-bottom: 10px;
  }
}
.after-section__tab {
  cursor: pointer;
  transition: 0.4s ease;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  padding: 6px 14px;
  border: 1px solid #b3ab85;
  border-radius: 3rem;
}
.after-section__tab.is-active {
  border-color: #00833d;
  background-color: #00833d;
  color: #ffffff;
}
.after-section__track {
  display: flex;
  align-items: center;
  width: 100% !important;
  margin-bottom: 28px;
  gap: 24px;
}
@media (max-width: 767px) {
  .after-section__track {
    display: none;
  }
}
.after-section__track span {
  text-transform: uppercase;
  font-size: clamp(1.125rem, 3vw, 22px);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #252525;
}
.after-section__track span:first-child, .after-section__track span:last-child {
  flex-grow: 1;
  width: 60px;
}
.after-section__track .after-section__track-line {
  flex-grow: 1;
  width: 100%;
  height: 4px;
  border-radius: 1rem;
  background: linear-gradient(to right, #223FD5 50%, #252525 50%);
}
.after-section__content {
  position: relative;
}
.after-section__tab-slide {
  display: flex;
  gap: 32px;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
@media (min-width: 769px) {
  .after-section__tab-slide {
    transform: translateY(20px) scale(102%);
    transition: 1s ease;
  }
}
.after-section__tab-slide span {
  display: none;
}
@media (max-width: 1023px) {
  .after-section__tab-slide {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .after-section__tab-slide {
    flex-direction: column;
    gap: 10px;
  }
  .after-section__tab-slide span {
    display: block;
    text-transform: uppercase;
    font-size: clamp(1.125rem, 3vw, 22px);
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
    padding-left: 10px;
    color: #111111;
  }
}
.after-section__tab-slide.is-active {
  height: auto;
  opacity: 1;
  transform: translateY(0) scale(100%);
  pointer-events: auto;
}
.after-section__tab-slide.is-active .after-section__tab-image {
  padding: 60px 20px 0;
}
@media (max-width: 1023px) {
  .after-section__tab-slide.is-active .after-section__tab-image {
    padding: 12px 12px 0;
  }
}
.after-section__tab-image {
  overflow: hidden;
  border-radius: 16px;
  padding: 0;
  width: 100%;
}
.after-section__tab-image img {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.after-section__tab-image.-before {
  background-color: #ffec99;
}
.after-section__tab-image.-after {
  background-color: #00833d;
}

.faq-section {
  background-color: #ffffff;
  padding: 0 20px;
}
.faq-section__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 60px 0;
  gap: 24px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .faq-section__container {
    padding: 120px 0;
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .faq-section__container {
    gap: clamp(40px, 5vw, 70px);
  }
}
.faq-section__founder {
  display: flex;
  flex-direction: column;
  gap: 32px;
  background-color: #ffffff;
  box-shadow: 0 10px 20px 20px rgba(0, 0, 0, 0.02);
  padding: 24px;
  border-radius: 28px;
  height: fit-content;
  border: 1px solid rgba(34, 63, 213, 0.06);
}
@media (min-width: 768px) {
  .faq-section__founder {
    max-width: 380px;
    width: 100%;
    position: sticky;
    top: 160px;
  }
}
@media screen and (min-width: 1024px) {
  .faq-section__founder {
    max-width: 480px;
    padding: clamp(32px, 3vw, 36px);
  }
}
@media (max-width: 767px) {
  .faq-section__founder {
    gap: 28px;
    border-radius: 24px;
  }
}
.faq-section__founder .founder-block {
  display: flex;
  align-items: center;
  gap: 18px;
}
.faq-section__founder .founder-block img {
  width: clamp(84px, 9vw, 124px);
  height: clamp(84px, 9vw, 124px);
  border-radius: 50%;
  border: 2px solid #223FD5;
  object-fit: cover;
  flex-shrink: 0;
}
.faq-section__founder .founder-block__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}
.faq-section__founder .founder-block__content span {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: #223FD5;
  font-weight: 700;
  line-height: 1.05;
}
.faq-section__founder .founder-block__content p {
  font-size: clamp(1.125rem, 1.6vw, 1.5rem);
  color: #252525;
  font-weight: 400;
  line-height: 1.2;
}
.faq-section__founder blockquote {
  position: relative;
  font-size: 24px;
  color: #252525;
  line-height: 1.35;
  font-weight: 400;
  padding-top: 36px;
}
@media screen and (min-width: 1024px) {
  .faq-section__founder blockquote {
    font-size: 28px;
  }
}
.faq-section__founder blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 3px;
  border-radius: 999px;
  background-color: #223FD5;
}
.faq-section__founder .linkedin-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  justify-content: center;
  flex-direction: row-reverse;
  border-radius: 999px;
  gap: 8px;
  padding: 18px 28px;
  border: 2px solid #223FD5;
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  color: #223FD5;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: 0.3s ease;
}
@media screen and (min-width: 768px) {
  .faq-section__founder .linkedin-btn {
    gap: 14px;
  }
}
.faq-section__founder .linkedin-btn svg,
.faq-section__founder .linkedin-btn path,
.faq-section__founder .linkedin-btn circle {
  transition: 0.3s ease;
}
.faq-section__founder .linkedin-btn:hover {
  border-color: #223FD5 !important;
  background-color: #223FD5;
  color: #ffffff;
}
.faq-section__founder .linkedin-btn:hover svg {
  color: #fff;
}
.faq-section__founder .linkedin-btn:hover svg circle {
  fill: #fff !important;
}
.faq-section__founder .linkedin-btn:hover svg path {
  fill: #223FD5 !important;
}
.faq-section__founder .linkedin-btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .faq-section__founder .linkedin-btn svg {
    width: 32px;
    height: 32px;
  }
}
.faq-section__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.faq-section__content h2 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: 0.9;
  margin-bottom: clamp(28px, 4vw, 44px);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .faq-section__content h2 {
    margin-bottom: 16px;
  }
}
.faq-section__accordion {
  border-bottom: 1px solid rgba(34, 63, 213, 0.24) !important;
}
.faq-section__accordion .accordion-title {
  position: relative;
  padding: 40px 0 40px 65px !important;
  font-size: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.2;
  font-weight: 700;
  color: #252525;
}
@media (max-width: 767px) {
  .faq-section__accordion .accordion-title {
    padding: 24px 0 24px 64px;
    font-size: clamp(1.25rem, 5vw, 1.75rem);
  }
}
.faq-section__accordion .accordion-title:hover {
  color: #223FD5 !important;
}
.faq-section__accordion .accordion-title::before, .faq-section__accordion .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: 0.3s ease;
}
.faq-section__accordion .accordion-title::before {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #223FD5;
}
@media (max-width: 767px) {
  .faq-section__accordion .accordion-title::before {
    width: 36px;
    height: 36px;
  }
}
.faq-section__accordion .accordion-title::after {
  left: 12px;
  width: 20px;
  height: 20px;
  background: linear-gradient(#ffffff, #ffffff) center/20px 3px no-repeat, linear-gradient(#ffffff, #ffffff) center/3px 20px no-repeat;
}
@media (max-width: 767px) {
  .faq-section__accordion .accordion-title::after {
    left: 10px;
    width: 16px;
    height: 16px;
    background: linear-gradient(#ffffff, #ffffff) center/16px 3px no-repeat, linear-gradient(#ffffff, #ffffff) center/3px 16px no-repeat;
  }
}
.faq-section__accordion .accordion-title.active {
  color: #223FD5;
}
.faq-section__accordion .accordion-title.active::after {
  background: linear-gradient(#ffffff, #ffffff) center/20px 3px no-repeat;
}
@media (max-width: 767px) {
  .faq-section__accordion .accordion-title.active::after {
    background: linear-gradient(#ffffff, #ffffff) center/16px 3px no-repeat;
  }
}
.faq-section__accordion .accordion-content {
  transform: none !important;
  padding-left: 65px !important;
}
@media (max-width: 767px) {
  .faq-section__accordion .accordion-content {
    padding-left: 64px;
  }
}
.faq-section__accordion .accordion-content p {
  max-width: 840px;
  padding: 0 0 40px;
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  line-height: 1.6;
  color: #252525;
  font-weight: 400;
}
@media (max-width: 767px) {
  .faq-section__accordion .accordion-content p {
    padding-bottom: 28px;
  }
}
.faq-section__accordion.open .accordion-title {
  padding-bottom: 24px;
}

.hero-process {
  background-color: #ffffff;
  padding: 200px 20px 100px;
  overflow: hidden;
  position: sticky;
  top: 0px;
  height: 100dvh !important;
}
@media (max-width: 1023px) {
  .hero-process {
    position: relative;
    height: fit-content;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .hero-process {
    padding: 150px 20px 100px;
    height: fit-content !important;
  }
}
.hero-process__bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  animation: bg__ani 1.75s ease forwards;
}
@keyframes bg__ani {
  from {
    opacity: 0;
    transform: scale(110%);
  }
  to {
    opacity: 1;
    transform: scale(100%);
  }
}
.hero-process__bg svg {
  height: 100% !important;
  width: 100%;
}
.hero-process__bg svg g {
  height: 100% !important;
}
.hero-process__pattern {
  position: absolute;
  bottom: 20%;
  right: 0;
  width: 500px;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  opacity: 0.7;
  display: none;
}
.hero-process__container {
  max-width: 1220px;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .hero-process__container {
    gap: 20px;
  }
}
.hero-process__title {
  max-width: 800px;
  text-align: left;
  z-index: 1;
}
.hero-process__title h1 {
  color: #252525;
  z-index: 2;
  font-size: 34px;
  text-transform: uppercase;
  opacity: 0;
  animation: hero-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-process__title h1 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media screen and (min-width: 768px) {
  .hero-process__title h1 {
    font-size: clamp(4rem, 8vw, 9rem);
  }
}
.hero-process__cta {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
  .hero-process__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero-process__cta p {
  opacity: 0;
  animation: hero-enter 1s ease 0.3s forwards;
}
@media (max-width: 1023px) {
  .hero-process__cta p {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-process__cta p {
  font-weight: 500;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 120%;
  z-index: 2;
  max-width: 500px;
}
.hero-process__cta a {
  opacity: 0;
  animation: hero-reverse-enter 1s ease 0.4s forwards;
}
@media (max-width: 1023px) {
  .hero-process__cta a {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 767px) {
  .hero-process__cta a {
    width: 100%;
  }
}

.sticky-cols-process {
  position: relative;
}
.sticky-cols-process__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  position: sticky;
  top: 0px;
  background-color: #ffffff;
}
.sticky-cols-process__item:nth-child(even) {
  background-color: #223FD5;
}
.sticky-cols-process__item:nth-child(even) .action-btn {
  background-color: #ffffff;
}
.sticky-cols-process__item:nth-child(even) .action-btn span {
  color: #252525;
}
.sticky-cols-process__item:nth-child(even) .action-btn svg path {
  fill: #252525;
}
.sticky-cols-process__item:nth-child(even) .action-btn:hover {
  background-color: #252525;
}
.sticky-cols-process__item:nth-child(even) .action-btn:hover span {
  color: #ffffff;
}
.sticky-cols-process__item:nth-child(even) .action-btn:hover svg path {
  fill: #ffffff;
}
.sticky-cols-process__item:nth-child(even) h2 {
  color: #ffffff;
}
.sticky-cols-process__item:nth-child(even) p {
  color: #ffffff;
}
@media (max-width: 1023px) {
  .sticky-cols-process__item {
    position: static;
    height: fit-content;
    border-radius: 0;
  }
}
.sticky-cols-process__content {
  max-width: 1220px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 48px 20px;
}
@media (max-width: 1023px) {
  .sticky-cols-process__content {
    flex-direction: column;
    gap: 60px;
    padding: 100px 32px;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .sticky-cols-process__content {
    padding: 60px 20px;
    gap: 32px;
  }
}
.sticky-cols-process__info {
  width: 100%;
}
@media (min-width: 1024px) {
  .sticky-cols-process__info {
    max-width: 640px;
  }
}
.sticky-cols-process__info > span {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #252525;
  border-radius: 5rem;
}
@media (max-width: 767px) {
  .sticky-cols-process__info > span {
    width: 64px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .sticky-cols-process__info a {
    width: 100%;
    height: 50px;
  }
}
.sticky-cols-process__info h2 {
  text-transform: uppercase;
  margin: 20px 0 20px;
  font-size: 26px;
  color: #252525;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .sticky-cols-process__info h2 {
    font-size: clamp(2rem, 6vw, 3.5rem);
    margin: 58px 0 20px;
  }
}
.sticky-cols-process__info p {
  font-weight: 300;
  color: #252525;
  line-height: 130%;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  margin-bottom: 58px;
}
@media (max-width: 767px) {
  .sticky-cols-process__info p {
    margin-bottom: 20px;
  }
}
.sticky-cols-process__info .action-btn {
  background-color: #ffffff;
  border: 1px solid #223FD5;
}
.sticky-cols-process__info .action-btn span {
  color: #223FD5;
}
.sticky-cols-process__info .action-btn svg path {
  fill: #223FD5;
}
.sticky-cols-process__info .action-btn:hover {
  background-color: #252525;
  border-color: #252525;
}
.sticky-cols-process__info .action-btn:hover span {
  color: #ffffff;
}
.sticky-cols-process__info .action-btn:hover svg path {
  fill: #ffffff;
}
.sticky-cols-process__img {
  max-width: 400px;
  width: 100%;
}
@media (max-width: 1023px) {
  .sticky-cols-process__img {
    max-width: 100%;
    margin-top: 30px;
    padding: 0 30px;
    display: none;
  }
}
.sticky-cols-process__img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.sticky-cols-process__popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(8, 33, 27, 0.2);
  backdrop-filter: blur(5px);
  z-index: 2400;
  opacity: 0;
  transition: 0.5s ease;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .sticky-cols-process__popup {
    backdrop-filter: none;
    background-color: none;
  }
}
.sticky-cols-process__popup .close-popup {
  z-index: 2500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(10px, -50%);
  width: 64px;
  height: 64px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.08);
  transition: 0.5s ease;
}
@media (max-width: 1023px) {
  .sticky-cols-process__popup .close-popup {
    left: 20%;
  }
}
@media (max-width: 767px) {
  .sticky-cols-process__popup .close-popup {
    right: 10px;
    top: 60px;
    left: auto;
    width: 74px;
    height: 74px;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
  }
}
.sticky-cols-process__popup .close-popup:hover::before, .sticky-cols-process__popup .close-popup:hover::after {
  scale: 1.2;
}
.sticky-cols-process__popup .close-popup:active::before, .sticky-cols-process__popup .close-popup:active::after {
  scale: 0.8;
}
.sticky-cols-process__popup .close-popup::before, .sticky-cols-process__popup .close-popup::after {
  transition: 0.3s ease;
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  background-color: #000000;
  transform-origin: center;
}
.sticky-cols-process__popup .close-popup::before {
  transform: rotate(-45deg) translateY(-1px) translateX(3px);
}
.sticky-cols-process__popup .close-popup::after {
  transform: rotate(45deg) translateY(1px) translateX(3px);
}
.sticky-cols-process__popup .popup {
  background-color: #ffffff;
  padding: 48px 64px;
  border-radius: 32px 0 0 32px;
  width: 50dvw;
  height: calc(100dvh - 16px);
  position: fixed;
  top: 50%;
  right: 0%;
  transform: translateY(-50%) translateX(50px);
  transition: 0.5s ease;
}
@media (max-width: 1023px) {
  .sticky-cols-process__popup .popup {
    width: 80dvw;
    padding: 48px 32px 48px 64px;
  }
}
@media (max-width: 767px) {
  .sticky-cols-process__popup .popup {
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    overflow-y: auto;
    top: 0;
    right: 0;
    transform: translateX(50px);
    border-radius: 0;
    padding: 32px 20px;
  }
}
.sticky-cols-process__popup .popup {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  scrollbar-width: 10px;
  scrollbar-color: #252525 transparent;
  scrollbar-gutter: stable;
}
.sticky-cols-process__popup .popup::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  background-color: transparent;
}
.sticky-cols-process__popup .popup::-webkit-scrollbar-thumb {
  background-color: #252525;
  border-radius: 10px;
}
.sticky-cols-process__popup .popup::-webkit-scrollbar-track {
  background: transparent;
}
.sticky-cols-process__popup .popup-title {
  margin-top: 40px;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-family: "Montserrat", cursive;
  text-transform: uppercase;
  font-weight: 400;
  color: #223FD5;
  line-height: 120%;
}
.sticky-cols-process__popup .popup-p {
  font-size: clamp(1rem, 3vw, 1.125rem);
  line-height: 130%;
  color: #252525;
}
.sticky-cols-process__popup .popup-questions {
  display: flex;
  gap: 20px;
  overflow-x: scroll;
  min-height: max-content;
  flex-shrink: 0;
  cursor: grab;
  user-select: none;
}
.sticky-cols-process__popup .popup-questions.active {
  cursor: grabbing;
}
@media (max-width: 767px) {
  .sticky-cols-process__popup .popup-questions {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    height: fit-content;
    overflow-x: visible;
  }
}
@media (min-width: 768px) {
  .sticky-cols-process__popup .popup-questions {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
  }
  .sticky-cols-process__popup .popup-questions::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari */
  }
}
.sticky-cols-process__popup .popup-questions__item {
  padding: 24px;
  display: flex;
  min-width: clamp(380px, 30vw, 420px);
  flex-direction: column;
  gap: 12px;
  border-radius: 12px;
  background-color: #ffffff;
  border: 1px solid #223FD5;
}
@media (max-width: 767px) {
  .sticky-cols-process__popup .popup-questions__item {
    min-width: 100%;
    width: 100%;
  }
}
.sticky-cols-process__popup .popup-questions__item span {
  font-family: "Open Sans", cursive;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: #252525;
  font-weight: 700;
  text-transform: uppercase;
}
.sticky-cols-process__popup .popup-questions__item p {
  font-size: clamp(1rem, 3vw, 1.125rem);
  line-height: 130%;
  color: #252525;
}
.sticky-cols-process__popup .popup-team {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.sticky-cols-process__popup .popup-team__item {
  padding: 12px 24px;
  background-color: #ffffff;
  font-family: "Open Sans", cursive;
  border-radius: 3rem;
  border: 1px solid #223FD5;
  font-size: clamp(1rem, 3vw, 1.125rem);
  color: #223FD5;
  text-transform: uppercase;
  font-weight: 800;
}
.sticky-cols-process__popup.active {
  opacity: 1;
  pointer-events: auto;
}
.sticky-cols-process__popup.active .popup {
  transform: translateY(-50%) translateX(0);
}
@media (max-width: 767px) {
  .sticky-cols-process__popup.active .popup {
    transform: translateX(0);
  }
}
.sticky-cols-process__popup.active .close-popup {
  transform: translate(-60%, -50%);
}

.hero-managed-service {
  background-color: #ffffff;
  padding: 200px 20px 100px;
  overflow: hidden;
  position: relative;
  height: 100dvh !important;
}
@media (max-width: 767px) {
  .hero-managed-service {
    padding: 150px 20px 40px;
    height: fit-content !important;
  }
}
.hero-managed-service__bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  animation: bg__ani 1.75s ease forwards;
}
@keyframes bg__ani {
  from {
    opacity: 0;
    transform: scale(110%);
  }
  to {
    opacity: 1;
    transform: scale(102%);
  }
}
.hero-managed-service__bg svg {
  height: 100% !important;
  width: 100%;
}
.hero-managed-service__bg svg g {
  height: 100% !important;
}
.hero-managed-service__container {
  max-width: 1220px;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .hero-managed-service__container {
    gap: 20px;
  }
}
.hero-managed-service__title {
  max-width: 800px;
  text-align: left;
  z-index: 1;
}
.hero-managed-service__title h1 {
  color: #252525;
  z-index: 2;
  font-size: clamp(4rem, 8vw, 9rem);
  text-transform: uppercase;
  opacity: 0;
  animation: hero-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-managed-service__title h1 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-managed-service__title h1 span {
  color: #223FD5;
}
.hero-managed-service__cta {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
  .hero-managed-service__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero-managed-service__cta p {
  opacity: 0;
  animation: hero-enter 1s ease 0.3s forwards;
}
@media (max-width: 1023px) {
  .hero-managed-service__cta p {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-managed-service__cta p {
  font-weight: 500;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 120%;
  z-index: 2;
  max-width: 500px;
}
.hero-managed-service__cta a {
  opacity: 0;
  animation: hero-reverse-enter 1s ease 0.4s forwards;
}
@media (max-width: 1023px) {
  .hero-managed-service__cta a {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 767px) {
  .hero-managed-service__cta a {
    width: 100%;
  }
}

.section-way {
  background-color: #ffffff;
  padding: 0 20px;
}
.section-way__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .section-way__container {
    padding: 80px 0;
  }
}
.section-way h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 56px;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #252525;
}
.section-way h2 span {
  color: #223FD5;
}
.section-way__cols {
  display: flex;
  gap: 32px;
  margin-bottom: 80px;
}
@media (max-width: 1023px) {
  .section-way__cols {
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .section-way__cols {
    margin-bottom: 20px;
    flex-direction: column;
  }
}
.section-way__item {
  padding: 10px;
  border-radius: 20px;
  height: 420px !important;
  flex: 1;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: 0.3s ease;
}
@media (max-width: 1023px) {
  .section-way__item {
    padding: 140px 16px 16px;
  }
}
@media (min-width: 1024px) {
  .section-way__item:hover .section-way__item-content {
    padding-bottom: 28px;
  }
  .section-way__item:hover .section-way__item-content p {
    max-height: 70px;
    opacity: 1;
  }
}
.section-way__item-content {
  background-color: #ffffff;
  color: #252525;
}
.section-way__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.section-way__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transform: translateZ(0);
}
.section-way__item-content {
  position: relative !important;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 24px 0;
  border-radius: 10px;
  z-index: 10;
  height: fit-content !important;
  transition: 0.3s ease;
}
@media (max-width: 1023px) {
  .section-way__item-content {
    padding: 24px;
  }
}
.section-way__item-content h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: #223FD5;
}
@media screen and (min-width: 1200px) {
  .section-way__item-content h3 {
    margin-bottom: 24px;
    font-size: clamp(1.5rem, 4vw, 1.75rem);
  }
}
.section-way__item-content p {
  font-size: clamp(1rem, 3vw, 1.125rem);
  line-height: 120%;
  max-height: 0;
  overflow: hidden;
  font-weight: 500;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
@media (max-width: 1023px) {
  .section-way__item-content p {
    max-height: 100%;
    opacity: 1;
  }
}
.section-way .horizontal-scroll {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .section-way .horizontal-scroll {
    padding: 16px 0;
  }
}
.section-way .horizontal-scroll__container {
  overflow: hidden;
  width: 100%;
}
.section-way .horizontal-scroll__inner {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  width: max-content;
}
.section-way .horizontal-scroll__item {
  height: 100px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(3rem, 6vw, 4.75rem);
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #252525;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 1023px) {
  .section-way .horizontal-scroll__item {
    height: 70px;
  }
}
@media (max-width: 767px) {
  .section-way .horizontal-scroll__item {
    height: 50px;
    font-size: 2rem;
  }
}
.section-way .horizontal-scroll__item::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 16px;
  margin-right: 16px;
  background: #223FD5;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .section-way .horizontal-scroll__item::after {
    width: 8px;
    height: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.section-way .horizontal-scroll .horizontal-scroll__container {
  -webkit-mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
  mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
}

.extra-services {
  margin-top: -40px;
  border-radius: 40px 40px 0 0;
  background-color: #ffffff;
  padding: 0 20px;
}
.extra-services__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .extra-services__container {
    padding: 80px 0;
  }
}
@media (min-width: 1024px) {
  .extra-services__container {
    padding: 120px 0;
  }
}
.extra-services h2 {
  text-transform: uppercase;
  margin: 0 auto 56px;
  font-size: 28px;
  text-align: center !important;
  color: #252525;
}
.extra-services h2 span {
  color: #223FD5;
}
@media screen and (min-width: 768px) {
  .extra-services h2 {
    font-size: clamp(2rem, 6vw, 4rem) !important;
  }
}
.extra-services__content {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 1023px) {
  .extra-services__content {
    flex-direction: column;
    gap: 30px;
  }
}
.extra-services__bricks, .extra-services__team {
  max-width: 500px;
  z-index: 1;
  width: 100%;
}
.extra-services__bricks {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  height: fit-content;
}
@media (max-width: 1023px) {
  .extra-services__bricks {
    justify-content: center;
  }
}
.extra-services__bricks-brick {
  display: flex;
  align-items: center;
  padding: 3px;
  border-radius: 9px;
  height: 46px;
  color: #ffffff;
  background-color: #223FD5;
  box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.04);
}
.extra-services__bricks-brick .brick-image {
  width: 40px;
  height: 40px;
  border-radius: 7px;
  overflow: hidden;
  flex-shrink: 0;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.extra-services__bricks-brick .brick-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.extra-services__bricks-brick span {
  padding: 0px 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
}
.extra-services__team {
  position: relative;
  height: 410px;
}
@media (max-width: 1023px) {
  .extra-services__team {
    display: none;
  }
}
.extra-services__team-item {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
@media (max-width: 1023px) {
  .extra-services__team-item {
    position: static !important;
    transform: none !important;
    left: none !important;
    top: none !important;
    right: none !important;
    bottom: none !important;
  }
  .extra-services__team-item .item-image {
    width: 90px !important;
    height: 90px !important;
  }
}
.extra-services__team-item.-team-pos-1 {
  top: 0;
  right: 0;
}
.extra-services__team-item.-team-pos-1 .item-image {
  width: clamp(90px, 8vw, 95px);
  height: clamp(90px, 8vw, 95px);
}
.extra-services__team-item.-team-pos-2 {
  bottom: 0;
  right: 0;
}
.extra-services__team-item.-team-pos-2 .item-image {
  width: clamp(90px, 8vw, 95px);
  height: clamp(90px, 8vw, 95px);
}
.extra-services__team-item.-team-pos-3 {
  top: 5%;
  right: 38%;
}
.extra-services__team-item.-team-pos-3 .item-image {
  width: clamp(70px, 8vw, 75px);
  height: clamp(70px, 8vw, 75px);
}
.extra-services__team-item.-team-pos-4 {
  bottom: 5%;
  right: 38%;
}
.extra-services__team-item.-team-pos-4 .item-image {
  width: clamp(70px, 8vw, 75px);
  height: clamp(70px, 8vw, 75px);
}
.extra-services__team-item.-team-pos-5 {
  top: 15%;
  right: 65%;
}
.extra-services__team-item.-team-pos-5 .item-image {
  width: clamp(70px, 8vw, 75px);
  height: clamp(70px, 8vw, 75px);
}
.extra-services__team-item.-team-pos-6 {
  bottom: 15%;
  right: 66%;
}
.extra-services__team-item.-team-pos-6 .item-image {
  width: clamp(70px, 8vw, 75px);
  height: clamp(70px, 8vw, 75px);
}
.extra-services__team-item.-team-pos-7 {
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.extra-services__team-item.-team-pos-7 .item-image {
  width: clamp(100px, 8vw, 110px);
  height: clamp(100px, 8vw, 110px);
}
.extra-services__team-item.-team-pos-8 {
  top: 50%;
  right: 40%;
  transform: translateY(-50%);
}
.extra-services__team-item.-team-pos-8 .item-image {
  width: clamp(90px, 8vw, 95px);
  height: clamp(90px, 8vw, 95px);
}
.extra-services__team-item.-team-pos-9 {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(100%);
}
.extra-services__team-item.-team-pos-9 .item-image {
  width: clamp(65px, 8vw, 70px);
  height: clamp(65px, 8vw, 70px);
}
.extra-services__team-item.-team-pos-1 span {
  background-color: #8cfeba;
}
.extra-services__team-item.-team-pos-2 span {
  background-color: #c0e2fe;
}
.extra-services__team-item.-team-pos-3 span {
  background-color: #292323;
  color: #eca4e0;
}
.extra-services__team-item.-team-pos-4 span {
  background-color: #eee2ca;
}
.extra-services__team-item.-team-pos-5 span {
  background-color: #0f2c29;
  color: #d0ff5b;
}
.extra-services__team-item.-team-pos-6 span {
  background-color: #292323;
  color: #eca4e0;
}
.extra-services__team-item.-team-pos-7 span {
  background-color: #c3e878;
}
.extra-services__team-item.-team-pos-8 span {
  background-color: #ffbf00;
}
.extra-services__team-item.-team-pos-9 span {
  background-color: #e7ecd6;
}
.extra-services__team-item .item-image {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
}
.extra-services__team-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.extra-services__team-item span {
  display: block;
  background-color: #000;
  width: fit-content;
  margin-top: -20px;
  padding: 10px 8px;
  font-size: 14px;
  border-radius: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}

.section-tools {
  background-color: #223FD5;
  padding: 0 20px;
  overflow: hidden;
}
.section-tools__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 767px) {
  .section-tools__container {
    gap: 30px;
    padding: 80px 0;
  }
}
.section-tools h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #ffffff;
  max-width: 800px;
}
.section-tools .horizontal-scroll {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .section-tools .horizontal-scroll {
    padding: 16px 0;
  }
}
.section-tools .horizontal-scroll__container {
  overflow: hidden;
  width: 100%;
}
.section-tools .horizontal-scroll__inner {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  width: max-content;
  gap: 16px;
}
@media (max-width: 767px) {
  .section-tools .horizontal-scroll__inner {
    gap: 10px;
  }
}
.section-tools .horizontal-scroll__item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1rem, 4vw, 1.5rem);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #ffffff;
  padding: 16px 32px;
  text-transform: uppercase;
  background-color: #252525;
  border-radius: 3rem;
}
@media (max-width: 767px) {
  .section-tools .horizontal-scroll__item {
    padding: 12px 20px;
  }
}
.section-tools .horizontal-scroll .horizontal-scroll__container {
  -webkit-mask: linear-gradient(90deg, transparent, #223FD5 20%, #223FD5 80%, transparent);
  mask: linear-gradient(90deg, transparent, #223FD5 20%, #223FD5 80%, transparent);
}
.section-tools svg {
  transform: scale(110%);
}

.section-alt {
  background-color: #ffffff;
  padding: 0 20px;
}
.section-alt__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .section-alt__container {
    padding: 40px 0;
  }
}
.section-alt__container > span {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  color: #223FD5;
  text-transform: uppercase;
  display: block;
  margin-bottom: 24px;
  text-align: center;
  font-weight: 400;
}
.section-alt__container h2 {
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 40px;
  font-size: clamp(2rem, 6vw, 4rem);
  color: #252525;
  max-width: 700px;
}
.section-alt__container h2 span {
  color: #223FD5;
}

.section-brands {
  background-color: #ffffff;
  padding: 0 20px;
}
.section-brands__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .section-brands__container {
    padding: 40px 0;
  }
}
.section-brands__container > span {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  color: #223FD5;
  text-transform: uppercase;
  display: block;
  margin-bottom: 24px;
  text-align: center;
  font-weight: 400;
}
.section-brands__container h2 {
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 70px;
  font-size: clamp(2rem, 6vw, 4rem);
  color: #252525;
  max-width: 800px;
}
@media (max-width: 767px) {
  .section-brands__container h2 {
    margin-bottom: 40px;
  }
}
.section-brands__container h2 span {
  color: #223FD5;
}
.section-brands__cols {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .section-brands__cols {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
}
.section-brands__cols-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .section-brands__cols-item {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .section-brands__cols-item {
    align-items: center;
    text-align: center;
  }
}
.section-brands__cols-item .item-img {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
  background-color: #ffffff;
  border: 1px solid #223FD5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .section-brands__cols-item .item-img {
    margin-bottom: 8px;
    width: 40px;
    height: 40px;
  }
  .section-brands__cols-item .item-img svg {
    width: 24px;
    height: 24px;
  }
}
.section-brands__cols-item > span {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  color: #223FD5;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  font-weight: 400;
}
.section-brands__cols-item h3 {
  font-weight: 700;
  color: #252525;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  margin-bottom: 10px;
}
.section-brands__cols-item p {
  color: #252525;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 300;
}

.faq-service-section {
  background-color: #ffffff;
  padding: 0 20px;
}
.faq-service-section__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .faq-service-section__container {
    padding: 40px 0 80px;
  }
}
.faq-service-section h2 {
  text-transform: uppercase;
  margin: 0 auto 56px;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #252525;
}
@media (max-width: 767px) {
  .faq-service-section h2 {
    margin-bottom: 36px;
  }
}
.faq-service-section__cols {
  display: flex;
  gap: clamp(40px, 4vw, 60px);
}
@media (max-width: 767px) {
  .faq-service-section__cols {
    gap: 0px;
    flex-direction: column;
  }
}
.faq-service-section__cols-first, .faq-service-section__cols-second {
  flex: 1;
}

.section-pricing {
  background-color: #fcfcfc;
  padding: 0 20px;
}
.section-pricing__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0 60px;
}
@media (max-width: 767px) {
  .section-pricing__container {
    padding: 80px 0 40px;
  }
}
.section-pricing__container h2 {
  text-transform: uppercase;
  margin: 0 auto 20px;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #111111;
  text-align: center;
}
@media (max-width: 767px) {
  .section-pricing__container h2 {
    margin-bottom: 36px;
  }
}
.section-pricing__container > p {
  text-align: center;
  margin: 0 auto;
  font-size: clamp(1rem, 4vw, 1.25rem);
  line-height: 140%;
  font-weight: 500;
  color: #143e34;
}
.section-pricing__tabs {
  max-width: 900px;
  margin: 80px auto;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .section-pricing__tabs {
    flex-direction: column;
    gap: 20px;
  }
}
.section-pricing__tabs .tabs-text {
  flex-shrink: 0;
  color: #00833d;
  font-family: "Open Sans", sans-serif;
  line-height: 18px;
  align-self: flex-start;
  margin-top: -25px;
  margin-right: 6px;
  font-size: 1.25rem;
  transform: rotate(-2deg);
}
@media (max-width: 767px) {
  .section-pricing__tabs .tabs-text {
    margin-top: -40px;
    font-size: 1.5rem;
  }
}
.section-pricing__tabs svg {
  margin-top: -9px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .section-pricing__tabs svg {
    display: none;
  }
}
.section-pricing__tabs-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  counter-reset: step;
}
.section-pricing__tabs-wrapper .tab-dot {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  background-color: #c1c1c1;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: relative;
  cursor: pointer;
  counter-increment: step;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
@media (max-width: 767px) {
  .section-pricing__tabs-wrapper .tab-dot {
    width: 24px;
    height: 24px;
  }
}
.section-pricing__tabs-wrapper .tab-dot:hover {
  filter: brightness(110%);
}
.section-pricing__tabs-wrapper .tab-dot.active {
  background-color: #00833d;
  transform: scale(120%);
}
.section-pricing__tabs-wrapper .tab-dot.active::after {
  color: #00833d;
}
.section-pricing__tabs-wrapper .tab-dot::after {
  content: counter(step);
  position: absolute;
  top: 24px;
  transition: 0.3s ease;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.125rem;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  color: #2c3638;
}
.section-pricing__tabs-wrapper .tab-dot:last-of-type::after {
  content: "More";
}
.section-pricing__tabs-wrapper .tab-line {
  width: 100%;
  height: 2.5px;
  background-color: #c1c1c1;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
.section-pricing__tabs-wrapper .tab-line.active {
  background-color: #00833d;
}
.section-pricing__content {
  background-color: #fffae3;
  border-radius: 12px;
  padding: 70px 60px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .section-pricing__content {
    padding: 40px 20px;
  }
}
.section-pricing__content h3 {
  color: #141414;
  font-size: clamp(1.75rem, 4vw, 3rem);
  text-transform: uppercase;
  margin-bottom: 16px;
}
.section-pricing__content > p {
  font-size: clamp(1rem, 4vw, 1.25rem);
  line-height: 120%;
  color: #141414;
  max-width: 700px;
  padding-bottom: 50px !important;
  margin: none !important;
}
.section-pricing__content-wrapper {
  display: flex;
  gap: 40px;
  width: 100%;
}
@media (max-width: 767px) {
  .section-pricing__content-wrapper {
    flex-wrap: wrap-reverse;
    gap: 12px;
  }
}
.section-pricing__content-wrapper ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1023px) {
  .section-pricing__content-wrapper ul {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .section-pricing__content-wrapper ul {
    width: 43%;
  }
}
@media (max-width: 425px) {
  .section-pricing__content-wrapper ul {
    width: 100%;
  }
}
.section-pricing__content-wrapper ul li {
  font-size: clamp(0.875rem, 2vw, 1.25rem);
  line-height: 120%;
  font-weight: 500;
  color: #143e34;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.section-pricing__content-wrapper ul li svg {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}
.section-pricing__content-price {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .section-pricing__content-price {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .section-pricing__content-price {
    padding-bottom: 40px !important;
  }
}
.section-pricing__content-price h3 {
  font-size: clamp(3rem, 7vw, 4.5rem);
  font-weight: 900;
  color: #00833d;
  text-transform: uppercase;
  text-align: center;
}
.section-pricing__content-price a {
  padding: 4px 20px;
}
.section-pricing__content-price span {
  color: #898989;
  text-align: center;
  font-size: 0.875rem;
}
.section-pricing__accordion {
  margin-top: 24px;
  border: none !important;
  border-radius: 12px;
}
.section-pricing__accordion .accordion-title {
  border-radius: 12px;
  background-color: #f8f8f8;
  color: #222222;
  font-size: 20px;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 24px 60px !important;
  justify-content: flex-start !important;
  gap: 16px;
}
@media (max-width: 1023px) {
  .section-pricing__accordion .accordion-title {
    padding: 20px 20px !important;
  }
}
.section-pricing__accordion .accordion-title-chevron {
  transition: 0.3s ease;
}
.section-pricing__accordion.open .accordion-title {
  border-radius: 12px 12px 0 0;
}
.section-pricing__accordion.open .accordion-title-chevron {
  transform: rotate(180deg);
}
.section-pricing__accordion .accordion-content {
  transform: none !important;
  border-radius: 0;
  padding: 60px !important;
  transition: 0.3s ease;
  background-color: #f8f8f8 !important;
}
@media (max-width: 1023px) {
  .section-pricing__accordion .accordion-content {
    padding: 40px 20px !important;
  }
  .section-pricing__accordion .accordion-content .section-pricing__content-wrapper {
    flex-wrap: wrap !important;
  }
  .section-pricing__accordion .accordion-content .section-pricing__content-wrapper .section-pricing__content-price {
    margin-top: 20px !important;
    padding-bottom: 0 !important;
  }
}

.section-extras {
  background-color: #f8f8f8;
  padding: 0 20px;
}
.section-extras__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 0;
}
@media (max-width: 767px) {
  .section-extras__container {
    padding: 70px 0;
  }
}
.section-extras h2 {
  text-transform: uppercase;
  margin: 0 auto 56px;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #111111;
  text-align: center !important;
}
@media (max-width: 767px) {
  .section-extras h2 {
    margin: 0 auto 26px;
  }
}
.section-extras__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-extras__note {
  text-align: right;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: #939393;
  margin-bottom: -8px;
  padding-right: 16px;
}
.section-extras__item {
  display: flex;
  align-items: center;
  padding: 32px 40px;
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  gap: 24px;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .section-extras__item {
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.section-extras__item-img {
  align-self: flex-start;
  flex-shrink: 0;
}
.section-extras__item-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.section-extras__item-block h3 {
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  text-transform: uppercase;
  color: #141414;
  line-height: 1.2;
}
.section-extras__item-block p {
  font-size: 1.25rem;
  line-height: 120%;
  color: #141414;
  font-weight: 300;
}
.section-extras__item-price {
  margin-left: auto;
  font-family: "Open Sans", sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: bold;
  color: #00833d;
}
@media (max-width: 767px) {
  .section-extras__item-price {
    margin-left: 0;
    margin-top: 16px;
    font-size: 2.75rem;
  }
}
.section-extras__item-btn {
  user-select: none;
  padding: 0 32px !important;
}
@media (max-width: 767px) {
  .section-extras__item-btn {
    padding: 0 20px !important;
    width: 100%;
    height: 50px !important;
  }
}
.section-extras__item-btn.-added {
  border-color: #252525;
}
.section-extras__item-btn.-added::after {
  transform: translateX(0);
}

.contact-page {
  background-color: #ffffff;
  animation: contact-bg-ani 1.5s ease 0.1s forwards;
}

.hero-contact {
  padding: 200px 20px 70px;
  overflow: hidden;
}
.hero-contact__container {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}
.hero-contact h1 {
  z-index: 1;
  font-size: 38px;
  text-transform: uppercase;
  opacity: 0;
  animation: hero-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-contact h1 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-contact h1 {
  color: #252525;
}
@media screen and (min-width: 768px) {
  .hero-contact h1 {
    font-size: clamp(4rem, 10vw, 7.5rem);
  }
}
.hero-contact h1 span {
  color: #223FD5;
}
.hero-contact .horizontal-scroll {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 0 0;
  opacity: 0;
  animation: hero-enter 1s ease 0.3s forwards;
}
@media (max-width: 1023px) {
  .hero-contact .horizontal-scroll {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 767px) {
  .hero-contact .horizontal-scroll {
    padding: 30px 0 0;
  }
}
.hero-contact .horizontal-scroll__container {
  overflow: hidden;
  width: 100%;
}
.hero-contact .horizontal-scroll__inner {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  width: max-content;
  gap: 26px;
  align-items: center;
}
@media (max-width: 767px) {
  .hero-contact .horizontal-scroll__inner {
    gap: 10px;
  }
}
.hero-contact .horizontal-scroll__item {
  height: 100px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(3rem, 6vw, 4.75rem);
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #252525;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 1023px) {
  .hero-contact .horizontal-scroll__item {
    height: 70px;
  }
}
@media (max-width: 767px) {
  .hero-contact .horizontal-scroll__item {
    height: 50px;
    font-size: 2rem;
  }
}
.hero-contact .horizontal-scroll svg {
  display: block;
  width: 80px;
  height: 80px;
}
@media (max-width: 1023px) {
  .hero-contact .horizontal-scroll svg {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .hero-contact .horizontal-scroll svg {
    width: 30px;
    height: 30px;
  }
}
.hero-contact .horizontal-scroll .horizontal-scroll__container {
  -webkit-mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
  mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
}

#site-main .section-contact-form .gform_wrapper.gform_validation_error {
  padding-top: 20px;
}
#site-main .section-contact-form .gform_validation_errors {
  outline: none;
  margin: 0 0 24px;
  padding: 16px;
}
#site-main .section-contact-form .gform_validation_errors .gform_submission_error {
  gap: 2px;
}
@media screen and (min-width: 768px) {
  #site-main .section-contact-form .gform_validation_errors .gform_submission_error {
    gap: 12px;
  }
}
#site-main .section-contact-form .gform_confirmation_message {
  font-weight: 900;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #252525;
}
@media screen and (min-width: 768px) {
  #site-main .section-contact-form .gform_confirmation_message {
    font-size: 22px;
  }
}
#site-main .section-contact-form .gform_fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  #site-main .section-contact-form .gform_fields {
    gap: 32px;
  }
}
#site-main .section-contact-form .gform-field-label {
  font-weight: 900;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #252525;
}
@media screen and (min-width: 768px) {
  #site-main .section-contact-form .gform-field-label {
    font-size: 22px;
  }
}
#site-main .section-contact-form .gfield_required_text {
  display: none;
}
#site-main .section-contact-form .gfield--type-text input,
#site-main .section-contact-form .gfield--type-email input {
  font-weight: 900;
  font-size: 24px;
  line-height: 120%;
  text-transform: uppercase;
  border: none;
  border-bottom: 1px solid #223FD5;
  box-shadow: none;
  border-radius: 0;
  padding: 8px 0;
  height: auto;
  outline: none;
  color: #252525;
}
#site-main .section-contact-form .gfield--type-text input::placeholder,
#site-main .section-contact-form .gfield--type-email input::placeholder {
  color: #d9d9d9;
}
@media screen and (min-width: 768px) {
  #site-main .section-contact-form .gfield--type-text input,
  #site-main .section-contact-form .gfield--type-email input {
    font-size: 28px;
    padding: 12px 0;
  }
}
#site-main .section-contact-form .gform-theme-button {
  border-radius: 3rem;
  text-transform: uppercase;
  font-weight: 900;
  background: #223FD5;
  outline: none;
}
#site-main .section-contact-form .gform_drop_instructions,
#site-main .section-contact-form .gform_fileupload_rules {
  color: #252525;
  font-weight: 500;
}
#site-main .section-contact-form .gform_delete_file .dashicons::before {
  color: #fff;
}
#site-main .section-contact-form .gform_drop_area {
  border-color: #223FD5;
}
#site-main .section-contact-form .gform_drop_area::before {
  color: #223FD5;
}
#site-main .section-contact-form .gfield--type-choice .gfield_radio,
#site-main .section-contact-form .gfield--type-choice .gfield_checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  #site-main .section-contact-form .gfield--type-choice .gfield_radio,
  #site-main .section-contact-form .gfield--type-choice .gfield_checkbox {
    gap: 6px;
  }
}
#site-main .section-contact-form .gchoice input[type=radio],
#site-main .section-contact-form .gchoice input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#site-main .section-contact-form .gchoice input[type=radio]:checked + label,
#site-main .section-contact-form .gchoice input[type=checkbox]:checked + label {
  background-color: #252525;
  border-color: #252525;
  color: #fff;
}
#site-main .section-contact-form .gchoice label {
  margin: 0;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid #223FD5;
  border-radius: 3rem;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #fff;
  transition: all 0.25s ease;
  color: #223FD5;
  font-weight: 500;
  font-size: 16px;
}
#site-main .section-contact-form .gchoice label:hover {
  border-color: #252525;
  background: #252525;
  color: #ffffff;
}
#site-main .section-contact-form .gform-footer {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  #site-main .section-contact-form .gform-footer {
    margin-top: 42px;
  }
}
#site-main .section-contact-form .gform-footer .gform_button {
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
  width: fit-content;
  background-color: #223FD5;
  padding: 15px 32px;
  cursor: pointer;
  font-weight: 900;
  letter-spacing: 5%;
  font-size: 20px;
}
@media (min-width: 768px) {
  #site-main .section-contact-form .gform-footer .gform_button {
    font-size: 22px;
    padding: 15px 48px;
  }
}

.section-contact-form {
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.4s forwards;
}
@media (max-width: 1023px) {
  .section-contact-form {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.section-contact-form {
  padding: 0 20px 60px;
}
@media (max-width: 767px) {
  .section-contact-form {
    padding: 0 0 60px;
  }
}
.section-contact-form__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 70px 100px;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .section-contact-form__container {
    padding: 40px 32px;
  }
}
.section-contact-form .form {
  display: flex;
  flex-direction: column;
}
.section-contact-form .form label,
.section-contact-form .form input {
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: clamp(1.5rem, 5vw, 3.125rem);
  line-height: 120%;
  text-transform: uppercase;
}
.section-contact-form .form label {
  color: #252525;
  flex-shrink: 0;
}
.section-contact-form .form input {
  width: 100%;
}
.section-contact-form .form input::placeholder {
  color: #d9d9d9;
}
.section-contact-form .form input:focus {
  color: #252525 !important;
}
.section-contact-form .form input:not(:placeholder-shown) {
  color: #252525 !important;
}
.section-contact-form .form input:autofill {
  -webkit-text-fill-color: #252525 !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
.section-contact-form .form-row {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  align-items: center;
  border-bottom: 1px solid #223FD5;
}
@media (max-width: 767px) {
  .section-contact-form .form-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}
.section-contact-form .form-col {
  display: flex;
  flex-direction: column;
  padding: 40px 0;
  gap: 20px;
  border-bottom: 1px solid #223FD5;
}
@media (max-width: 767px) {
  .section-contact-form .form-col {
    padding: 28px 0;
    gap: 16px;
  }
}
.section-contact-form .form-col-options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .section-contact-form .form-col-options {
    gap: 6px;
  }
}
.section-contact-form .form-col-options input[type=text] {
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: clamp(1.5rem, 5vw, 3.125rem);
  line-height: 120%;
  text-transform: uppercase;
}
.section-contact-form .form-col-options input[type=text]::placeholder {
  color: #d9d9d9;
}
.section-contact-form .form-col-options input[type=text]:focus {
  color: #252525 !important;
}
.section-contact-form .form-col-options input[type=text]:not(:placeholder-shown) {
  color: #252525 !important;
}
.section-contact-form .form-col-options input[type=radio],
.section-contact-form .form-col-options input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section-contact-form .form-col-options .button-like {
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  border: 1px solid #223FD5;
  border-radius: 3rem;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #fff;
  transition: all 0.25s ease;
  color: #223FD5;
  font-weight: 400;
  font-size: clamp(1.125rem, 4vw, 1.5rem);
}
@media (max-width: 767px) {
  .section-contact-form .form-col-options .button-like {
    font-weight: 500;
    padding: 8px 16px;
    font-size: clamp(1rem, 4vw, 1.25rem);
  }
}
.section-contact-form .form-col-options .button-like:hover {
  border-color: #252525;
  background: #252525;
  color: #ffffff;
}
.section-contact-form .form-col-options input[type=radio]:checked + .button-like,
.section-contact-form .form-col-options input[type=checkbox]:checked + .button-like {
  background-color: #252525;
  border-color: #252525;
  color: #fff;
}
.section-contact-form .form .hero-btn {
  margin-top: 60px;
  align-self: center;
  width: fit-content;
  background-color: #223FD5;
  border-color: #223FD5;
}
@media (max-width: 767px) {
  .section-contact-form .form .hero-btn {
    margin-top: 40px;
    width: 100%;
  }
}
.section-contact-form .form .hero-btn span {
  color: #ffffff;
}
.section-contact-form .form .hero-btn svg {
  z-index: 2;
}
.section-contact-form .form .hero-btn svg path {
  fill: #ffffff;
}
.section-contact-form .form .hero-btn::after {
  background-color: #ffffff;
  border-color: #ffffff;
}
.section-contact-form .form .result {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  margin-top: 30px;
  font-size: clamp(1.5rem, 5vw, 3.125rem);
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
.section-contact-form .form .result.success {
  color: #223FD5;
}
.section-contact-form .form .result.error {
  color: #252525;
}

.contact-address {
  padding: 0 20px 100px;
}
.contact-address__container {
  max-width: 1400px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #223FD5;
  border-radius: 32px;
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .contact-address__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .contact-address__container {
    padding: 48px;
  }
}
.contact-address h2 {
  color: #223FD5;
  font-weight: 900;
  font-size: clamp(2rem, 5vw, 2.5rem);
  text-transform: uppercase;
  margin-right: 80px;
}
.contact-address__title {
  font-family: "Open Sans";
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #252525;
  margin-bottom: 16px;
}
.contact-address__col {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: #252525;
  text-decoration: none;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .contact-address__col {
    font-size: 18px;
  }
}
@media screen and (min-width: 1024px) {
  .contact-address__col {
    font-size: 20px;
  }
}
.contact-address__col a {
  transition: 0.3s ease;
}
.contact-address__col a:hover:not(address) {
  color: #bef92a;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contact-address__col-1 {
    grid-area: 1/1/2/3;
  }
  .contact-address__col-2 {
    grid-area: 2/1/3/3;
  }
  .contact-address__col-3 {
    grid-area: 3/1/4/2;
  }
  .contact-address__col-4 {
    grid-area: 3/2/4/3;
  }
}

.contact-socials {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.contact-socials:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 480px) {
  .contact-socials {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
}

.contact-socials-icons {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.contact-socials-icons a {
  display: inline-flex;
}
.contact-socials-icons a:hover path {
  fill: #bef92a;
}
.contact-socials-icons svg {
  width: auto;
  height: 24px;
}
.contact-socials-icons path {
  transition: 0.3s ease;
}

.hero-pricing {
  padding: 190px 0 150px;
  background-image: url("/wp-content/themes/aussie/assets/img/bg.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  height: 100vh;
}
@media (max-width: 767px) {
  .hero-pricing {
    padding: 120px 0 80px;
    height: fit-content !important;
  }
}
.hero-pricing__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  filter: brightness(90%);
  animation: main-bg-ani-about 1.5s ease 0s forwards;
}
@keyframes main-bg-ani-about {
  from {
    opacity: 0;
    transform: scale(105%);
  }
  to {
    opacity: 1;
    transform: scale(100%);
  }
}
@media (max-width: 767px) {
  .hero-pricing__bg {
    display: none;
  }
}
.hero-pricing__container {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  padding: 0 20px;
  height: 100%;
  gap: 32px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hero-pricing__container__pretitle {
  color: #223FD5;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  text-transform: uppercase;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-pricing__container__pretitle {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-pricing__container h1 {
  z-index: 2;
  font-size: clamp(3rem, 7vw, 6.5rem);
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.3s forwards;
}
@media (max-width: 1023px) {
  .hero-pricing__container h1 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-pricing__container h1 {
  line-height: 100%;
}
@media (max-width: 767px) {
  .hero-pricing__container h1 {
    font-size: 2rem;
  }
}
.hero-pricing__container h1 span {
  color: #223FD5;
}
.hero-pricing__container__text {
  color: #252525;
  letter-spacing: 1px;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.4s forwards;
}
@media (max-width: 1023px) {
  .hero-pricing__container__text {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-pricing__container a {
  z-index: 2;
  opacity: 0;
  transform-origin: center;
  animation: hero-about-enter 1s ease 0.5s forwards;
}
@media (max-width: 1023px) {
  .hero-pricing__container a {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.section-pricing {
  background-color: #ffffff;
  padding: 0 20px;
}
.section-pricing__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0 60px;
}
@media (max-width: 767px) {
  .section-pricing__container {
    padding: 80px 0 40px;
  }
}
.section-pricing__container h2 {
  text-transform: uppercase;
  margin: 0 auto 20px;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #252525;
  text-align: center;
}
@media (max-width: 767px) {
  .section-pricing__container h2 {
    margin-bottom: 36px;
  }
}
.section-pricing__container > p {
  text-align: center;
  margin: 0 auto;
  font-size: clamp(1rem, 4vw, 1.25rem);
  line-height: 140%;
  font-weight: 500;
  color: #252525;
}
.section-pricing__tabs {
  max-width: 900px;
  margin: 80px auto;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .section-pricing__tabs {
    flex-direction: column;
    gap: 20px;
  }
}
.section-pricing__tabs .tabs-text {
  flex-shrink: 0;
  color: #223FD5;
  font-family: "Open Sans", sans-serif;
  line-height: 18px;
  align-self: flex-start;
  margin-top: -25px;
  margin-right: 6px;
  font-size: 1.25rem;
  transform: rotate(-2deg);
}
@media (max-width: 767px) {
  .section-pricing__tabs .tabs-text {
    margin-top: -40px;
    font-size: 1.5rem;
  }
}
.section-pricing__tabs svg {
  margin-top: -9px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .section-pricing__tabs svg {
    display: none;
  }
}
.section-pricing__tabs-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  counter-reset: step;
}
.section-pricing__tabs-wrapper .tab-dot {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  background-color: #252525;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: relative;
  cursor: pointer;
  counter-increment: step;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
@media (max-width: 767px) {
  .section-pricing__tabs-wrapper .tab-dot {
    width: 24px;
    height: 24px;
  }
}
.section-pricing__tabs-wrapper .tab-dot:hover {
  filter: brightness(110%);
}
.section-pricing__tabs-wrapper .tab-dot.active {
  background-color: #223FD5;
  transform: scale(120%);
}
.section-pricing__tabs-wrapper .tab-dot.active::after {
  color: #223FD5;
}
.section-pricing__tabs-wrapper .tab-dot::after {
  content: counter(step);
  position: absolute;
  top: 24px;
  transition: 0.3s ease;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.125rem;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  color: #252525;
}
.section-pricing__tabs-wrapper .tab-dot:last-of-type::after {
  content: "More";
}
.section-pricing__tabs-wrapper .tab-line {
  width: 100%;
  height: 2.5px;
  background-color: #252525;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
.section-pricing__tabs-wrapper .tab-line.active {
  background-color: #223FD5;
}
.section-pricing__content {
  background-color: #ffffff;
  border: 1px solid #223FD5;
  border-radius: 12px;
  padding: 70px 60px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .section-pricing__content {
    padding: 40px 20px;
  }
}
.section-pricing__content > h3 {
  color: #223FD5;
  font-size: clamp(1.75rem, 4vw, 3rem);
  text-transform: uppercase;
  margin-bottom: 16px;
}
.section-pricing__content > p {
  font-size: clamp(1rem, 4vw, 1.25rem);
  line-height: 120%;
  color: #252525;
  max-width: 700px;
  padding-bottom: 50px !important;
  margin: none !important;
}
.section-pricing__content-wrapper {
  display: flex;
  gap: 40px;
  width: 100%;
}
@media (max-width: 767px) {
  .section-pricing__content-wrapper {
    flex-wrap: wrap-reverse;
    gap: 12px;
  }
}
.section-pricing__content-wrapper ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1023px) {
  .section-pricing__content-wrapper ul {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .section-pricing__content-wrapper ul {
    width: 43%;
  }
}
@media (max-width: 425px) {
  .section-pricing__content-wrapper ul {
    width: 100%;
  }
}
.section-pricing__content-wrapper ul li {
  font-size: clamp(0.875rem, 2vw, 1.25rem);
  line-height: 120%;
  font-weight: 500;
  color: #252525;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.section-pricing__content-wrapper ul li svg {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}
.section-pricing__content-price {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .section-pricing__content-price {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .section-pricing__content-price {
    padding-bottom: 40px !important;
  }
}
.section-pricing__content-price h3 {
  font-size: 54px;
  font-weight: 900;
  color: #223FD5;
  text-transform: uppercase;
  text-align: center;
}
.section-pricing__content-price a {
  padding: 4px 20px;
}
.section-pricing__content-price span {
  color: #252525;
  text-align: center;
  font-size: 0.875rem;
}
.section-pricing__content-inner {
  padding: 60px;
}
@media (max-width: 1023px) {
  .section-pricing__content-inner {
    padding: 40px 20px !important;
  }
}
.section-pricing__accordion {
  margin-top: 24px;
  border: none !important;
  border-radius: 12px;
}
.section-pricing__accordion .accordion-title {
  border-radius: 12px;
  background-color: #ffffff;
  border: 1px solid #223FD5;
  color: #252525;
  font-size: 20px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 24px 60px !important;
  justify-content: flex-start !important;
  gap: 16px;
}
@media (max-width: 1023px) {
  .section-pricing__accordion .accordion-title {
    padding: 20px 20px !important;
  }
}
.section-pricing__accordion .accordion-title:hover {
  color: #223FD5 !important;
}
.section-pricing__accordion .accordion-title:hover svg path {
  stroke: #223FD5;
}
.section-pricing__accordion .accordion-title-chevron {
  transition: 0.3s ease;
}
.section-pricing__accordion.open .accordion-title {
  border-radius: 12px 12px 0 0;
}
.section-pricing__accordion.open .accordion-title-chevron {
  transform: rotate(180deg);
}
.section-pricing__accordion.open .accordion-content {
  border-radius: 0 0 12px 12px;
}
.section-pricing__accordion .section-pricing__content {
  transform: none !important;
  border-radius: 0;
  transition: 0.3s ease;
  padding: 0 !important;
  background-color: #ffffff !important;
}
@media (max-width: 1023px) {
  .section-pricing__accordion .section-pricing__content .section-pricing__content-wrapper {
    flex-wrap: wrap !important;
  }
  .section-pricing__accordion .section-pricing__content .section-pricing__content-wrapper .section-pricing__content-price {
    margin-top: 20px !important;
    padding-bottom: 0 !important;
  }
}

.section-extras {
  background-color: #ffffff;
  padding: 0 20px;
}
.section-extras__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 0;
}
@media (max-width: 767px) {
  .section-extras__container {
    padding: 40px 0;
  }
}
.section-extras h2 {
  text-transform: uppercase;
  margin: 0 auto 56px;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #252525;
  text-align: center !important;
}
@media (max-width: 767px) {
  .section-extras h2 {
    margin: 0 auto 26px;
  }
}
.section-extras__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-extras__note {
  text-align: right;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: rgba(37, 37, 37, 0.4);
  margin-bottom: -8px;
  padding-right: 16px;
}
.section-extras__item {
  display: flex;
  align-items: center;
  padding: 32px 40px;
  background-color: #ffffff;
  border: 1px solid #223FD5;
  gap: 24px;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .section-extras__item {
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.section-extras__item-img {
  align-self: flex-start;
  flex-shrink: 0;
}
.section-extras__item-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.section-extras__item-block h3 {
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  text-transform: uppercase;
  color: #252525;
}
.section-extras__item-block p {
  font-size: 1.25rem;
  line-height: 120%;
  color: rgba(37, 37, 37, 0.5);
  font-weight: 300;
}
.section-extras__item-price {
  margin-left: auto;
  font-family: "Open Sans", sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: bold;
  color: #223FD5;
}
@media (max-width: 767px) {
  .section-extras__item-price {
    margin-left: 0;
    margin-top: 16px;
    font-size: 2.75rem;
  }
}
.section-extras__item-btn {
  user-select: none;
  padding: 0 32px !important;
}
@media (max-width: 767px) {
  .section-extras__item-btn {
    padding: 0 20px !important;
    width: 100%;
    height: 50px !important;
  }
}
.section-extras__item-btn svg path {
  fill: #ffffff;
}
.section-extras__item-btn.-added::after {
  transform: translateX(0);
}

.pricing-features,
.pricing-why-us {
  background-color: #ffffff;
  padding: 0 20px;
}
.pricing-features__container,
.pricing-why-us__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .pricing-features__container,
  .pricing-why-us__container {
    padding: 40px 0;
  }
}
.pricing-features span,
.pricing-why-us span {
  display: block;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 120%;
  color: #223FD5;
  text-align: center;
  margin: auto;
  max-width: 200px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing-features h2,
.pricing-why-us h2 {
  margin: 26px auto 72px;
  font-size: clamp(2rem, 6vw, 6rem) !important;
  color: #252525;
  text-align: center !important;
}
.pricing-features h2 b,
.pricing-why-us h2 b {
  color: #223FD5;
}
@media (max-width: 767px) {
  .pricing-features h2,
  .pricing-why-us h2 {
    margin: 16px auto 26px;
  }
}
.pricing-features__head,
.pricing-why-us__head {
  display: flex;
  gap: 20px;
}
.pricing-features__grid,
.pricing-why-us__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1023px) {
  .pricing-features__grid,
  .pricing-why-us__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .pricing-features__grid,
  .pricing-why-us__grid {
    grid-template-columns: 1fr;
  }
}
.pricing-features__grid-item,
.pricing-why-us__grid-item {
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 34px 28px 30px;
  border: 1px solid #e8ebf3;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(20, 29, 61, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (max-width: 767px) {
  .pricing-features__grid-item,
  .pricing-why-us__grid-item {
    min-height: auto;
    padding: 26px 22px 24px;
    border-radius: 22px;
  }
}
.pricing-features__grid-item:hover,
.pricing-why-us__grid-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(20, 29, 61, 0.1);
}
.pricing-features__grid-item .item-num,
.pricing-why-us__grid-item .item-num {
  flex-shrink: 0;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #3156ff 0%, #223fd5 68%, #1930a8 100%);
  box-shadow: 0 12px 28px rgba(34, 63, 213, 0.2);
}
@media screen and (min-width: 768px) {
  .pricing-features__grid-item .item-num,
  .pricing-why-us__grid-item .item-num {
    width: 64px;
    height: 64px;
    font-size: 24px;
  }
}
.pricing-features__grid-item h3,
.pricing-why-us__grid-item h3 {
  font-size: 26px;
  line-height: 0.98;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #252525;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
@media (max-width: 1200px) {
  .pricing-features__grid-item h3,
  .pricing-why-us__grid-item h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .pricing-features__grid-item h3,
  .pricing-why-us__grid-item h3 {
    font-size: 20px;
  }
}
.pricing-features__grid-item p,
.pricing-why-us__grid-item p {
  margin-top: 10px;
  padding-top: 26px;
  border-top: 1px solid #e4e7f0;
  font-size: clamp(1.0625rem, 1.6vw, 1.1875rem);
  line-height: 1.55;
  color: rgba(37, 37, 37, 0.5);
}
@media (max-width: 767px) {
  .pricing-features__grid-item p,
  .pricing-why-us__grid-item p {
    padding-top: 22px;
  }
}

.scroll-wrapper {
  position: relative;
  background-color: #ffffff;
}
.scroll-wrapper__inner {
  position: sticky;
  top: 0px;
  z-index: 3;
}

.hero-home-page {
  position: sticky;
  top: 0px;
  padding: 240px 20px 80px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 767px) {
  .hero-home-page {
    padding: 150px 20px 80px;
    height: fit-content !important;
  }
}
@media (max-width: 767px) {
  .hero-home-page {
    position: static;
  }
}
.hero-home-page__bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  animation: bg__ani 1.75s ease forwards;
}
@keyframes bg__ani {
  from {
    opacity: 0;
    transform: scale(110%);
  }
  to {
    opacity: 1;
    transform: scale(102%);
  }
}
.hero-home-page__bg svg {
  height: 100% !important;
  width: 100%;
}
.hero-home-page__bg svg g {
  height: 100% !important;
}
.hero-home-page__container {
  max-width: 1220px;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .hero-home-page__container {
    gap: 20px;
  }
}
.hero-home-page__title {
  max-width: 800px;
  text-align: left;
  z-index: 1;
}
.hero-home-page__title h1 {
  color: #252525;
  z-index: 2;
  font-size: clamp(4rem, 8vw, 9rem);
  text-transform: uppercase;
  opacity: 0;
  animation: hero-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .hero-home-page__title h1 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.hero-home-page__title h1 span {
  color: #223FD5;
}

.news-section {
  position: sticky;
  top: 0px;
  z-index: 2;
  border-radius: 54px;
  padding: 110px 20px;
  background: #ffffff;
}
@media (max-width: 1023px) {
  .news-section {
    padding: 0 20px 20px;
  }
}
@media (max-width: 767px) {
  .news-section {
    position: static;
  }
}
.news-section__container {
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  position: relative;
  scroll-margin-top: 150px;
}
.news-section__categories-filter {
  display: flex;
  gap: 16px;
  padding: 0px 0 60px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .news-section__categories-filter {
    padding: 0px 0 40px;
    gap: 8px;
  }
}
.news-section__categories-filter-item {
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
  border: 1px solid #223FD5;
  border-radius: 3rem;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.2s ease;
  color: #223FD5;
  font-family: "Open Sans", cursive;
  font-weight: 600;
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .news-section__categories-filter-item {
    font-weight: 500;
    padding: 8px 16px;
  }
}
.news-section__categories-filter-item.is-active {
  background-color: #223FD5;
  color: #fff;
  border-color: #223FD5;
}
.news-section__categories-filter-item.is-active.is-disabled {
  pointer-events: none;
}
.news-section__categories-filter-item.is-active:hover {
  background-color: #223FD5;
  border-color: #223FD5;
  color: #fff;
}
.news-section__categories-filter-item:hover {
  background-color: #223FD5;
  color: #fff;
}
.news-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 54px 32px;
  align-items: stretch;
  transition: opacity 0.4s ease, transform 0.4s ease;
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1023px) {
  .news-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .news-section__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 32px 16px;
  }
}
.news-section__grid .news__item {
  box-shadow: 0 6px 40px 5px rgba(0, 0, 0, 0.05);
}
.news-section__grid.is-fading-out {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.news-section__grid.is-fading-in {
  opacity: 1;
  transform: translateY(0);
}
.news-section .news-preloader {
  position: absolute;
  left: 50%;
  top: 300px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  border-radius: inherit;
  z-index: 10;
}
.news-section .news-preloader.is-visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
.news-section .news-preloader__spinner {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-color: #00833d;
  animation: news-spinner-rotate 0.5s linear infinite;
}
@keyframes news-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
.news-section .news-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 72px;
  transition: opacity 0.2s ease;
}
.news-section .news-pagination.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.news-section .news-pagination__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #223FD5;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #0a211f;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.news-section .news-pagination__arrow:hover:not(:disabled) {
  background-color: #223FD5;
  border-color: #223FD5;
  color: #fff;
}
.news-section .news-pagination__arrow:disabled {
  display: none;
}
.news-section .news-pagination__pages {
  display: flex;
  align-items: center;
  gap: 8px;
}
.news-section .news-pagination__page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #252525;
  border-color: #223FD5;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.news-section .news-pagination__page:hover:not(.is-active) {
  background-color: #223FD5;
  border-color: #223FD5;
  color: #fff;
}
.news-section .news-pagination__page.is-active {
  background-color: #223FD5;
  color: #fff;
  border-color: #223FD5;
  cursor: default;
}

.home-page-cta {
  background-color: #ffffff;
  padding: 120px 20px;
}
@media (max-width: 767px) {
  .home-page-cta {
    padding: 40px 20px;
  }
}
.home-page-cta__container {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  max-width: 1220px;
  border: 1px solid #223FD5;
  margin: 0 auto;
  padding: 80px 20px;
  border-radius: 40px;
}
@media (max-width: 767px) {
  .home-page-cta__container {
    padding: 60px 20px;
  }
}
.home-page-cta__container h2 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
.home-page-cta__container p {
  max-width: 800px;
  text-align: center;
  font-weight: 500;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 120%;
  margin: 24px auto 64px;
}
.home-page-cta__container a {
  width: fit-content;
  margin: 0 auto;
}

.single-hero {
  position: sticky;
  top: 0px;
  z-index: 1;
  padding: 240px 20px 80px;
  overflow: hidden;
  background-color: #223FD5;
}
@media (max-width: 767px) {
  .single-hero {
    padding: 150px 20px 80px;
    height: fit-content !important;
  }
}
@media (max-width: 767px) {
  .single-hero {
    position: static;
  }
}
.single-hero__container {
  max-width: 1220px;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .single-hero__container {
    gap: 20px;
  }
}
.single-hero__category {
  display: block;
  width: fit-content !important;
  font-size: 1.25rem !important;
  color: #ffffff !important;
  border-radius: 4rem;
  border: 1px solid #ffffff !important;
  font-weight: 500 !important;
  font-family: "Open Sans", sans-serif;
  padding: 8px 26px;
  opacity: 0;
  animation: hero-enter 1s ease 0.1s forwards;
}
@media (max-width: 1023px) {
  .single-hero__category {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.single-hero__title {
  max-width: 1000px;
  text-align: left;
  z-index: 1;
}
.single-hero__title h1 {
  color: #fff;
  z-index: 2;
  font-size: clamp(2.5rem, 5vw, 5rem);
  text-transform: uppercase;
  opacity: 0;
  animation: hero-enter 1s ease 0.2s forwards;
}
@media (max-width: 1023px) {
  .single-hero__title h1 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.single-thumbnail {
  z-index: 2;
  background: linear-gradient(180deg, rgba(21, 39, 38, 0) 50%, #ffffff 50%);
  padding: 0 20px;
}
.single-thumbnail__container {
  max-width: 1220px;
  margin: 0 auto;
  border-radius: 40px;
  border: 3px solid #fff;
  overflow: hidden;
  max-height: 600px;
  width: 100%;
}
.single-thumbnail__container img {
  width: 100%;
  height: revert-layer;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .single-thumbnail__container {
    border-radius: 24px;
    max-height: 380px;
  }
}

.single-content {
  z-index: 3;
  padding: 60px 20px 80px;
  background: #ffffff;
}
@media (max-width: 1023px) {
  .single-content {
    padding: 30px 20px;
  }
}
.single-content__container {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.single-content img {
  border-radius: 8px;
}
.single-content a {
  color: #223FD5;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.single-content a:hover {
  color: rgb(23.4696356275, 43.487854251, 147.0303643725);
}
.single-content [id] {
  scroll-margin-top: 90px;
}
@media screen and (min-width: 768px) {
  .single-content [id] {
    scroll-margin-top: 110px;
  }
}
@media screen and (min-width: 1024px) {
  .single-content [id] {
    scroll-margin-top: 120px;
  }
}
.single-content h2 {
  font-size: 2.25rem !important;
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  font-weight: 600;
  color: #0a211f;
  margin-bottom: 24px;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .single-content h2 {
    margin-top: 32px;
  }
}
.single-content h3 {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  font-weight: 600;
  color: #252525;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .single-content h3 {
    margin-top: 32px;
  }
}
.single-content p {
  font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
  line-height: 1.6;
  color: #252525;
  margin-bottom: 24px;
}
.single-content ul {
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 24px;
}
.single-content ul li {
  font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
  line-height: 1.6;
  color: #252525;
  margin-bottom: 4px;
}
.single-content ol {
  list-style: decimal;
  padding-left: 40px;
  margin-bottom: 24px;
}
.single-content ol li {
  font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
  line-height: 1.6;
  color: #252525;
  margin-bottom: 4px;
}
.single-content .wp-block-code {
  margin: 20px 0;
}
.single-content code {
  padding: 16px;
  border-radius: 12px;
  background: #f5f5f5;
  color: #383a42;
}

.hero-proposal {
  background: radial-gradient(circle at 90% 20%, #29554a 10%, #143e34 50%);
  overflow: hidden;
  height: 100dvh !important;
  padding: 100px 20px 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .hero-proposal {
    padding: 80px 20px 80px;
    height: fit-content !important;
  }
}
.hero-proposal__leaves {
  position: absolute;
  top: -40%;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  transform: scale(125%);
  opacity: 0.6;
}
@media (max-width: 767px) {
  .hero-proposal__leaves {
    display: none;
  }
}
.hero-proposal__container {
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  text-transform: uppercase;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  text-align: center;
}
.hero-proposal__container h1 {
  color: #ffffff;
  z-index: 2;
  font-size: clamp(3rem, 8vw, 9rem);
}
@media (min-width: 768px) {
  .hero-proposal__container h1 {
    background: linear-gradient(165deg, #ffffff 20%, #d9f881 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.hero-proposal__container p {
  font-weight: 600;
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  line-height: 120%;
  z-index: 2;
  text-transform: uppercase;
}
.hero-proposal__container p:nth-of-type(1) {
  color: #aff500;
}
.hero-proposal__container p:nth-of-type(2) {
  color: #ffbf00;
}
.hero-proposal__container a {
  z-index: 2;
}
.hero-proposal__actions {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
  margin-top: 64px;
}
@media (max-width: 767px) {
  .hero-proposal__actions {
    margin-top: 32px;
    gap: 12px;
  }
}
.hero-proposal__actions a {
  background-color: #111111;
  border-color: #111111;
}
@media (min-width: 768px) {
  .hero-proposal__actions a {
    filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.3));
  }
}
@media (max-width: 767px) {
  .hero-proposal__actions a {
    width: 100%;
    height: 50px;
  }
}
.hero-proposal__actions a span {
  box-shadow: none !important;
  text-shadow: none !important;
}

.our-process {
  background-color: #ffbf00;
  padding: 0 20px;
}
.our-process__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .our-process__container {
    padding: 80px 0;
  }
}
.our-process h2 {
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 50px;
  font-size: clamp(2rem, 6vw, 4rem);
  color: #0a211f;
  max-width: 800px;
}
@media (max-width: 767px) {
  .our-process h2 {
    margin-bottom: 40px;
  }
}
.our-process__content {
  display: flex;
  flex-direction: column;
  border-radius: 32px;
  padding: 56px;
  background-color: #143e34;
  gap: 24px;
}
@media (max-width: 767px) {
  .our-process__content {
    gap: 16px;
    padding: 8px;
  }
}
.our-process__item {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 48px;
  border-radius: 26px;
  background-color: #164237;
  border: 1px solid #185a50;
}
@media (max-width: 1023px) {
  .our-process__item {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .our-process__item {
    padding: 24px;
  }
}
.our-process__item-title {
  display: flex;
  gap: 24px;
}
.our-process__item-num {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00833d;
  font-family: "Open Sans", sans-serif;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  flex-shrink: 0;
}
.our-process__item-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 300px;
}
.our-process__item-block h3 {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.our-process__item-block span {
  font-size: 1rem;
  color: #ffffff;
  font-weight: 300;
}
.our-process__item-p {
  max-width: 470px;
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 150%;
  color: #ffffff;
  margin-left: auto;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .our-process__item-p {
    margin-left: 0;
    max-width: 100%;
  }
}

.proposal-team {
  background-color: #0f2c25;
  padding: 0 20px;
}
.proposal-team__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 0;
  display: flex;
  gap: 56px;
}
@media (max-width: 1023px) {
  .proposal-team__container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .proposal-team__container {
    padding: 80px 0;
  }
}
.proposal-team__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .proposal-team__content {
    gap: 16px;
  }
}
.proposal-team__content h2 {
  color: #ffffff;
  z-index: 2;
  text-transform: uppercase;
  font-size: clamp(2.5rem, 5vw, 4rem);
}
@media (min-width: 768px) {
  .proposal-team__content h2 {
    background: linear-gradient(165deg, #f5ffdb 5%, #cbff3c 95%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.proposal-team__content p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 150%;
  color: #ffffff;
  font-weight: 300;
}
.proposal-team__content h3 {
  font-family: "Montserrat", sans-serif;
  margin-top: 10px;
  margin-bottom: -20px;
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 150%;
  color: #ffffff;
  font-weight: 600;
}
.proposal-team__img {
  position: relative;
  width: 100%;
  border-radius: 60px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .proposal-team__img {
    max-width: 600px;
    min-width: 530px;
  }
}
.proposal-team__img img {
  width: 100%;
  height: auto;
  display: block;
}
.proposal-team__img::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 10px 2px #0f2c25;
}
@media (min-width: 1024px) {
  .proposal-team__img::after {
    box-shadow: inset 0 0 10px 20px #0f2c25;
  }
}
.proposal-team__img::after {
  z-index: 2;
}

.proposal-table {
  background-color: #204c42;
  padding: 0 20px;
}
.proposal-table__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 0;
}
@media (max-width: 767px) {
  .proposal-table__container {
    padding: 80px 0;
  }
}
.proposal-table h2 {
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 36px;
  font-size: clamp(2rem, 6vw, 4rem);
  color: #f5ffdb;
  max-width: 800px;
}
@media (min-width: 768px) {
  .proposal-table h2 {
    background: linear-gradient(165deg, #ffffff 20%, #7dab00 80%);
  }
  .proposal-table h2 span {
    color: #ffbf00;
    background: linear-gradient(165deg, #ffd24a 20%, #ffbf00 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .proposal-table h2 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.proposal-table__table-wrapper {
  overflow-x: auto;
}
.proposal-table__table-wrapper table {
  min-width: 500px;
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
}
.proposal-table__table-wrapper table th,
.proposal-table__table-wrapper table td {
  padding: 24px 12px;
  text-align: left;
  color: #ffffff;
  line-height: 110%;
  border-bottom: 1px solid rgba(204, 204, 204, 0.8);
}
@media (max-width: 767px) {
  .proposal-table__table-wrapper table th,
  .proposal-table__table-wrapper table td {
    padding: 12px 16px;
  }
}
.proposal-table__table-wrapper table th:last-child,
.proposal-table__table-wrapper table td:last-child {
  text-align: right;
}
.proposal-table__table-wrapper table th {
  font-size: clamp(1rem, 3vw, 1.25rem);
  font-weight: 500;
}
.proposal-table__table-wrapper table td {
  font-size: clamp(0.875rem, 3vw, 1rem);
}
.proposal-table__total {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.proposal-table__total-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 12px;
  margin-left: auto;
  max-width: 380px;
  width: 100%;
}
@media (max-width: 767px) {
  .proposal-table__total-row {
    max-width: 100%;
  }
}
.proposal-table__total-row p {
  font-size: 1.25rem;
  color: #ffffff;
  font-weight: 500;
}
.proposal-table__total-row span {
  font-size: 1rem;
  color: #ffffff;
  font-weight: 600;
}
.proposal-table__total-price {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #cccccc;
}
.proposal-table__total-price span {
  font-size: 2rem;
  color: #ffffff;
  font-weight: 600;
}

.proposal-terms {
  padding: 0 20px;
  background-color: #092b23;
}
.proposal-terms__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 0 180px;
}
@media (max-width: 767px) {
  .proposal-terms__container {
    padding: 80px 0;
  }
}
.proposal-terms h2 {
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 48px;
  font-size: clamp(2rem, 6vw, 4rem);
  color: #f5ffdb;
  max-width: 800px;
}
@media (min-width: 768px) {
  .proposal-terms h2 {
    background: linear-gradient(165deg, #f2ffcc 20%, #7dab00 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.proposal-terms__content {
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .proposal-terms__content {
    gap: 16px;
    flex-direction: column;
  }
}
.proposal-terms__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 24px;
  border-radius: 16px;
  width: 100%;
  background: linear-gradient(135deg, #cdff4f 0%, #beff1b 100%);
  position: relative;
}
.proposal-terms__item .svg-arrow {
  position: absolute;
  top: 103%;
  left: 50%;
  width: 100%;
}
@media (max-width: 767px) {
  .proposal-terms__item .svg-arrow {
    display: none;
  }
}
.proposal-terms__item .svg-arrow.flipped {
  top: auto;
  bottom: 103%;
  transform: rotateX(180deg);
}
.proposal-terms__item h3 {
  font-size: clamp(1rem, 3vw, 1.25rem);
  color: #111111;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.proposal-terms__item p {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 150%;
  color: #111111;
  font-weight: 300;
}

.proposal-video {
  padding: 0 20px;
  background-color: #1b453b;
}
.proposal-video__container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 100px 0;
}
@media (max-width: 767px) {
  .proposal-video__container {
    padding: 80px 0;
  }
}
.proposal-video h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 56px;
  color: #ffffff;
}
.proposal-video h2 span {
  background-clip: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #ffbf00;
  background: none;
}
@media (min-width: 768px) {
  .proposal-video h2 {
    background: linear-gradient(165deg, #ffffff 40%, #d9f881 60%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.proposal-video__player {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 16px;
  overflow: hidden;
  background-color: #092b23;
}
.proposal-video__player iframe,
.proposal-video__player video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.main-btn {
  display: inline-flex;
  color: #ffffff;
  padding: 8px 48px;
  align-items: center;
  justify-content: center;
  height: 55px;
  border: 3px solid #ffffff;
  border-radius: 3rem;
  cursor: pointer;
  gap: 10px;
  position: relative;
  overflow: hidden;
  transition: 0.8s ease;
  letter-spacing: 2px;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  flex-shrink: 0;
}
.main-btn span {
  transition: transform 0.8s ease;
  position: relative;
  z-index: 2;
  transform: translateX(-15px);
}
.main-btn svg {
  position: absolute;
  transform: translateY(-50%);
  transition: transform 0.7s ease;
  z-index: 1;
}
.main-btn svg:first-child {
  left: 8px;
  transform: translateX(-300%);
}
.main-btn svg:last-child {
  right: 8px;
  transform: translateX(-70%);
}
.main-btn:hover {
  background-color: #223FD5;
  color: #ffffff;
  border-color: #ffffff;
}
.main-btn:hover span {
  transform: translateX(15px);
}
.main-btn:hover svg:first-child {
  transform: translateX(70%);
}
.main-btn:hover svg:last-child {
  transform: translateX(300%);
}
.main-btn:active {
  transform: scale(0.98);
  transition: 0.1s ease;
}

.regular-btn {
  display: inline-flex;
  color: #ffffff;
  padding: 8px 32px;
  align-items: center;
  justify-content: center;
  height: 55px;
  border: 3px solid #ffffff;
  border-radius: 3rem;
  cursor: pointer;
  gap: 25px;
  position: relative;
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  letter-spacing: 2px;
  transition: 0.3s ease;
}
.regular-btn span {
  user-select: none;
  font-size: clamp(16px, 3vw, 24px);
  transition: 0.3s ease;
}
.regular-btn svg path {
  transition: 0.3s ease;
}
.regular-btn:hover {
  background-color: #ffffff;
  color: #00833d;
}
.regular-btn:hover svg path {
  fill: #00833d;
}
.regular-btn:active {
  transform: scale(0.98);
  transition: 0.1s ease;
}

.action-btn {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 8px 28px;
  align-items: center;
  justify-content: center;
  height: 64px;
  border-radius: 3rem;
  cursor: pointer;
  gap: 8px;
  position: relative;
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  letter-spacing: 2px;
  transition: 0.2s;
  background-color: #ffffff;
}
.action-btn span {
  user-select: none;
  color: #ffffff;
  z-index: 2;
  font-size: clamp(16px, 3vw, 24px);
  transition: 0.2s;
}
.action-btn svg {
  z-index: 2;
}
@media (min-width: 768px) {
  .action-btn:hover::after {
    transform: translateX(0);
  }
}
.action-btn:active {
  transform: scale(0.98);
  transition: 0.1s ease;
}

.hero-btn {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 8px 50px;
  align-items: center;
  justify-content: center;
  height: 64px;
  border: 3px solid #223FD5;
  border-radius: 3rem;
  cursor: pointer;
  gap: 10px;
  position: relative;
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  letter-spacing: 2px;
  transition: 0.2s;
  background-color: #223FD5;
}
.hero-btn span {
  user-select: none;
  color: #ffffff;
  z-index: 2;
  font-size: clamp(16px, 3vw, 24px);
  transition: 0.2s;
}
.hero-btn svg {
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-btn:hover {
    background: #252525;
    border-color: #252525;
  }
}
.hero-btn:active {
  transform: scale(0.98);
  transition: 0.1s ease;
}

.faq-accordion {
  border-bottom: 1px solid rgb(26.979757085, 49.991902834, 169.020242915);
}
.faq-accordion .accordion-title {
  cursor: pointer;
  padding: 32px 0 32px;
  font-weight: 600;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.625rem);
  transition: 0.3s ease;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.faq-accordion .accordion-title:hover {
  color: rgb(50.1923076923, 78.0769230769, 222.3076923077);
}
@media (max-width: 767px) {
  .faq-accordion .accordion-title {
    padding: 20px 0 20px;
  }
}
.faq-accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  padding: 0;
  transform: scaleX(95%);
  transform-origin: left;
}
.faq-accordion .accordion-content p {
  font-weight: 300;
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 140%;
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  .faq-accordion .accordion-content p {
    font-weight: 400;
  }
}
.faq-accordion.open .accordion-content {
  opacity: 1;
  transform: scaleX(100%);
}
.faq-accordion.open .accordion-title {
  padding: 32px 0 16px;
}
@media (max-width: 767px) {
  .faq-accordion.open .accordion-title {
    padding: 20px 0 16px;
  }
}
.faq-accordion .accordion-toggle {
  width: 24px;
  height: 24px;
  background-color: #252525;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.faq-accordion .accordion-toggle span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  transition: 0.3s ease;
  width: 12px;
  border: 1px solid #ffffff;
  height: 2px;
  border-radius: 1rem;
}
.faq-accordion .accordion-toggle span:first-child {
  transform: translate(-50%, -50%) rotate(-180deg);
}
.faq-accordion .accordion-toggle span:last-child {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.faq-accordion.open .accordion-toggle span:first-child {
  transform: translate(-50%, -50%) rotate(0deg);
}
.faq-accordion.open .accordion-toggle span:last-child {
  transform: translate(-50%, -50%) rotate(0deg);
}

.news__item {
  flex: 1;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  text-align: left;
  transition: 0.3s ease;
  background-color: #ffffff;
  border: 1px solid #223FD5;
}
.news__item-image {
  height: 205px;
  overflow: hidden;
}
.news__item-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
  transform: scale(101%);
}
.news__item-info {
  height: auto;
  padding: 24px 32px 32px;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 15px 15px;
  gap: 12px;
}
.news__item-info-category {
  display: block;
  width: fit-content !important;
  font-size: 1.125rem !important;
  color: #223FD5 !important;
  border-radius: 4rem;
  border: 1px solid #223FD5;
  font-weight: 500 !important;
  font-family: "Open Sans", sans-serif;
  padding: 4px 24px;
}
.news__item-info h3 {
  transition: 0.3s ease;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  color: #252525;
  margin: 0 0 8px;
  line-height: 100%;
}
.news__item-info p {
  transition: 0.3s ease;
  color: #252525;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
.news__item-info time {
  margin-top: 8px;
  color: #979797;
  font-weight: 500 !important;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem !important;
}
@media (max-width: 1023px) {
  .news__item-info {
    padding: 24px 24px 24px;
  }
  .news__item-info h3 {
    margin-bottom: 16px;
  }
}
.news__item:hover .news__item-info h3 {
  color: #223FD5;
}
.news__item:hover .news__item-image img {
  transform: scale(102%);
}

.tt-wrap {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

.tt-box {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: #fff;
  border: 1px solid rgb(34, 63, 213);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 13px;
  max-width: 200px;
  width: max-content;
  white-space: normal;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 100;
}
@media (max-width: 768px) {
  .tt-box {
    left: auto;
    right: -10px;
    transform: translateY(4px);
  }
}
.tt-box::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: rgb(34, 63, 213);
}
@media (max-width: 768px) {
  .tt-box::after {
    left: auto;
    right: 14px;
    transform: none;
  }
}
.tt-box::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #fff;
  z-index: 1;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .tt-box::before {
    left: auto;
    right: 14px;
    transform: none;
  }
}

.tt-wrap:hover .tt-box,
.tt-wrap.tt-open .tt-box {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
  .tt-wrap:hover .tt-box,
  .tt-wrap.tt-open .tt-box {
    transform: translateY(0);
  }
}