@charset "UTF-8";
@font-face {
  font-family: "Archia";
  src: url("../../fonts/archia/archia-thin-webfont.woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../../fonts/archia/archia-light-webfont.woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../../fonts/archia/archia-regular-webfont.woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../../fonts/archia/archia-medium-webfont.woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../../fonts/archia/archia-semibold-webfont.woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../../fonts/archia/archia-semibold-webfont.woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../../fonts/archia/archia-bold-webfont.woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Icons";
  src: url("../../fonts/fonts/icomoon.woff");
  font-weight: 400;
  font-style: normal;
}
body {
  margin: 0;
  font-family: "Archia", sans-serif;
  color: #3E434E;
}

.basic-grid {
  max-width: 112rem;
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .basic-grid {
    max-width: 100%;
    padding: 0 3rem;
    box-sizing: border-box;
  }
}

.css-grid {
  display: grid;
}
.css-grid.three-columns {
  grid-template-columns: repeat(3, 1fr);
  gap: 7.9rem;
}
.css-grid.four-columns {
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
}
@media only screen and (max-width: 1023px) {
  .css-grid.three-columns, .css-grid.four-columns {
    grid-template-columns: 1fr;
  }
}

section.hero .title-big {
  color: #328BFF;
}
section.hero:not(body.home .hero) {
  height: 61.6rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: 7.7rem;
}
section.hero:not(body.home .hero) .paragraph-medium {
  max-width: 65%;
  margin: 3.7rem auto auto auto;
}
@media only screen and (max-width: 1023px) {
  section.hero:not(body.home .hero) {
    padding-top: 14.1rem;
    height: auto;
    margin-bottom: 7rem;
  }
  section.hero:not(body.home .hero) .paragraph-medium {
    margin: 2.7rem 0 auto 0;
    max-width: 100%;
  }
}

h1, p {
  margin: 0;
}

h2, p {
  margin: 0;
}

h3, p {
  margin: 0;
}

h4, p {
  margin: 0;
}

h5, p {
  margin: 0;
}

.title-big {
  font-size: 7.8rem;
  font-weight: 300;
  line-height: 102.564%;
  letter-spacing: -0.156rem;
}
.title-semi-medium {
  font-size: 4rem;
  font-weight: 400;
  line-height: 90%;
}
.title-medium {
  font-size: 3rem;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 2rem;
}
.title-semi-small {
  font-size: 2rem;
  font-weight: 600;
}
.title-small {
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
}
@media only screen and (max-width: 1023px) {
  .title-big {
    font-size: 4.8rem;
    line-height: 120.833%;
  }
}
@media only screen and (max-width: 1023px) {
  .title-semi-medium {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .title-small {
    font-size: 1.8rem;
    line-height: normal;
  }
}

.paragraph-big {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 135.714%;
}
.paragraph-medium {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  line-height: 162.5%;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.paragraph-medium strong {
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .paragraph-big {
    font-size: 1.8rem;
    line-height: 155.556%;
  }
}

.caption {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 135.714%;
  margin-top: 2rem;
}
.caption-big {
  font-size: 1.7rem;
  font-weight: 400;
}
.caption-small {
  font-size: 1.4rem;
  font-weight: 300;
}
.caption-small strong {
  font-weight: 600;
}
.caption-small_secondary {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  line-height: 135.714%;
}
.caption-small_secondary strong {
  font-weight: 700;
}
.caption strong {
  font-weight: 700;
}

.basic-button {
  font-size: 1.6rem;
  border: 0.1rem solid #A9BCD0;
  color: #328BFF;
  height: 4.3rem;
  padding: 0 2.7rem;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-top: 3rem;
  transition: all 0.3s ease;
  font-family: "Archia", sans-serif;
  font-weight: 500;
  background: transparent;
}
.basic-button:hover {
  border: 0.1rem solid #328BFF;
}

section:not(section:first-of-type) {
  margin-bottom: 10rem;
}

@media only screen and (min-width: 1921px) {
  html {
    font-size: 0.6vw;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  html {
    font-size: 10px;
  }
}
.post-item {
  padding: 1.2rem 0;
  transition: 0.3s all;
}
.post-item a {
  text-decoration: none;
  color: black;
  display: block;
}
.post-item:hover .image img {
  transform: scale(1.02);
}
.post-item.animate {
  animation: enter 0.3s;
  opacity: 0;
  animation-fill-mode: forwards;
}
@keyframes enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.post-item.featured-posts {
  border-bottom: 0.1rem solid #328BFF;
}
.post-item.news {
  position: relative;
  border: none;
}
.post-item.news .date {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 0.1rem solid #328BFF;
  padding-top: 1rem;
}
.post-item.news .tags {
  margin-bottom: 1rem;
}
.post-item .image {
  width: 100%;
  height: 19.3rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.post-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.3s all;
  transform-origin: center;
  transform: scale(1);
}
.post-item .tags {
  gap: 1rem;
  margin-bottom: 3rem;
}
.post-item .date {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .post-item .image img {
    object-position: left top;
  }
}

.tag {
  height: 2.5rem;
}
.tag:not(img) {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.tag:not(img).news {
  background-color: #328BFF;
}
.tag:not(img).all-tags {
  background-color: #0A2463;
}
.tag:not(img).status {
  font-weight: 700;
  font-size: 1.4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: fit-content;
}

body.home section.hero {
  height: 100vh;
  display: flex;
  justify-content: center;
  min-height: 65.6rem;
}
body.home section.hero h1 {
  z-index: 1;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 216.667%;
  letter-spacing: -0.036rem;
  color: black;
}
body.home section.hero h1 .title-big {
  display: block;
}
body.home section.hero video {
  margin: auto;
  width: 39.5rem;
  height: 39.5rem;
}
body.home section.main .portfolio-slider {
  margin-bottom: 18rem;
}
body.home section.main .portfolio-slider .splide {
  flex: 0 0 50%;
}
body.home section.main .portfolio-slider .splide .content {
  height: 37.3rem;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .splide__arrow {
  background: none;
  top: unset;
  bottom: -52px;
  opacity: initial;
  width: auto;
  left: 0;
  transition: 0.3s all;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .splide__arrow img {
  width: 5.9rem;
  height: auto;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .splide__arrow:disabled {
  opacity: 0.5;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .splide__arrow--next {
  justify-content: flex-start;
  margin-left: 10rem;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image img.main {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image img.logo {
  height: 3.5rem;
  width: auto;
  padding: 2.5rem;
  background-color: #328BFF;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-content {
  border-left: 0.1rem solid #328BFF;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-content .content {
  padding-left: 5.9rem;
  box-sizing: border-box;
}
body.home section.main .portfolio-slider .splide.hero-portfolio-splide-content .content .title.paragraph-big {
  color: #328BFF;
  margin-top: 1rem;
}
body.home section.main ul.features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8rem;
}
body.home section.main ul.features img {
  width: 7rem;
  height: auto;
  margin-bottom: 1rem;
}
body.home section.main .image-text-cta {
  display: grid;
  grid-template-columns: 64rem 1fr;
  gap: 10rem;
  height: 61.9rem;
  align-items: center;
  margin: 10rem 0;
}
body.home section.main .image-text-cta img {
  width: 100%;
  height: auto;
}
body.home section.main .image-text-cta .paragraph-medium {
  margin-bottom: 0;
}
body.home section.featured-posts .title-medium {
  margin-bottom: 4rem;
}
body.home section.featured-posts .basic-button {
  margin-top: 5rem;
}
body.home section.featured-posts .css-grid.three-columns {
  grid-auto-rows: 44.4rem;
}
@media only screen and (max-width: 1023px) {
  body.home html {
    font-size: 10px;
  }
  body.home section.hero {
    padding-top: 4rem;
    height: 100vh;
  }
  body.home section.hero h1 {
    font-size: 2.6rem;
  }
  body.home section.hero video {
    width: 73%;
    height: auto;
  }
  body.home section.main {
    margin-bottom: 0;
  }
  body.home section.main .portfolio-slider {
    flex-direction: column;
    margin-bottom: 10rem;
  }
  body.home section.main .portfolio-slider .splide {
    flex: 0 0 100%;
  }
  body.home section.main .portfolio-slider .splide .content {
    padding: 0 !important;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image {
    margin-bottom: 2rem;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .content {
    height: 100%;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .content img.main {
    width: 100%;
    height: 24.3rem;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .content img.logo {
    height: 2.5rem;
    padding: 2rem;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-image .splide__arrow {
    bottom: -35rem;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-content {
    border-left: none;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-content .content {
    height: 100%;
  }
  body.home section.main .portfolio-slider .splide.hero-portfolio-splide-content .content strong {
    display: block;
  }
  body.home section.main ul.features {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  body.home section.main .image-text-cta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5rem;
    height: auto;
  }
  body.home section.featured-posts .title-medium {
    text-align: left;
    margin-bottom: 3rem;
  }
  body.home section.featured-posts .css-grid.three-columns {
    grid-auto-rows: auto;
    gap: 4.9rem;
  }
}

body.page-template-about-us section.hero {
  z-index: 9999;
  position: relative;
}
body.page-template-about-us section.features {
  margin: -26rem auto -18rem auto;
}
body.page-template-about-us section.features .basic-grid {
  position: relative;
}
body.page-template-about-us section.features .basic-grid:before, body.page-template-about-us section.features .basic-grid:after {
  content: "";
  display: block;
  width: 100%;
  height: 30rem;
  background: rgb(255, 255, 255);
  position: sticky;
}
body.page-template-about-us section.features .basic-grid:before {
  top: 10rem;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
body.page-template-about-us section.features .basic-grid:after {
  bottom: 0;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
body.page-template-about-us section.features #lotti-player {
  position: sticky;
  top: calc(50vh - 8.1rem);
  height: 26.4rem;
}
body.page-template-about-us section.features h2 {
  margin-bottom: 5rem;
  color: #328BFF;
  z-index: 999;
  position: relative;
}
body.page-template-about-us section.features .title-semi-small {
  color: #328BFF;
  margin-bottom: 1rem;
}
body.page-template-about-us section.features .lotti {
  flex: 0 0 50%;
}
body.page-template-about-us section.features ul.content {
  flex: 0 0 50%;
}
body.page-template-about-us section.features ul.content li {
  margin-bottom: 20rem;
  padding-right: 16rem;
  margin-top: 1rem;
}
body.page-template-about-us section.features ul.content li:nth-child(1) {
  margin-top: 5rem;
}
body.page-template-about-us section.features ul.content li:nth-child(6) {
  margin-bottom: 12rem;
}
body.page-template-about-us section.features ul.content li:nth-child(7) {
  margin-bottom: 12rem;
}
body.page-template-about-us section.features ul.content li:last-child {
  margin-bottom: 6rem;
}
@media only screen and (max-width: 1023px) {
  body.page-template-about-us section.features {
    margin: auto auto 10rem auto;
  }
  body.page-template-about-us section.features .basic-grid:before, body.page-template-about-us section.features .basic-grid:after {
    display: none;
  }
  body.page-template-about-us section.features .basic-grid h2 {
    margin-bottom: 2rem;
  }
  body.page-template-about-us section.features .basic-grid .lotti {
    display: none;
  }
  body.page-template-about-us section.features .basic-grid ul.content {
    flex: 0 0 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li {
    padding-right: 0;
    margin-bottom: 0 !important;
    margin-top: 0rem;
  }
  body.page-template-about-us section.features .basic-grid ul.content li h3:before {
    display: block;
    content: "";
    width: 100%;
    height: auto;
    aspect-ratio: 3.6/2.4;
    margin-bottom: 2rem;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(1) h3:before {
    background: url("../../assets/lotti/mobile/About_1.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(2) h3:before {
    background: url("../../assets/lotti/mobile/About_2.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(3) h3:before {
    background: url("../../assets/lotti/mobile/About_3.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(4) h3:before {
    background: url("../../assets/lotti/mobile/About_4.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(5) h3:before {
    background: url("../../assets/lotti/mobile/About_5.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(6) h3:before {
    background: url("../../assets/lotti/mobile/About_6.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(7) h3:before {
    background: url("../../assets/lotti/mobile/About_7.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(8) h3:before {
    background: url("../../assets/lotti/mobile/About_8.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(9) h3:before {
    background: url("../../assets/lotti/mobile/About_9.png") no-repeat center;
    background-size: 100%;
  }
  body.page-template-about-us section.features .basic-grid ul.content li:nth-child(10) h3:before {
    background: url("../../assets/lotti/mobile/About_10.png") no-repeat center;
    background-size: 100%;
  }
}

.page-template-portfolio section.investments .investments-list, .page-template-portfolio section.investments .dropdown-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
.page-template-portfolio section.investments .dropdown-grid .dropdown {
  grid-column: 2/3;
}
.page-template-portfolio section.investments .investments-list {
  grid-auto-rows: 26rem;
  margin-top: 10rem;
}
.page-template-portfolio section.investments .investments-list li {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  box-sizing: border-box;
}
.page-template-portfolio section.investments .investments-list li.animate {
  animation: enter 0.3s;
  opacity: 0;
  animation-fill-mode: forwards;
}
@keyframes enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.page-template-portfolio section.investments .investments-list li a {
  text-decoration: none;
  color: white;
  display: block;
  padding: 3rem;
  height: 100%;
  transition: 0.3s all ease-in;
  box-sizing: border-box;
}
.page-template-portfolio section.investments .investments-list li a .tag.status {
  margin: auto;
  bottom: 3rem;
  background-color: #328BFF;
  opacity: 1;
  transition: 0.3s all;
}
.page-template-portfolio section.investments .investments-list li a .logo {
  width: 22rem;
  height: auto;
  margin-bottom: 1rem;
}
.page-template-portfolio section.investments .investments-list li a .content {
  transform: translateY(1rem);
  transition: 0.3s ease-in;
  opacity: 0;
  padding-top: 5rem;
}
.page-template-portfolio section.investments .investments-list li a .content .description, .page-template-portfolio section.investments .investments-list li a .content .industry {
  margin-bottom: 1rem;
}
.page-template-portfolio section.investments .investments-list li:hover a {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.page-template-portfolio section.investments .investments-list li:hover a .tag.status {
  opacity: 0;
}
.page-template-portfolio section.investments .investments-list li:hover a .content {
  transform: translateY(0);
  opacity: 1;
}
.page-template-portfolio section.investments-history {
  margin-top: 17rem;
}
.page-template-portfolio section.investments-history h2 {
  margin-bottom: 4rem;
}
.page-template-portfolio section.investments-history .investments-history-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 18.8rem;
  gap: 4rem;
}
.page-template-portfolio section.investments-history .investments-history-list li {
  width: 100%;
  height: 100%;
  background: #f9fcff;
}
.page-template-portfolio section.investments-history .investments-history-list li a {
  background: transparent;
  border: none;
  text-decoration: none;
  width: 80%;
  margin: auto;
  height: 18.8rem;
  padding: 2rem;
  box-sizing: border-box;
  position: relative;
}
.page-template-portfolio section.investments-history .investments-history-list li a .tag.status {
  background-color: #eaf3ff;
  color: #328BFF;
  position: absolute;
  bottom: 2rem;
}
.page-template-portfolio section.investments-history .investments-history-list li a img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1023px) {
  .page-template-portfolio section.investments {
    margin-bottom: 6rem;
  }
  .page-template-portfolio section.investments .dropdown-grid .dropdown {
    grid-column: 1/4;
  }
  .page-template-portfolio section.investments .investments-list {
    grid-template-columns: 1fr;
    margin-top: 7rem;
  }
  .page-template-portfolio section.investments-history {
    margin-top: 0;
  }
  .page-template-portfolio section.investments-history .investments-history-list {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 11.2rem;
    gap: 2.3rem;
  }
  .page-template-portfolio section.investments-history .investments-history-list li a {
    height: 11.2rem;
    padding: 1rem;
  }
  .page-template-portfolio section.investments-history .investments-history-list li a .tag.status {
    bottom: 1rem;
    padding: 0 0.5rem;
    height: 1.9rem;
  }
}

body.page-template-team section.hero:not(body.home .hero) {
  height: auto;
  padding-top: 22.1rem;
  margin-bottom: 7rem;
}
body.page-template-team section.hero:not(body.home .hero) picture {
  margin: auto;
  width: 90%;
  display: block;
}
body.page-template-team section.hero:not(body.home .hero) picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
body.page-template-team section.members ul.team-members button {
  background: transparent;
  border: none;
  display: block;
}
body.page-template-team section.members ul.team-members button .image {
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 0.5rem;
}
body.page-template-team section.members ul.team-members button .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.page-template-team section.members ul.team-members button .full-name {
  margin-bottom: 0;
}
body.page-template-team section.members ul.team-members button .position {
  font-weight: 400;
  color: #A9B0D0;
  margin-bottom: 0;
  line-height: 110%;
}
body.page-template-team section.members ul.team-members button .more, body.page-template-team section.members ul.team-members button .image_pop-up {
  display: none;
}
body.page-template-team .member-pop-up {
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999999999;
  visibility: visible;
  opacity: 1;
  transition: 0.3s all;
}
body.page-template-team .member-pop-up.hide {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all;
}
body.page-template-team .member-pop-up .pop-up {
  width: 98rem;
  height: 45.6rem;
  background: white;
  display: grid;
  grid-template-columns: 35% 1fr;
  grid-auto-rows: 100%;
  padding: 4rem;
  box-sizing: border-box;
  gap: 3.5rem;
}
body.page-template-team .member-pop-up .pop-up button.close {
  background: transparent;
  border: none;
  top: -31px;
  right: -32px;
}
body.page-template-team .member-pop-up .pop-up .full-name {
  margin-bottom: 1rem;
}
body.page-template-team .member-pop-up .pop-up .full-name strong {
  color: #328BFF;
  margin-right: 1rem;
}
body.page-template-team .member-pop-up .pop-up .more-wrapper {
  height: -webkit-fill-available;
}
body.page-template-team .member-pop-up .pop-up .more-wrapper .more {
  white-space: pre-line;
  overflow-y: auto;
  margin-bottom: 3.8rem;
  padding-right: 10rem;
  height: -webkit-fill-available;
}
body.page-template-team .member-pop-up .pop-up .more-wrapper .more a {
  color: #328BFF;
}
body.page-template-team .member-pop-up .pop-up .more-wrapper .more::-webkit-scrollbar {
  width: 0.5rem;
}
body.page-template-team .member-pop-up .pop-up .more-wrapper .more::-webkit-scrollbar-track {
  background: #D9D9D9;
}
body.page-template-team .member-pop-up .pop-up .more-wrapper .more::-webkit-scrollbar-thumb {
  background: #328BFF;
}
body.page-template-team .member-pop-up .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.page-template-team a.linkedin {
  width: 3.8rem;
  height: 3.8rem;
  background-color: #328BFF !important;
  background: url("../../assets/linkedin.svg") no-repeat center;
  background-size: 1.43rem;
}
@media only screen and (max-width: 1023px) {
  body.page-template-team section.hero:not(body.home .hero) {
    padding-top: 14.1rem;
  }
  body.page-template-team section.hero:not(body.home .hero) .image.basic-grid {
    padding: 0;
    overflow: hidden;
    flex: 0 0 38.2rem;
  }
  body.page-template-team section.hero:not(body.home .hero) .image.basic-grid picture img {
    transform: scale(1.4) translateY(42px);
    transform-origin: center;
  }
  body.page-template-team section.members ul.team-members li button {
    width: 100%;
  }
  body.page-template-team .member-pop-up {
    padding: 10rem 4rem 10rem 4rem;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    overflow-x: scroll;
    align-items: self-start;
  }
  body.page-template-team .member-pop-up .pop-up {
    grid-template-columns: 1fr;
    grid-template-rows: 35rem 1fr;
    width: auto;
    height: auto;
  }
  body.page-template-team .member-pop-up .pop-up p.full-name strong {
    display: block;
  }
  body.page-template-team .member-pop-up .pop-up .more-wrapper {
    height: auto;
  }
  body.page-template-team .member-pop-up .pop-up .more-wrapper .more {
    padding-right: 0;
  }
}

body.blog .dropdown-grid {
  width: 60%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.6rem;
  margin-bottom: 6rem;
}
body.blog .css-grid.three-columns {
  grid-auto-rows: 41.4rem;
}
@media only screen and (max-width: 1023px) {
  body.blog .dropdown-grid {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    margin-bottom: 4rem;
  }
  body.blog .dropdown-grid .dropdown:first-child {
    z-index: 99999;
  }
  body.blog .css-grid.three-columns {
    grid-auto-rows: auto;
    gap: 5rem;
  }
  body.blog .css-grid.three-columns li a {
    margin-bottom: 5rem;
  }
}

.single section.hero:not(body.home .hero) {
  height: auto;
  padding-top: 22.1rem;
  margin-bottom: 5rem;
}
.single section.hero:not(body.home .hero) h1 {
  margin-bottom: 3rem;
}
.single section.hero:not(body.home .hero) .image {
  width: 100%;
  height: auto;
  margin: 3rem auto;
}
.single section.hero:not(body.home .hero) .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.single section.content a {
  color: #328BFF;
  font-weight: 600;
}
.single section.content h1 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 2rem;
  font-family: "Archia", sans-serif;
  color: #328BFF;
  margin: 4rem auto 1rem auto;
}
.single section.content h2 {
  font-size: 2.5rem;
  font-weight: 400;
  font-family: "Archia", sans-serif;
  color: #328BFF;
  margin: 4rem auto 1rem auto;
}
.single section.content h2 strong {
  font-weight: 400;
}
.single section.content h4 *, .single section.content h4 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
  font-family: "Archia", sans-serif;
  font-weight: 600;
  text-decoration: none;
  margin: 2rem auto 1rem auto;
}
.single section.content ol, .single section.content ul {
  margin-top: 1.6rem;
  list-style: none;
}
.single section.content ol li, .single section.content ul li {
  padding-left: 3rem;
  margin-bottom: 1rem;
  position: relative;
}
.single section.content ol li:before, .single section.content ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 2rem;
  margin-right: 1rem;
}
.single section.content ul li:before {
  content: "•";
}
.single section.content ol {
  counter-reset: list-counter;
  padding: 0;
}
.single section.content ol li {
  padding-left: 3rem;
  margin-bottom: 1rem;
}
.single section.content ol li:before {
  counter-increment: list-counter;
  content: counter(list-counter) ".";
  font-weight: 700;
}

header {
  height: 13.1rem;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0);
  transition: 0.3s all;
  z-index: 999999;
  padding: 0 7.7rem;
}

header #menu-header-menu, header #menu-main, footer #menu-header-menu, footer #menu-main {
  display: flex;
  gap: 5.6rem;
  align-items: center;
}
header #menu-header-menu li a, header #menu-main li a, footer #menu-header-menu li a, footer #menu-main li a {
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 162.5%;
  transition: 0.3s all;
}
header #menu-header-menu li a:hover, header #menu-main li a:hover, footer #menu-header-menu li a:hover, footer #menu-main li a:hover {
  color: #328BFF;
}
header #menu-header-menu li.current-menu-item a, header #menu-main li.current-menu-item a, footer #menu-header-menu li.current-menu-item a, footer #menu-main li.current-menu-item a {
  color: #328BFF;
  font-weight: 500;
}
header #menu-header-menu li:last-child, header #menu-main li:last-child, footer #menu-header-menu li:last-child, footer #menu-main li:last-child {
  font-size: 1.6rem;
  border: 0.1rem solid #A9BCD0;
  color: #328BFF;
  height: 4.3rem;
  padding: 0 2.7rem;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-top: 3rem;
  transition: all 0.3s ease;
  font-family: "Archia", sans-serif;
  font-weight: 500;
  background: transparent;
  margin: 0;
}
header #menu-header-menu li:last-child:hover, header #menu-main li:last-child:hover, footer #menu-header-menu li:last-child:hover, footer #menu-main li:last-child:hover {
  border: 0.1rem solid #328BFF;
}
header #menu-header-menu li:last-child a, header #menu-main li:last-child a, footer #menu-header-menu li:last-child a, footer #menu-main li:last-child a {
  font-family: "Archia", sans-serif;
  font-weight: 500;
  color: #328BFF;
}
header #menu-header-menu a, footer #menu-header-menu a {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  color: #3E434E;
}
header #menu-header-menu .linkedin, footer #menu-header-menu .linkedin {
  display: none;
}
header #menu-main li a, footer #menu-main li a {
  font-family: "Archia", sans-serif;
  font-weight: 400;
  color: white;
}
header #menu-main li.linkedin a, footer #menu-main li.linkedin a {
  color: #328BFF;
  display: flex;
  align-items: center;
}
header #menu-main li.linkedin a:after, footer #menu-main li.linkedin a:after {
  font-family: "Icons";
  margin-left: 0.5rem;
  display: block;
}
header #menu-main li:last-child, footer #menu-main li:last-child {
  border-color: #328BFF;
  color: white;
}
header #menu-main li:last-child:hover, footer #menu-main li:last-child:hover {
  border-color: white;
  background-color: white;
  color: #39414D;
}
header #menu-main li:last-child:hover a, footer #menu-main li:last-child:hover a {
  color: #39414D;
}
header.fixed-style, footer.fixed-style {
  box-shadow: 0 4px 10px 0 rgba(50, 139, 255, 0.25);
}

footer .top-section {
  height: 29.9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
footer .top-section:before {
  background: linear-gradient(0deg, #328BFF 11.14%, rgba(50, 139, 255, 0) 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  opacity: 0.3;
}
footer .top-section p {
  position: relative;
  z-index: 1;
}
footer .top-section p.title-semi-medium {
  margin-bottom: 2rem;
  color: #328BFF;
}
footer .bottom-section {
  background-color: #39414D;
  padding: 28rem 7.7rem 5rem 7.7rem;
}
footer .bottom-section .circle {
  height: 47.5682rem;
  width: 65.0115rem;
  margin: auto;
  top: 5.7841rem;
}
footer .bottom-section .logo {
  filter: invert(100%);
  width: 11.2rem;
}
footer .bottom-section div:first-of-type {
  margin-bottom: 6rem;
}
footer .bottom-section .menu-main-container {
  margin-bottom: 0 !important;
}
footer .bottom-section .caption-big {
  color: #a3a8b5;
}

@media only screen and (max-width: 1023px) {
  header {
    height: 12.1rem;
    padding: 3rem;
    width: 100vw !important;
  }
  header nav {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    left: 0;
    background: white;
    transition: 0.3s all;
    padding: 10rem 3rem 3rem 3rem;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
  }
  header nav .kav, header nav .logo {
    z-index: 99999;
    position: relative;
  }
  header nav .menu-header-menu-container {
    z-index: 99999;
    position: relative;
  }
  header nav .menu-header-menu-container #menu-header-menu {
    flex-direction: column;
    gap: 2.6rem;
    align-items: baseline;
    z-index: 999;
  }
  header.menu-opened .logo {
    z-index: 99;
    position: relative;
  }
  header.menu-opened nav {
    opacity: 1;
    visibility: visible;
  }
  footer .top-section {
    height: 14.9rem;
    padding: 0 2rem;
  }
  footer .top-section p.title-semi-medium {
    margin-bottom: 1rem;
  }
  footer .bottom-section {
    padding: 14rem 3rem 5rem 3rem;
  }
  footer .bottom-section div:first-of-type {
    margin-bottom: 3rem;
  }
  footer .bottom-section div:first-of-type.space-between {
    margin-bottom: 1rem;
  }
  footer .bottom-section .circle {
    height: auto;
    width: 35rem;
    top: 2.2841rem;
  }
  footer .bottom-section .flex-v-align {
    flex-direction: column-reverse;
  }
  footer .bottom-section .flex-v-align #menu-main {
    flex-direction: column;
    gap: 2.6rem;
  }
  footer .bottom-section .flex-v-align #menu-main li:not(li:last-child) a {
    font-weight: 300;
  }
  footer .bottom-section .flex-v-align #menu-main li:last-child a {
    color: white;
  }
  footer .bottom-section .caption-big {
    text-align: center;
    font-size: 1.4rem;
  }
}
.filter-button {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  color: black;
  background: white;
  outline: none;
  height: 4.3rem;
  border: 0.1rem solid #A9BCD0;
  transition: 0.3s all;
}
.filter-button:hover {
  background: #e5f0ff;
}
.filter-button.hide {
  display: none;
}
.dropdown {
  margin: auto;
  cursor: pointer;
  z-index: 9;
  box-sizing: border-box;
}
.dropdown:after {
  content: "";
  background: url("../../assets/dropdown_arrow.svg") no-repeat center;
  background-size: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  transform: rotate(0deg);
  transition: 0.3s all;
}
.dropdown ul {
  top: 4.1rem;
  left: -0.1rem;
  width: calc(100% + 0.2rem);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all;
}
@media only screen and (min-width: 1024px) and (max-width: 1520px) {
  .dropdown ul {
    top: 4rem;
  }
}
.dropdown ul li .filter-button {
  border-bottom: none;
}
.dropdown ul li:last-child {
  border-bottom: 0.1rem solid #A9BCD0;
}
.dropdown.open:after {
  transform: rotate(180deg);
}
.dropdown.open.filter-button:hover {
  background: white;
}
.dropdown.open ul {
  visibility: visible;
  opacity: 1;
}

.loader-area, .more-loader-area {
  height: 13rem;
  display: none;
}
.loader-area img, .more-loader-area img {
  width: 4rem;
}
.loader-area.show, .more-loader-area.show {
  display: flex;
}

.loading-area.inactive {
  display: none;
}

/*# sourceMappingURL=theme-style.css.map */