@charset "UTF-8";
/************** inter font ************/
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: local("Inter Thin BETA"), url("../fonts/inter/Inter-Thin-BETA.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: local("Inter Extra Light BETA"), url("../fonts/inter/Inter-ExtraLight-BETA.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: local("Inter Light BETA"), url("../fonts/inter/Inter-Light-BETA.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local("Inter Regular"), url("../fonts/inter/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter Italic";
  font-style: normal;
  font-weight: 400;
  src: local("Inter Italic"), url("../fonts/inter/Inter-Italic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local("Inter Medium"), url("../fonts/inter/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local("Inter Semi Bold"), url("../fonts/inter/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: local("Inter Bold"), url("../fonts/inter/Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: local("Inter Extra Bold"), url("../fonts/inter/Inter-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: local("Inter Black"), url("../fonts/inter/Inter-Black.woff") format("woff");
}
html {
  scroll-behavior: smooth;
}

.btn {
  box-shadow: none !important;
  outline: none !important;
}
.btn:hover {
  box-shadow: none !important;
  outline: none !important;
}
.btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.common-navbar {
  background: rgb(33, 26, 49);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 150;
  width: 100%;
  padding: 0;
  height: 75px;
}
.common-navbar .container-fluid {
  padding: 0 20px;
  background: rgb(33, 26, 49);
}
.common-navbar .container-fluid .navbar-toggler:focus {
  box-shadow: unset !important;
}
.common-navbar .container-fluid .navbar-toggler-icon {
  background-image: url(../images/buttons/hamburger.webp);
  width: 11.4583333333vw !important;
  max-width: 22px;
  min-width: 15px;
  aspect-ratio: 18/10;
  height: auto !important;
}
.common-navbar .navbar-nav {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 100px !important;
}
.common-navbar .navbar-nav .nav-item {
  margin: 0 100px 0 0;
}
.common-navbar .navbar-nav .nav-item a.nav-link {
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  text-align: left;
}

@media (min-width: 300px) and (max-width: 575px) {
  .common-navbar .container-fluid {
    padding: 15px 22px;
  }
  .common-navbar .container-fluid .navbar-brand {
    max-width: 125px;
    padding: 0;
  }
  .common-navbar .container-fluid .navbar-toggler {
    display: inline-flex;
    padding: 0;
  }
  .common-navbar .navbar-collapse {
    padding: 15px 0px;
  }
  .common-navbar .navbar-collapse.show {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 62px);
  }
  .common-navbar .navbar-collapse.show .navbar-nav {
    opacity: 1;
  }
  .common-navbar .navbar-collapse .navbar-nav {
    opacity: 0;
  }
}
.bold-moves-card-sub .blockchain-img {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.bold-moves-card-sub:hover .blockchain-img {
  opacity: 0 !important;
}

.digital-core-wrapper {
  display: flex;
  align-items: center;
}

.home-banner-block {
  padding: 70px 10px 0 10px !important;
  display: flex;
  align-items: center;
  min-height: 100vh !important;
  justify-content: center;
}
.home-banner-block .home-banner-content-main {
  padding: 0 22px;
}
.home-banner-block .home-banner-content-main .home-banner-content-block {
  padding: 30px 0 30px 0 !important;
}
.home-banner-block .home-banner-content-main .home-banner-content-block .subtitle-block {
  font-size: 8.5333333333px !important;
  padding: 35px 0 30px 0 !important;
}
.home-banner-block .home-banner-content-main .home-banner-content-block .subtitle-block h5 {
  font-size: 8.5333333333px !important;
}
.home-banner-block .home-main-header,
.home-banner-block .home-gradient-header {
  font-size: 38.4px !important;
}

@media (min-width: 300px) and (max-width: 575px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 16px !important;
    font-weight: 200;
    padding: 10px 10px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 115px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 58px 10px 0 10px !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 30px 0 30px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 11.0111111111px !important;
    padding: 35px 0 30px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 14px !important;
    font-weight: 400;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 38.4px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    display: block !important;
    font-size: 14.9333333333px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 17.0666666667px !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 27px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 8.5333333333px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 88px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 70px 10px 0 10px !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 8.5333333333px !important;
    padding: 40px 0 35px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 8.5333333333px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 51.2px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    font-size: 14.9333333333px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 17.0666666667px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 27px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 8.5333333333px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 88px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 0 0 120px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 180px 0 0 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 8.5333333333px !important;
    padding: 45px 0 40px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 8.5333333333px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 51.2px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    font-size: 14.9333333333px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 17.0666666667px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 0 0 30px !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 27px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 11.0222222222px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 115px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 0 0 140px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 220px 0 0 0 !important;
    font-size: 8.52px !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 11.0222222222px !important;
    padding: 55px 0 20px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 11.0222222222px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 66.1333333333px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    font-size: 19.2888888889px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 22.0444444444px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 0 0 70px !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 50px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 13.3333333333px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 150px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 0 0 160px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 250px 0 0 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 13.3333333333px !important;
    padding: 65px 0 30px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 13.3333333333px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 80px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    line-height: unset;
    font-size: 23.3333333333px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 26.6666666667px !important;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 0 0 80px !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 70px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 15.1777777778px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 158px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 0 0 180px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 280px 0 0 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 15.1777777778px !important;
    padding: 75px 0 35px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 15.1777777778px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 91.0666666667px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    line-height: unset;
    font-size: 26.5611111111px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 30.3555555556px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1680px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 0 0 90px !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 80px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 16px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 165px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 0 0 170px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 300px 0 0 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 16px !important;
    padding: 90px 0 50px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 16px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 96px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    line-height: unset;
    font-size: 28px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 32px !important;
  }
}
@media (min-width: 1680px) and (max-width: 2000px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 0 0 100px !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 85px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 18.6666666667px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    max-width: 150px !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 30px 0 30px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 18.6666666667px !important;
    padding: 100px 0 60px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 18.6666666667px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 112px !important;
  }
}
@media (min-width: 2000px) {
  .wrapper-section .common-navbar .navbar-nav {
    padding: 0 0 0 110px !important;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item {
    margin: 0 90px 0 0;
  }
  .wrapper-section .common-navbar .navbar-nav .nav-item .nav-link {
    font-size: 22.2222222222px !important;
  }
  .wrapper-section .common-button-block .see-explore-button {
    width: 229px !important;
  }
  .wrapper-section .home-banner-block {
    padding: 0 0 180px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block {
    padding: 340px 0 0 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block {
    font-size: 22.2222222222px !important;
    padding: 95px 0 65px 0 !important;
  }
  .wrapper-section .home-banner-block .home-banner-content-block .subtitle-block h5 {
    font-size: 22.2222222222px !important;
  }
  .wrapper-section .home-banner-block .home-main-header,
  .wrapper-section .home-banner-block .home-gradient-header {
    font-size: 133.3333333333px !important;
  }
  .wrapper-section .card-slide-block .sub-block p {
    line-height: unset;
    font-size: 38.8888888889px !important;
  }
  .wrapper-section .card-slide-block .sub-block .map-card-title {
    font-size: 44.4444444444px !important;
  }
}
.see-what-button {
  z-index: 2;
}
.see-what-button .default {
  display: block;
}
.see-what-button .hover {
  display: none;
}
.see-what-button :hover .default {
  display: none;
}
.see-what-button :hover .hover {
  display: block;
}

.common-button-block {
  width: -moz-fit-content;
  width: fit-content;
}
.common-button-block .see-explore-button {
  max-width: 160px !important;
}
.common-button-block a {
  text-decoration: none !important;
  color: unset;
}
.common-button-block .common-button-image {
  max-width: 160px !important;
  height: auto;
  cursor: pointer;
}
.common-button-block .default {
  display: block;
}
.common-button-block .hover {
  display: none;
}
.common-button-block:hover .default {
  display: none;
}
.common-button-block:hover .hover {
  display: block;
}

.wrapper-section {
  position: relative;
  background: #000000;
}
.wrapper-section.no-bg-color {
  background: none !important;
}

.home-banner-block {
  width: 100%;
  position: relative;
  z-index: 2;
  background: #211a31;
}
.home-banner-block .grid-lines-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
}
.home-banner-block .home-animation-image {
  position: absolute;
  width: auto;
  height: 100vh;
  z-index: 2;
  top: 0;
  right: 0;
  opacity: 0.8;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom right;
     object-position: bottom right;
}
.home-banner-block .home-banner-content-block {
  height: 100%;
  padding: 330px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-banner-block .home-banner-content-block .subtitle-block {
  padding: 90px 0 50px 0;
  position: relative;
  z-index: 2;
}
.home-banner-block .home-banner-content-block .subtitle-block h5 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 1px;
}
.home-banner-block .home-video-block {
  width: 100%;
  height: 100%;
  position: relative;
  /* The video element */
}
.home-banner-block .home-video-block video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures the video fills the parent while maintaining aspect ratio */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.home-main-header {
  font-family: "Inter";
  font-size: 96px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}

.home-gradient-header {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  font-family: "Inter";
  font-weight: 600;
  font-size: 96px;
  background: linear-gradient(90.59deg, #324ca2 0.16%, #2a2d9a 60.3%, #0a7d96 99.86%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  position: relative;
  z-index: 2;
}

.digital-core-block {
  background: linear-gradient(135deg, #231b2b 0%, #706fc6 100%);
  position: relative;
  z-index: 2;
  height: 100%;
}
.digital-core-block .digital-left-block {
  padding: 0 0 0 10%;
}
.digital-core-block .digital-left-block .digital-core-text-block {
  padding: 80px 0 80px 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box {
  width: 100%;
  padding: 0;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .block-primary-digital-title {
  color: #ffffff;
  font-family: "Inter";
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: left;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .block-primary-suffix-title {
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: left;
  color: #c3c0c3;
  padding: 10px 0 20px 0;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .list-item-block {
  padding: 40px 0 0 0;
  color: #ffffff;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .list-item-block .list-header {
  color: #ffffff;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 5px;
  margin: 15px 0 30px 0;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .list-item-block ul {
  list-style: none;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .list-item-block ul li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 65%;
  margin: 0 0 15px 0;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .list-item-block ul li.capability-list-item {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1px;
}
.digital-core-block .digital-left-block .digital-core-text-block .flex-box .list-item-block ul li .ul-text-btn {
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 4px;
  text-align: center;
  text-transform: uppercase;
}
.digital-core-block .digital-core-image-block {
  width: 100%;
  text-align: right;
  height: 100%;
  align-content: end;
  overflow: hidden;
}
.digital-core-block .digital-core-image-block .digital-core-image {
  min-width: 300px;
  max-height: 100%;
  width: 100%;
  height: auto;
}

.bold-moves-block {
  position: relative;
  height: 100%;
}
.bold-moves-block .slick-list {
  margin: 0 -10px; /* Adjust to compensate for the margins in the slides */
}
.bold-moves-block .slick-initialized .slick-slide {
  display: flex;
  margin: 0 10px;
  justify-content: center;
}
.bold-moves-block .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.bold-moves-block .bold-moves-content-block {
  position: relative;
  padding: 100px 30px;
}
.bold-moves-block .bold-moves-content-block .bold-moves-text-block .block-primary-bold-title {
  font-family: "Inter";
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  color: #ffffff;
  text-align: center;
}
.bold-moves-block .bold-moves-content-block .card-slide-block {
  padding: 60px 0 0 0;
}

.bold-moves-card .bold-moves-card-sub {
  width: 100%;
  max-width: 418px;
  border-radius: 10px;
  position: relative;
  transition: background-color 0.5s ease-in-out;
  overflow: hidden;
}
.bold-moves-card .bold-moves-card-sub .card-pretext-block {
  background: #211726;
  padding: 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.bold-moves-card .bold-moves-card-sub .card-pretext-block .bold-card-header {
  color: #ffffff;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: left;
  padding: 0 0 20px 0;
  min-height: 74px;
}
.bold-moves-card .bold-moves-card-sub .card-pretext-block .ellipsis-text {
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.8px;
  text-align: left;
  min-height: 65px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limits the text to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bold-moves-card .bold-moves-card-sub .card-image-block {
  overflow: hidden;
  background: #211726;
  position: relative;
}
.bold-moves-card .bold-moves-card-sub .card-image-block .card-para-style {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  margin: 0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: right 0.5s ease-in-out;
}
.bold-moves-card .bold-moves-card-sub .card-image-block .card-para-style p {
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.8;
  letter-spacing: 0.8px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 50px 0;
}
.bold-moves-card .bold-moves-card-sub .card-image-block .arrow-icon-img {
  position: absolute;
  bottom: 10px;
  right: -100%;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 20px;
  color: white;
  transition: right 0.7s ease-in-out;
}
.bold-moves-card .arrow-icon-style {
  position: absolute;
  z-index: 0;
  bottom: -50px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: bottom 0.5s ease-in-out;
  cursor: pointer;
}
.bold-moves-card .arrow-icon-style p {
  margin: 0px;
  color: white;
  border-bottom: 1px solid #ffffff;
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  transform: skewY(-1deg);
}
.bold-moves-card .arrow-icon-style img {
  width: 12.01px;
  height: 12px;
}
.bold-moves-card .bold-moves-card-sub:hover .card-image-block {
  background-color: #211726;
  position: relative;
}
.bold-moves-card .bold-moves-card-sub:hover .card-para-style {
  right: 0;
}
.bold-moves-card .bold-moves-card-sub:hover .blockchain-img.fade-out {
  opacity: 0 !important;
}
.bold-moves-card .bold-moves-card-sub:hover .arrow-icon-style {
  bottom: 30px;
}

.slider-control-custom {
  padding: 20px 0 20px 0;
}
.slider-control-custom .slider-contol-btn {
  padding: 0 10px;
  display: block !important;
}
.slider-control-custom svg {
  width: 16px;
  box-shadow: none !important;
  outline: none !important;
}
.slider-control-custom svg:focus {
  box-shadow: none !important;
  outline: none !important;
}
.slider-control-custom svg:hover {
  box-shadow: none !important;
  outline: none !important;
}
.slider-control-custom .slick-disabled {
  opacity: 0.5;
}

.image-map-block {
  position: relative;
  min-height: 100vh;
  background-image: url(../images/services/1.webp);
  background-position: center;
  background-size: cover;
}
.image-map-block .slick-track {
  height: 100vh !important;
}
.image-map-block.card-map-1 {
  background-image: url(../images/services/1.webp);
}
.image-map-block.card-map-1 .map-card[hover=card-map-1] {
  background: rgba(0, 0, 0, 0.6);
}
.image-map-block.card-map-1 .map-card[hover=card-map-1] .sub-block {
  bottom: 80px;
}
.image-map-block.card-map-1 .map-card[hover=card-map-1] .sub-block p {
  display: block;
}
.image-map-block.card-map-2 {
  background-image: url(../images/services/2.webp);
}
.image-map-block.card-map-2 .map-card[hover=card-map-2] {
  background: rgba(0, 0, 0, 0.6);
}
.image-map-block.card-map-2 .map-card[hover=card-map-2] .sub-block {
  bottom: 80px;
}
.image-map-block.card-map-2 .map-card[hover=card-map-2] .sub-block p {
  display: block;
}
.image-map-block.card-map-3 {
  background-image: url(../images/services/3.webp);
}
.image-map-block.card-map-3 .map-card[hover=card-map-3] {
  background: rgba(0, 0, 0, 0.6);
}
.image-map-block.card-map-3 .map-card[hover=card-map-3] .sub-block {
  bottom: 80px;
}
.image-map-block.card-map-3 .map-card[hover=card-map-3] .sub-block p {
  display: block;
}
.image-map-block.card-map-4 {
  background-image: url(../images/services/4.webp);
}
.image-map-block.card-map-4 .map-card[hover=card-map-4] {
  background: rgba(0, 0, 0, 0.6);
}
.image-map-block.card-map-4 .map-card[hover=card-map-4] .sub-block {
  bottom: 80px;
}
.image-map-block.card-map-4 .map-card[hover=card-map-4] .sub-block p {
  display: block;
}

.map-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100vh;
  width: 100%;
}
.map-card .sub-block p {
  display: none;
}
.map-card .map-card-title {
  letter-spacing: 1.8px;
  font-family: "Inter";
  line-height: 24px;
  line-height: 1;
  font-weight: 700;
  font-size: 32px;
  color: #ffffff;
}
.map-card .sub-block {
  padding: 0px 30px;
  position: absolute;
  bottom: 40px;
  width: 100%;
  transition: opacity 0.3s ease, bottom 0.6s ease; /* Smooth transitions for fade and position */
}
.map-card .sub-block p {
  margin: 50px 0 0 0;
  color: #ffffff;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1.5px;
}

.image-map-block > .map-card:nth-child(1):hover {
  background-image: url(../images/bg/4.png); /* Card hover affecting parent */
}

.image-map-block > .map-card:nth-child(2):hover {
  background-image: url(../images/bg/3.png); /* Background image when second card is hovered */
}

.image-map-block > .map-card:nth-child(3):hover {
  background-image: url(../images/bg/2.png); /* Background image when third card is hovered */
}

.transform-ideas-block {
  background: #ffffff;
  padding: 0 0 0 5%;
}

.transform-ideas-text-block {
  width: 95%;
  padding: 5% 30px 5% 0;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transform-ideas-text-block .header-text-block .primary {
  color: #191717;
  font-family: "Inter";
  font-size: 65px;
  font-weight: 700;
  line-height: 1.5;
}
.transform-ideas-text-block .header-text-block .secondary-gradient {
  font-family: "Inter";
  font-size: 70px;
  font-weight: 700;
  letter-spacing: 1.5px;
  background: linear-gradient(90.59deg, #324ca2 0.16%, #2a2d9a 60.3%, #0a7d96 99.86%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding: 0 0 10px 0;
}
.transform-ideas-text-block .sub-text-content {
  padding: 50px 100px 0px 0;
}
.transform-ideas-text-block .sub-text-content .transform-ideas-txt {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  line-height: 1.7;
  letter-spacing: 0.4px;
}
.transform-ideas-text-block .header-flex-block {
  padding: 0 100px 0 0;
  position: relative;
}
.transform-ideas-text-block .header-flex-block .gradient-line-block {
  position: absolute;
  height: 100%;
  right: 0;
}
.transform-ideas-text-block .header-flex-block .gradient-line-block svg {
  height: 100%;
}
.transform-ideas-text-block .header-flex-block .gradient-line-block svg rect {
  height: 100%;
}

.planning-section-block .plan-detail-block {
  padding: 0 0 0 30px;
}

.implement-section .plans-header-flex {
  padding: 10px 0 60px 0px;
}

.plan1-block {
  padding: 50px 5% 50px 5%;
  background: #ffffff;
}
.plan1-block.test-section .plans-image-block {
  padding: 0 0 0 0 !important;
  align-items: unset;
}
.plan1-block.deploy .deploy-img-block {
  height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
.plan1-block.deploy .deploy-img-block .plans-demo-bg {
  max-height: 500px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.plan1-block.maintain {
  padding-bottom: 90px !important;
}
.plan1-block.maintain .maintain-row .plan-detail-block .maintain-float-image {
  width: 100%;
  max-width: 163px;
  height: 100%;
  max-height: 290px;
  position: absolute;
  bottom: -75px;
  left: -50px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
.plan1-block.maintain .plans-image-block .plans-demo-bg {
  max-width: 737px;
  max-height: 444px;
  -o-object-fit: contain;
     object-fit: contain;
}

.plans-header-bg {
  font-family: "Inter";
  font-size: clamp(1rem, 4vw, 50px);
  font-weight: 600;
  text-align: center;
  color: rgba(18, 17, 17, 0.6);
  margin: 0 0 0 0;
  padding: 0 60px 0 0;
}

.plan-content-text {
  color: #000000;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  line-height: 1.7;
  letter-spacing: 0.4px;
  position: relative;
  z-index: 1;
}

.plans-image-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plans-image-block.test-block .img-wrapper {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  overflow: hidden;
}
.plans-image-block.test-block .img-wrapper:hover .test-demo-img1 {
  top: -130%;
  transition: top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.plans-image-block.test-block .img-wrapper:hover .test-demo-img2 {
  top: 18%;
  transition: top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.plans-image-block.test-block .img-wrapper .plans-demo-bg {
  max-height: 550px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.plans-image-block.test-block .img-wrapper .test-demo-img1 {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
  transition: top 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.plans-image-block.test-block .img-wrapper .test-demo-img2 {
  position: absolute;
  top: 140%; /* Changed from bottom: -60% to top: 140% */
  left: 50%;
  transform: translateX(-50%);
  transition: top 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.plans-image-block.planning-section {
  max-height: 458px !important;
}
.plans-image-block.planning-section .img-wrapper {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.plans-image-block.planning-section .img-wrapper:hover .plan-demo-img1 {
  top: -130%;
  transition: top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.plans-image-block.planning-section .img-wrapper:hover .plan-demo-img2 {
  top: 18%;
  transition: top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.plans-image-block.planning-section .img-wrapper .plans-demo-bg {
  height: 100%;
  max-height: 458px !important;
  width: 100%;
}
.plans-image-block.planning-section .img-wrapper .plan-demo-img1 {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
  transition: top 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.plans-image-block.planning-section .img-wrapper .plan-demo-img2 {
  position: absolute;
  top: 140%; /* Changed from bottom: -60% to top: 140% */
  left: 50%;
  transform: translateX(-50%);
  transition: top 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.plans-image-block .plans-demo-bg {
  max-height: 458px;
  width: 100%;
  position: relative;
}
.plans-image-block .plans-demo-card {
  position: absolute;
}

.plan-detail-block {
  padding: 0 0 0 30px;
}

.plan-detail-block.left-block {
  padding: 0;
}
.plan-detail-block .plans-header-flex {
  padding: 0 0 30px 0;
}
.plan-detail-block .plans-header-flex .header-wrapper {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 5px 0;
}
.plan-detail-block .plans-header-flex .header-wrapper .gradient-line-block {
  position: absolute;
  height: 100%;
  right: 0;
}
.plan-detail-block .plans-header-flex .header-wrapper .gradient-line-block svg {
  height: 100%;
  width: auto;
}
.plan-detail-block .plans-header-flex .header-wrapper .gradient-line-block svg rect {
  height: 100%;
}

.careers-block {
  min-height: 100vh;
  background: #2c3e50;
  position: relative;
  padding: 60px 0 0 25px;
  overflow: hidden;
}
.careers-block .grid-lines-image {
  position: absolute;
  z-index: 0;
  bottom: -180px;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.careers-block .careers-text-block {
  height: 100px;
}
.careers-block .careers-text-block .career-title-header {
  font-family: "Inter";
  font-size: 28px !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  text-align: start;
  color: #ffffff;
}
.careers-block .career-main-title-row {
  padding: 132px 0 0 60px;
  position: relative;
}
.careers-block .career-main-title-row .careers-main-text-block {
  position: relative;
  z-index: 1;
}
.careers-block .career-main-title-row .careers-main-text-block .career-main-title-header {
  font-family: "Inter";
  color: #ffffff;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
  letter-spacing: 1.5px !important;
  text-align: left;
}
.careers-block .career-main-title-row .careers-theme-image-block {
  margin: -250px 0 50px 0;
  text-align: right;
}
.careers-block .career-main-title-row .careers-theme-image-block .careers-theme-image {
  width: 100%;
  max-width: 676px !important;
  max-height: 434px;
  border-radius: 15px;
  border-bottom-left-radius: 80px;
  transform: rotate(-11.3deg);
  padding: 0 0 0 15px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .careers-block .career-main-title-row .careers-theme-image-block .careers-theme-image {
    max-width: 500px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .careers-block .career-main-title-row .careers-theme-image-block .careers-theme-image {
    max-width: 475px;
  }
}
.careers-block .career-main-title-row .sub-label-block {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 90px 0 0;
}
.careers-block .career-main-title-row .sub-label-block p {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #ffffff;
}

.job-explore-block {
  min-height: 100vh;
  position: relative;
  background: linear-gradient(106.34deg, #5086cb 0%, #2f3aa1 63.08%);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px 0 0 0;
}
.job-explore-block .main-row {
  padding: 50px 0 50px 0;
}
.job-explore-block .content-block {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0 0 80px;
}
.job-explore-block .content-block .content-para {
  width: 100%;
  font-family: "Inter";
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
  line-height: 1.8;
}
.job-explore-block .content-block .button-flex-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 44px;
  padding: 60px 0 0 0;
}
.job-explore-block .career-groups-image-block {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 60px 0 0 0;
}
.job-explore-block .career-groups-image-block .career-groups-image {
  -o-object-position: right;
     object-position: right;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 418px;
  width: 100%;
}

@media (min-width: 100px) and (max-width: 575px) {
  .job-explore-block {
    padding: 0;
  }
  .job-explore-block .main-row {
    padding: 50px 0 50px 0;
    display: block;
  }
  .job-explore-block .content-block {
    padding: 0 20px;
  }
  .job-explore-block .content-block .content-para {
    font-size: 14px;
  }
  .job-explore-block .content-block .button-flex-block {
    padding: 0 0 0 0;
    gap: 0 20px;
  }
  .job-explore-block .content-block .button-flex-block .common-button-block {
    padding: 15px 0 0 0 !important;
  }
  .job-explore-block .content-block .button-flex-block .common-button-block .common-button-image {
    height: auto !important;
    width: 120px;
  }
  .job-explore-block .career-image {
    padding: 0 !important;
  }
}
.career-search-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  background: linear-gradient(106.34deg, #5086cb 0%, #2f3aa1 63.08%);
  border-top: 1px solid #ffffff;
}
@media (min-width: 300px) and (max-width: 449px) {
  .career-search-block {
    display: flex;
    flex-flow: column;
  }
}
.career-search-block .head-title-block {
  padding: 40px 32px;
  width: 100%;
  height: 100%;
  border-right: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 300px) and (max-width: 449px) {
  .career-search-block .head-title-block {
    border-bottom: 1px solid #ffffff;
    border-right: 0px;
  }
}
.career-search-block .head-title-block p {
  color: #ffffff;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.5px;
  text-align: center;
}
@media (min-width: 300px) and (max-width: 767px) {
  .career-search-block .head-title-block p {
    font-size: 16px;
    padding: 0px 5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .career-search-block .head-title-block p {
    font-size: 18px;
  }
}
.career-search-block .search-btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
.contact-us-block {
  display: flex;
  justify-content: center;
  height: 658px;
  background-image: url(../images/bg/contact-us.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.contact-us-block .main-grid {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.contact-us-block .box-flex-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.contact-us-block .box-flex-block .box-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 0px; /* space between boxes */
  justify-items: center;
  align-items: center;
}
.contact-us-block .box-flex-block .box-block .box {
  width: 324px;
  height: 206px;
  background-color: transparent; /* Blue color, you can change it */
  margin: 0px;
  display: flex;
  justify-content: center; /* Center content horizontally */
  align-items: center; /* Center content vertically */
  color: white;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid rgba(255, 255, 255, 0.4196078431);
  transition: background-color 0.3s ease;
  position: relative;
}
.contact-us-block .box-flex-block .box-block .box span {
  z-index: 1;
  font-weight: 600;
  font-family: "Inter";
  letter-spacing: 1px;
}
.contact-us-block .box-flex-block .box-block .box:nth-child(1) {
  border-right-width: 0;
  border-bottom-width: 0;
}
.contact-us-block .box-flex-block .box-block .box:nth-child(2) {
  border-bottom-width: 0;
}
.contact-us-block .box-flex-block .box-block .box:nth-child(3) {
  border-right-width: 0;
}
.contact-us-block .box-flex-block .box-block .box:hover::before {
  border: 2px solid #ffffff;
  background-color: #ccb2c9;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  position: absolute;
  content: "";
  left: -2px;
  z-index: 0;
  right: 0;
}
.contact-us-block .box-flex-block .box-block .box:hover span {
  color: #000000;
}
.contact-us-block .help-text-block {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 21%;
}
.contact-us-block .help-text-block h4 {
  color: #ffffff;
  font-family: "Inter";
  font-size: 64px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-align: left;
  margin: 0 !important;
}
.contact-us-block .help-text-block .common-button-block .common-button-image {
  width: 248px !important;
  height: 78px !important;
}
@media (min-width: 300px) and (max-width: 575px) {
  .contact-us-block {
    height: 262.7430555556px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 125px;
    height: 62px;
    font-size: 10px;
  }
  .contact-us-block .main-grid {
    flex-direction: column;
  }
  .contact-us-block .help-text-block {
    padding-left: 0;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 10px;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
  }
  .contact-us-block .help-text-block .common-button-block {
    padding-top: 10px !important;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 60px !important;
    height: 19px !important;
  }
  .contact-us-block .main-grid-subwrapper {
    height: unset !important;
    margin-top: 25px;
  }
  .contact-us-block .help-text-wrapper {
    height: unset !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .contact-us-block {
    height: 350.4763888889px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 135px;
    height: 85px;
    font-size: 13px;
  }
  .contact-us-block .help-text-block {
    padding-left: 0;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 14px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block {
    padding-top: 2rem !important;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 80px !important;
    height: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-us-block {
    height: 452.8319444444px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 173px;
    height: 110px;
    font-size: 15px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 28px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block {
    padding-top: 2rem !important;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 128px !important;
    height: 41px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .contact-us-block {
    height: 467.4541666667px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 231px;
    height: 147px;
    font-size: 20px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 37px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 170px !important;
    height: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .contact-us-block {
    height: 584.4319444444px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 231px;
    height: 147px;
    font-size: 20px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 37px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 170px !important;
    height: 53px !important;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .contact-us-block {
    height: 623.7291666667px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 289px;
    height: 184px;
    font-size: 26px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 52px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 220px !important;
    height: 69px !important;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .contact-us-block {
    height: 657.5430555556px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 313px;
    height: 199px;
    font-size: 28px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 50px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 238px !important;
    height: 75px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .contact-us-block {
    height: 658px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 324px;
    height: 206px;
    font-size: 32px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 56px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 248px !important;
    height: 78px !important;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .contact-us-block {
    height: 876.8763888889px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 360px;
    height: 229px;
    font-size: 34px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 65px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    width: 275px !important;
    height: 86px !important;
  }
}
@media (min-width: 1920px) {
  .contact-us-block {
    height: 877.3333333333px;
  }
  .contact-us-block .box-flex-block .box-block .box {
    width: 440px;
    height: 280px;
    font-size: 40px;
  }
  .contact-us-block .help-text-block h4 {
    font-size: 80px;
    line-height: 1.5;
  }
  .contact-us-block .help-text-block .common-button-block .common-button-image {
    height: 108px !important;
    width: 343px !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.maintain-col1 {
  position: relative;
}

.bg-gradient-block {
  flex: 1;
  width: 5%;
  background: linear-gradient(180.93deg, rgba(75, 81, 205, 0.89) 0.8%, rgba(26, 37, 101, 0.89) 98.35%);
}
@media (min-width: 300px) and (max-width: 575px) {
  .bg-gradient-block {
    display: none;
  }
}

.job-page-explore-block {
  background: #121212;
  padding: 100px 0 0 0;
  min-height: 100vh;
}
.job-page-explore-block .main-row-1 {
  padding: 60px 0 0 0;
}
.job-page-explore-block .content-block {
  display: flex;
  align-items: unset;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.job-page-explore-block .content-block .job-main-title {
  font-family: "Inter";
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
  color: #ffffff;
  line-height: 1.4;
}
@media (min-width: 768px) and (max-width: 991px) {
  .job-page-explore-block .content-block .job-main-title {
    font-size: 45px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .job-page-explore-block .content-block .job-main-title {
    font-size: 35px;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .job-page-explore-block .content-block .job-main-title {
    font-size: 25px;
    padding: 0 20px;
    text-align: left;
  }
}
.job-page-explore-block .content-block .sub-title-block {
  padding: 30px 60px 0 120px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .job-page-explore-block .content-block .sub-title-block {
    padding: 30px 12px 0 90px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .job-page-explore-block .content-block .sub-title-block {
    padding: 30px 12px 0 75px;
  }
}
@media (min-width: 300px) and (max-width: 449px) {
  .job-page-explore-block .content-block .sub-title-block {
    padding: 30px 20px 0 20px;
  }
}
@media (min-width: 450px) and (max-width: 575px) {
  .job-page-explore-block .content-block .sub-title-block {
    padding: 30px 20px 0 20px;
  }
}
.job-page-explore-block .content-block .sub-title-block .job-sub-title {
  font-family: "Inter";
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
  line-height: 1.8;
  margin-bottom: 45px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .job-page-explore-block .content-block .sub-title-block .job-sub-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .job-page-explore-block .content-block .sub-title-block .job-sub-title {
    font-size: 20px;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .job-page-explore-block .content-block .sub-title-block .job-sub-title {
    font-size: 16px;
    margin: 0;
  }
}
.job-page-explore-block .inner-row-1 {
  gap: 5px 0;
}
.job-page-explore-block .oppurtunity-card-block {
  padding-right: 45px;
}
@media (min-width: 300px) and (max-width: 991px) {
  .job-page-explore-block .oppurtunity-card-block {
    padding-right: 0px !important;
    padding-bottom: 30px;
  }
}
.job-page-explore-block .oppurtunity-card-block .col-1 {
  padding-right: 0px;
  margin-top: -45px;
  padding-bottom: 75px;
  padding-left: 0px !important;
}
@media (min-width: 300px) and (max-width: 575px) {
  .job-page-explore-block .oppurtunity-card-block .col-1 .careers-image {
    width: 90%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .job-page-explore-block .oppurtunity-card-block .col-1 {
    width: 12%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .job-page-explore-block .oppurtunity-card-block .col-1 {
    width: 16.66666667%;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .job-page-explore-block .oppurtunity-card-block .col-1 {
    padding: 45px 0 0 0;
    width: 20%;
  }
}
.job-page-explore-block .oppurtunity-card-block .col-11 {
  padding-left: 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .job-page-explore-block .oppurtunity-card-block .col-11 {
    width: 88%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .job-page-explore-block .oppurtunity-card-block .col-11 {
    width: 83.33333333%;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .job-page-explore-block .oppurtunity-card-block .col-11 {
    width: 80%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .job-page-explore-block .oppurtunity-card-block .col-11 .row {
    padding-left: 5px !important;
  }
}
.job-page-explore-block .oppurtunity-card-block .careers-card-wrapper {
  padding: 0 20px 20px 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .job-page-explore-block .oppurtunity-card-block {
    width: 88%;
  }
}

.careers-square-card {
  color: #ffffff;
  padding: 30px;
  position: relative;
}
@media (min-width: 1366px) and (max-width: 4000px) {
  .careers-square-card {
    width: calc(282px + 168 * (100vw - 1440px) / 480);
    max-width: 100%;
    aspect-ratio: 1.1235;
    max-height: 360px;
  }
}
@media (min-width: 300px) and (max-width: 1365px) {
  .careers-square-card {
    width: 100%;
    height: 251px;
  }
}
.careers-square-card.one {
  background: #ee8e46;
}
.careers-square-card.one p {
  text-align: left;
}
.careers-square-card.one .careers-card-image {
  width: 96px;
  height: 97px;
}
@media (min-width: 992px) and (max-width: 1365px) {
  .careers-square-card.one .careers-card-image {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .careers-square-card.one .careers-card-image {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .careers-square-card.one .careers-card-image {
    width: 131px;
    height: 131px;
  }
}
@media (min-width: 1601px) {
  .careers-square-card.one .careers-card-image {
    width: 175px;
    height: 175px;
  }
}
.careers-square-card.two {
  background: #ff6d6b;
}
.careers-square-card.two .careers-card-image {
  width: 96px;
  height: 96px;
}
@media (min-width: 992px) and (max-width: 1365px) {
  .careers-square-card.two .careers-card-image {
    width: 96px;
    height: 96px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .careers-square-card.two .careers-card-image {
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .careers-square-card.two .careers-card-image {
    width: 131px;
    height: 131px;
  }
}
@media (min-width: 1601px) {
  .careers-square-card.two .careers-card-image {
    width: 140px;
    height: 140px;
  }
}
.careers-square-card.three {
  background: #8a6729;
}
.careers-square-card.three .careers-card-image {
  width: 108px;
  height: 108px;
}
@media (min-width: 992px) and (max-width: 1365px) {
  .careers-square-card.three .careers-card-image {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .careers-square-card.three .careers-card-image {
    width: 90px;
    height: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .careers-square-card.three .careers-card-image {
    width: 108px;
    height: 108px;
  }
}
@media (min-width: 1601px) {
  .careers-square-card.three .careers-card-image {
    width: 125px;
    height: 125px;
  }
}
.careers-square-card.four {
  background: #00bcd4;
}
.careers-square-card.four .careers-card-image {
  width: 96px;
  height: 96px;
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .careers-square-card.four .careers-card-image {
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .careers-square-card.four .careers-card-image {
    width: 96px;
    height: 87px;
  }
}
@media (min-width: 1601px) {
  .careers-square-card.four .careers-card-image {
    width: 115px;
    height: 115px;
  }
}
.careers-square-card p {
  font-family: "Inter";
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 1.5px;
  text-align: left;
  font-size: clamp(16px, 16px + 20 * (100vw - 300px) / 1600, 36px);
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .careers-square-card p {
    font-size: 20px;
  }
}
.careers-square-card .images-block {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.mavs-gallery-section {
  background: #000000;
  min-height: 100vh;
  position: relative;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100vh;
}
.mavs-gallery-section .our-team-box {
  position: fixed;
  display: grid;
  z-index: 200;
  width: 100%;
  top: 100px;
  left: 0;
}
.mavs-gallery-section .our-team-box .our-team-one-style {
  height: 100px;
  overflow: hidden;
  position: relative;
}
.mavs-gallery-section .our-team-box .our-team-one-style .our-team-one-style-img-one {
  position: absolute;
}
.mavs-gallery-section .our-team-box .our-team-two-style {
  transition: top 1s ease;
  position: relative;
  overflow: hidden;
  height: 100px;
  top: -100px;
  left: 0;
}
.mavs-gallery-section .our-team-box .our-team-two-style .our-team-two-style-img-two {
  position: absolute;
  top: -101px;
}
.mavs-gallery-section .scroll-snap-y-element {
  padding: 1rem;
  height: 100vh;
  scroll-snap-align: start;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.mavs-gallery-section .scroll-snap-y-element h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: white;
  width: 100%;
  left: 0;
  font-size: calc(1rem + 3vw);
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link {
  display: block;
  position: absolute;
  z-index: 100;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(1) {
  left: 5vw;
  top: 40%;
  width: 10vw;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(1) img {
  width: 100%;
  height: auto;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(2) {
  left: 30vw;
  width: 25vw;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(2) img {
  width: 100%;
  height: auto;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(3) {
  position: absolute;
  z-index: 300;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.6);
  transition: all 0.5s ease;
  animation: moveRight 2s forwards;
  transition: all 4s ease;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(3) img {
  max-width: 30vw;
  height: 100%;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(4) {
  bottom: 0;
  left: 25vw;
  width: 35vw;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(4) img {
  width: 100%;
  height: auto;
}

/*=== Animations start here  ===*/
@keyframes moveRight {
  0% {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.6);
  }
  80% {
    left: 50%;
    top: 10%;
    transform: translate(50%, 0.5%) scale(1);
  }
  100% {
    left: 50%;
    top: 10%;
    transform: translate(50%, 0%) scale(1);
  }
}
.mavs-life-explore-section .mavs-life-explore-block {
  background: #1a1d29;
  padding: 0 80px;
}
@media (min-width: 576px) and (max-width: 991px) {
  .mavs-life-explore-section .mavs-life-explore-block {
    height: 100%;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-life-explore-section .mavs-life-explore-block {
    height: 100%;
    padding: 30px 20px 20px 20px;
  }
}
.mavs-life-explore-section .mavs-life-explore-block .main-row-1 {
  padding: 60px 0 0 0;
}
.mavs-life-explore-section .mavs-life-explore-block .main-row-1.calc-height {
  min-height: calc(100vh - 132px);
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-life-explore-section .mavs-life-explore-block .main-row-1 {
    padding: 20px 0 0 0;
  }
}
.mavs-life-explore-section .mavs-life-explore-block .content-block .main-title {
  font-family: "Inter";
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: left;
  color: rgba(255, 255, 255, 0.368627451);
  margin: 0 !important;
  line-height: 1.4;
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-life-explore-section .mavs-life-explore-block .content-block .main-title {
    font-size: 45px;
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-life-explore-section .mavs-life-explore-block .content-block .main-title {
    font-size: 30px;
    text-align: center;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-life-explore-section .mavs-life-explore-block .content-block .main-title {
    font-size: 30px;
    text-align: left;
  }
}
.mavs-life-explore-section .mavs-life-explore-block .explore-content-block {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 300px) and (max-width: 991px) {
  .mavs-life-explore-section .mavs-life-explore-block .explore-content-block {
    justify-content: center;
  }
}
.mavs-life-explore-section .mavs-life-explore-block .explore-content-block p {
  font-family: "Inter";
  font-size: 30px;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  line-height: 1.8;
  letter-spacing: 0.5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-life-explore-section .mavs-life-explore-block .explore-content-block p {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-life-explore-section .mavs-life-explore-block .explore-content-block p {
    font-size: 18px;
  }
}
@media (min-width: 300px) and (max-width: 449px) {
  .mavs-life-explore-section .mavs-life-explore-block .explore-content-block p {
    font-size: 14px;
  }
}
@media (min-width: 450px) and (max-width: 575px) {
  .mavs-life-explore-section .mavs-life-explore-block .explore-content-block p {
    font-size: 18px;
  }
}
.mavs-life-explore-section .mavs-life-explore-block .image-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-life-explore-section .mavs-life-explore-block .image-section {
    margin-top: -100px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-life-explore-section .mavs-life-explore-block .image-section {
    margin-top: -100px;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-life-explore-section .mavs-life-explore-block .image-section {
    margin-top: -50px;
  }
}

.follow-us-now-block {
  background: #121212;
  padding: 30px 0;
}
.follow-us-now-block .content-block {
  display: flex;
  align-items: center;
}
.follow-us-now-block .content-block .text-block {
  display: flex;
  align-items: center;
  margin: 0 150px 0 0;
}
@media (min-width: 576px) and (max-width: 767px) {
  .follow-us-now-block .content-block .text-block {
    margin: 0 125px 0 0;
  }
}
@media (min-width: 300px) and (max-width: 449px) {
  .follow-us-now-block .content-block .text-block {
    margin: 0 15px 0 0;
  }
}
@media (min-width: 448px) and (max-width: 575px) {
  .follow-us-now-block .content-block .text-block {
    font-size: 16px;
    margin: 0 18px 0 0;
  }
}
.follow-us-now-block .content-block .text-block .follow-title {
  color: #ffffff;
  margin: 0 30px 0 0;
  font-family: "Inter";
  font-size: 45px;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .follow-us-now-block .content-block .text-block .follow-title {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .follow-us-now-block .content-block .text-block .follow-title {
    font-size: 18px;
  }
}
@media (min-width: 300px) and (max-width: 449px) {
  .follow-us-now-block .content-block .text-block .follow-title {
    font-size: 13px;
    margin: 0 15px 0 0;
  }
}
@media (min-width: 448px) and (max-width: 575px) {
  .follow-us-now-block .content-block .text-block .follow-title {
    font-size: 16px;
    margin: 0 18px 0 0;
  }
}
.follow-us-now-block .content-block .text-block .follow-tag {
  text-decoration: none !important;
  color: #ffffff;
  font-family: "Inter";
  font-size: 45px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .follow-us-now-block .content-block .text-block .follow-tag {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .follow-us-now-block .content-block .text-block .follow-tag {
    font-size: 18px;
  }
}
@media (min-width: 300px) and (max-width: 449px) {
  .follow-us-now-block .content-block .text-block .follow-tag {
    font-size: 13px;
  }
}
@media (min-width: 448px) and (max-width: 575px) {
  .follow-us-now-block .content-block .text-block .follow-tag {
    font-size: 16px;
  }
}
.follow-us-now-block .content-block .img-block {
  display: flex;
  align-items: center;
  gap: 0 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .follow-us-now-block .content-block .img-block {
    gap: 0 45px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .follow-us-now-block .content-block .img-block {
    gap: 0 30px;
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .follow-us-now-block .content-block .img-block {
    gap: 0 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .follow-us-now-block .content-block .img-block svg {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .follow-us-now-block .content-block .img-block svg {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 300px) and (max-width: 449px) {
  .follow-us-now-block .content-block .img-block svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 448px) and (max-width: 575px) {
  .follow-us-now-block .content-block .img-block svg {
    width: 30px;
    height: 30px;
  }
}
.follow-us-now-block .content-block .img-block a {
  text-decoration: none !important;
  width: -moz-fit-content;
  width: fit-content;
}

.how-can-help-section {
  background: #000000;
  position: relative;
  padding: 30px;
  height: 100%;
}
.how-can-help-section .red-light-gradient {
  position: absolute;
  top: -250px;
  left: 0;
}
.how-can-help-section .blue-light-gradient {
  position: absolute;
  right: 0;
  bottom: 0;
}
.how-can-help-section .how-can-help-block {
  height: -moz-fit-content;
  height: fit-content;
}
.how-can-help-section .how-can-help-block .text-block {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.how-can-help-section .how-can-help-block .text-block h4 {
  position: relative;
  font-family: "Inter";
  font-size: 57px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-align: left;
  color: #ffffff;
  margin: 0;
  text-transform: capitalize;
}
.how-can-help-section .how-can-help-block .image-section {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.how-can-help-section .how-can-help-block .image-section img {
  max-height: 736px;
}
@media (min-width: 300px) and (max-width: 575px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 21px;
    text-align: center;
    width: 100%;
    padding-top: 20px;
  }
  .how-can-help-section .how-can-help-block .image-section {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 218px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 3.5vw;
    right: -22px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 218px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 26px;
    right: -28px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 288px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 39.27px;
    right: -50px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 378px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 38px;
    right: -28px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 388px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 50.67px;
    right: -50px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 488px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 54.12px;
    right: -50px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 520px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 57px;
    right: -50px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 543px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 63.37px;
    right: -50px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 605px;
  }
}
@media (min-width: 1920px) {
  .how-can-help-section .how-can-help-block .text-block h4 {
    font-size: 76px;
    right: -50px;
  }
  .how-can-help-section .how-can-help-block .image-section img {
    height: 736px;
  }
}

.looking-for-section {
  min-height: 100vh;
  background: #000000;
  position: relative;
}
.looking-for-section .looking-for-block .main-row-1 {
  padding: 60px 0 0 0;
}
.looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
  font-family: "Inter";
  font-size: 64px;
  font-weight: 500;
  margin: 50px 0 80px 0;
  letter-spacing: 1.5px;
  text-align: center;
  color: #ffffff;
}
.looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
  color: #ffffff;
  font-family: "Inter";
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-align: center;
  padding: 0 20px;
}
.looking-for-section .looking-for-block .progress-container {
  padding: 80px 12px 12px 12px;
}
.looking-for-section .looking-for-block .progress-container .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.looking-for-section .looking-for-block .progress-container .grid-container {
  -moz-column-gap: 120px;
       column-gap: 120px;
  row-gap: 90px;
}
.looking-for-section .looking-for-block .slider-text-block .heading-title {
  font-family: "Inter";
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-align: center;
  color: #ffffff;
  margin: 0 0 30px 0;
  line-height: 1.5;
}
.looking-for-section .looking-for-block .slider-text-block .slider-content {
  background: #d9d9d9;
  border-radius: 30px;
  height: 22px;
  position: relative;
}
.looking-for-section .looking-for-block .slider-text-block .slider-content .progress-block {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(90deg, #1237ff 0%, #3f0985 100%);
}
@media (min-width: 300px) and (max-width: 575px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 24px;
    margin: 0 0 30px 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 11px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 30px 32px 0 32px;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 23px;
         column-gap: 23px;
    row-gap: 32px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 9px;
    margin: 0 0 8px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 35px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 17px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 45px;
         column-gap: 45px;
    row-gap: 51px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 13px;
    margin: 0 0 14px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 35px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 17px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 45px;
         column-gap: 45px;
    row-gap: 51px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 13px;
    margin: 0 0 14px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 40px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 21px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 57px;
         column-gap: 57px;
    row-gap: 63px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 18px;
    margin: 0 0 19px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 42px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 24px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 57px;
         column-gap: 57px;
    row-gap: 63px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 19px;
    margin: 0 0 19px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 16px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 55px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 30px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 72px;
         column-gap: 72px;
    row-gap: 71px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 24px;
    margin: 0 0 25px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 21px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 60px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 33px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 83px;
         column-gap: 83px;
    row-gap: 76px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 25px;
    margin: 0 0 25px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 22px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 64px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 34px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 89px;
         column-gap: 89px;
    row-gap: 79px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 27px;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 22px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 67px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 38px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 120px;
         column-gap: 120px;
    row-gap: 90px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 29px;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 22px;
  }
}
@media (min-width: 1920px) {
  .looking-for-section .looking-for-block .main-row-1 .content-block .main-title {
    font-size: 86px;
    margin: 50px 0 7% 0;
  }
  .looking-for-section .looking-for-block .main-row-1 .content-block .sub-title-block .sub-title {
    font-size: 47px;
    line-height: 1.4;
  }
  .looking-for-section .looking-for-block .progress-container {
    padding: 7% 11% 5% 11%;
  }
  .looking-for-section .looking-for-block .progress-container .grid-container {
    -moz-column-gap: 120px;
         column-gap: 120px;
    row-gap: 90px;
  }
  .looking-for-section .looking-for-block .slider-text-block .heading-title {
    font-size: 38px;
    margin: 0 0 30px 0;
  }
  .looking-for-section .looking-for-block .slider-text-block .slider-content {
    border-radius: 30px;
    height: 30px;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .wrapper-section {
    min-height: 100vh !important;
    padding: 0;
  }
  .looking-for-section {
    min-height: auto !important;
  }
  .looking-for-block .main-row-1 {
    padding: 0 !important;
  }
}
.mavs-blog-section {
  min-height: 100vh;
  background: #000000;
  position: relative;
}
.mavs-blog-section .red-light-gradient {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 200px;
  height: 300px;
}
.mavs-blog-section .blue-light-gradient {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 200px;
  height: 300px;
}
.mavs-blog-section .main-row1 {
  padding: 80px 0 10px 0;
}
.mavs-blog-section .header-block h4 {
  font-family: "Inter";
  font-size: 125px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
  margin: 0 !important;
  background-image: linear-gradient(103.4deg, #ca12d4 3.23%, #520758 92.63%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .header-block h4 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .header-block h4 {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .header-block h4 {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .header-block h4 {
    font-size: 48px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .header-block h4 {
    font-size: 56px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .header-block h4 {
    font-size: 65px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .header-block h4 {
    font-size: 78px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .header-block h4 {
    font-size: 96px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .header-block h4 {
    font-size: 100px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .header-block h4 {
    font-size: 125px;
  }
}
.mavs-blog-section .main-row2 {
  padding: 30px 0 0 0;
}
.mavs-blog-section .main-row2 .square-xl-card-wrapper,
.mavs-blog-section .main-row2 .square-card-wrapper {
  display: flex;
  width: 50%;
}
.mavs-blog-section .main-row2 .card-minimal-wrapper {
  display: flex;
  width: 50%;
}
.mavs-blog-section .main-row2 .portrait-card-wrapper {
  display: flex;
  width: 25%;
}
.mavs-blog-section .main-row2 .card-minimal {
  background-color: #f1ae93;
  border-radius: 30px;
  transition: all 0.5s ease;
  position: relative;
  width: 896px;
  height: 411px;
  aspect-ratio: 674/309;
  background-color: #f1ae93;
  transition: all 0.5s ease;
  position: relative;
}
@media (min-width: 300px) and (max-width: 479px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 120px;
    height: 75px;
  }
}
@media (min-width: 480px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 165px;
    height: 121px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 269px;
    height: 123px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 359px;
    height: 165px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 463px;
    height: 212px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 478px;
    height: 219px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 597px;
    height: 274px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 637px;
    height: 292px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 674px;
    height: 309px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 747px;
    height: 342px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .card-minimal {
    width: 896px;
    height: 411px;
  }
}
.mavs-blog-section .main-row2 .card-minimal .float-text-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: rgb(255, 255, 255);
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50%;
  padding: 25px;
}
.mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
  font-family: "Inter";
  font-size: 65px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: rgb(255, 255, 255);
}
.mavs-blog-section .main-row2 .card-minimal .float-text-block p {
  font-family: "Inter";
  font-size: 28px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1.5px;
  color: rgb(255, 255, 255);
  padding: 0;
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 18px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 18px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 23px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 28px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 32px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 22px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 36px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 24px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 40px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 26px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 48px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 28px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 51px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 30px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .card-minimal .float-text-block h5 {
    font-size: 65px;
  }
  .mavs-blog-section .main-row2 .card-minimal .float-text-block p {
    font-size: 35px;
  }
}
.mavs-blog-section .main-row2 .card-minimal img {
  transition: all 0.5s ease;
  border-radius: 30px;
  height: 100%;
}
.mavs-blog-section .main-row2 .card-minimal:hover {
  padding: 25px;
  transition: all 0.5s ease;
}
.mavs-blog-section .main-row2 .card-minimal:hover img {
  height: 50%;
  border-radius: 53px;
  transition: all 0.5s ease;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 21px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 28px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 34px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 37px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 30px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 44px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .card-minimal:hover img {
    border-radius: 53px;
  }
}
.mavs-blog-section .main-row2 .card-minimal:hover .float-text-block {
  opacity: 1;
}
.mavs-blog-section .main-row2 .portrait-card {
  width: 436px;
  height: 842px;
  aspect-ratio: 436/842;
  background-color: #000000;
  border-radius: 30px;
  transition: all 0.5s ease;
  position: relative;
}
@media (min-width: 300px) and (max-width: 479px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 55px;
    height: 115px;
  }
}
@media (min-width: 480px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 78px;
    height: 167px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 128px;
    height: 247px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 172px;
    height: 332px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 230px;
    height: 444px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 230px;
    height: 444px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 288px;
    height: 557px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 308px;
    height: 595px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 326px;
    height: 630px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 364px;
    height: 703px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .portrait-card {
    width: 436px;
    height: 842px;
  }
}
.mavs-blog-section .main-row2 .portrait-card .float-text-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: rgb(255, 255, 255);
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 35%;
  padding: 25px;
}
.mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
  font-family: "Inter";
  font-size: 65px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: rgb(255, 255, 255);
  text-align: center;
}
.mavs-blog-section .main-row2 .portrait-card .float-text-block p {
  font-family: "Inter";
  font-size: 28px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1.5px;
  color: rgb(255, 255, 255);
  padding: 0;
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 18px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 18px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 23px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 9px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 28px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 32px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 14px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 36px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 20px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 40px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 22px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 48px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 24px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 51px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 26px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .portrait-card .float-text-block h5 {
    font-size: 65px;
  }
  .mavs-blog-section .main-row2 .portrait-card .float-text-block p {
    font-size: 28px;
  }
}
.mavs-blog-section .main-row2 .portrait-card img {
  transition: all 0.5s ease;
  border-radius: 30px;
  height: 100%;
}
.mavs-blog-section .main-row2 .portrait-card:hover {
  padding: 25px;
  transition: all 0.5s ease;
}
.mavs-blog-section .main-row2 .portrait-card:hover img {
  height: 65%;
  border-radius: 30px;
  transition: all 0.5s ease;
}
.mavs-blog-section .main-row2 .portrait-card:hover .float-text-block {
  opacity: 1;
}
.mavs-blog-section .main-row2 .square-xl-card {
  width: 896px;
  height: 897px;
  aspect-ratio: 671/675;
  border-radius: 30px;
  transition: all 0.5s ease;
  background: #a96a0a;
  position: relative;
}
@media (min-width: 300px) and (max-width: 479px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 120px;
    height: 115px;
    padding: 10px !important;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block {
    display: none !important;
  }
  .mavs-blog-section .main-row2 .square-xl-card:hover .image-wrapper img {
    height: 80% !important;
  }
}
@media (min-width: 480px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 165px;
    height: 167px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 269px;
    height: 271px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 247px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 359px;
    height: 360px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 332px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 463px;
    height: 464px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 444px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 478px;
    height: 479px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 445px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 597px;
    height: 598px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 558px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 637px;
    height: 638px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 596px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 674px;
    height: 675px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 631px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 747px;
    height: 748px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 704px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .square-xl-card {
    width: 896px;
    height: 897px;
  }
  .mavs-blog-section .main-row2 .square-xl-card.last-card {
    height: 843px;
  }
}
.mavs-blog-section .main-row2 .square-xl-card.lightblue {
  background: #6480c3 !important;
}
.mavs-blog-section .main-row2 .square-xl-card.darkblue {
  background: #1e4cb5 !important;
}
.mavs-blog-section .main-row2 .square-xl-card .float-text-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: rgb(255, 255, 255);
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 30%;
  padding: inherit;
  padding-top: 0;
  line-height: 1.8;
}
.mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
  font-family: "Inter";
  font-size: 65px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: rgb(255, 255, 255);
}
.mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
  font-family: "Inter";
  font-size: 28px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1.5px;
  color: rgb(255, 255, 255);
  padding: 0;
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 18px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 18px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 23px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 28px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 32px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 22px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 36px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 24px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 40px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 26px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 48px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 28px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 51px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 30px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block h5 {
    font-size: 65px;
  }
  .mavs-blog-section .main-row2 .square-xl-card .float-text-block p {
    font-size: 35px;
  }
}
.mavs-blog-section .main-row2 .square-xl-card .image-wrapper img {
  border-radius: 30px;
  transition: all 0.5s ease;
  height: 100%;
}
.mavs-blog-section .main-row2 .square-xl-card:hover {
  padding: 9% 6% 9% 6%;
  transition: all 0.5s ease;
}
.mavs-blog-section .main-row2 .square-xl-card:hover img {
  height: 70%;
  border-radius: 30px;
  transition: all 0.5s ease;
}
.mavs-blog-section .main-row2 .square-xl-card:hover .float-text-block {
  opacity: 1;
}
.mavs-blog-section .main-row2 .square-card {
  width: 896px;
  height: 897px;
  aspect-ratio: 671/675;
  border-radius: 30px;
  transition: all 0.5s ease;
}
@media (min-width: 300px) and (max-width: 479px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 120px;
    height: 115px;
  }
}
@media (min-width: 480px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 165px;
    height: 167px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 269px;
    height: 271px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 359px;
    height: 360px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 463px;
    height: 464px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 478px;
    height: 479px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 597px;
    height: 598px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 637px;
    height: 638px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 674px;
    height: 675px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 747px;
    height: 748px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .square-card {
    width: 896px;
    height: 897px;
  }
}
.mavs-blog-section .main-row2 .square-card .image-wrapper img {
  border-radius: 30px;
  transition: all 0.5s ease;
  height: 100%;
}
.mavs-blog-section .main-row2 .co-12 {
  padding: 0 28px;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 19px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 26px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 27px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 28px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 31px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .co-12 {
    padding: 0 37px;
  }
}
.mavs-blog-section .main-row2 .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 100%;
  -moz-column-gap: 43px;
  column-gap: 43px;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 17px;
         column-gap: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 22px;
         column-gap: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 23px;
         column-gap: 23px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 28px;
         column-gap: 28px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 31px;
         column-gap: 31px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .container {
    -moz-column-gap: 43px;
         column-gap: 43px;
  }
}
.mavs-blog-section .main-row2 .image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.mavs-blog-section .main-row2 .image-wrapper > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mavs-blog-section .main-row2 .column {
  display: flex;
  flex-direction: column;
  gap: 43px;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .column {
    gap: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .column {
    gap: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .column {
    gap: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .column {
    gap: 23px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .column {
    gap: 28px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .column {
    gap: 30px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .column {
    gap: 31px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .column {
    gap: 32px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .column {
    gap: 43px;
  }
}
.mavs-blog-section .main-row2 .portrait-flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 19px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 20px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 21px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 22px;
  }
}
@media (min-width: 1920px) {
  .mavs-blog-section .main-row2 .portrait-flex {
    gap: 25px;
  }
}
.mavs-blog-section .main-row2 .content-wrapper p {
  padding: 0.5em 0 0 0.5em;
  font-weight: bold;
}
.mavs-blog-section .main-row2 .overlay {
  cursor: zoom-in;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 16px;
  padding: 0.75em;
  color: white;
  opacity: 0;
}
.mavs-blog-section .main-row2 .overlay:hover {
  opacity: 1;
}
.mavs-blog-section .main-row2 .overlay div {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.mavs-blog-section .main-row2 .overlay div > p {
  cursor: pointer;
}
.mavs-blog-section .main-row2 .overlay div .round-button:nth-child(2) {
  margin-left: auto;
  margin-right: 0.7em;
}
.mavs-blog-section .main-row2 .round-button {
  width: 2.4em;
  height: 2.4em;
  border: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  opacity: 0.8;
}
.mavs-blog-section .main-row2 .round-button img {
  width: 60%;
  height: 60%;
}
.mavs-blog-section .main-row2 .spheric-button {
  height: 30px;
  border-radius: 50px;
  border: none;
  padding: 0.5em 1.25em;
  opacity: 0.8;
  font-weight: 800;
}
.mavs-blog-section .main-row2 .spheric-button:hover,
.mavs-blog-section .main-row2 .round-button:hover {
  opacity: 1;
  cursor: pointer;
}
.mavs-blog-section .main-row2 .save {
  padding: 1em 1.5em;
  border: none;
  border-radius: 50px;
  color: white;
  font-weight: 900;
  cursor: pointer;
  background-color: var(--red);
}
.mavs-blog-section .main-row2 .save:hover {
  background-color: #ad081b;
}
@media (max-width: 800px) {
  .mavs-blog-section .main-row2 .container {
    grid-template-columns: repeat(2, 1fr);
  }
  .mavs-blog-section .main-row2 .column:nth-child(3) {
    display: none;
  }
}
.mavs-footer-section {
  position: relative;
  min-height: 90vh;
  margin: 70px 0 0 0;
  display: flex;
}
.mavs-footer-section .bg-image-footer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.mavs-footer-section .content-section {
  position: relative;
  z-index: 1;
  min-height: 100%;
  width: 100%;
  padding: 60px 50px 0 50px;
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  flex-direction: column;
}
.mavs-footer-section .content-section .secondary-rows {
  padding: 35px 0 35px 0;
}
.mavs-footer-section .content-section .main-row1 {
  padding: 30px 0 30px 0;
}
.mavs-footer-section .content-section .main-row3 {
  padding: 30px 0 10px 0;
}
.mavs-footer-section .content-section .main-row3 h6 {
  font-family: "Inter";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding: 0 !important;
}
.mavs-footer-section .content-section .main-row3 .social-icons-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 35px;
  padding: 25px 0 0 0;
}
.mavs-footer-section .content-section .main-row3 .social-icons-block svg {
  cursor: pointer;
}
.mavs-footer-section .content-section .main-row3 .social-icons-block svg:hover {
  filter: invert(1) brightness(10);
  transition: brightness ease 0.3s 0.3s, invert 0.3s ease 0.3s;
}
.mavs-footer-section .content-section .main-row4 .copy-right-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mavs-footer-section .content-section .main-row4 .copy-right-block p {
  margin: 0;
  color: #6a6363;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.mavs-footer-section .content-section .main-row4 .region-block .select-wrapper {
  position: relative;
}
.mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
  background-color: transparent;
  color: #999;
  border: none;
  padding: 5px 15px;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  /* line-height: 24px; */
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  outline: none;
  min-width: 312px;
  max-width: 312px;
  max-height: 42px;
  border: 1px solid #6a6363;
}
.mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
  content: url(../images/buttons/select-arrow.svg);
  font-size: 12px;
  color: #999;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.mavs-footer-section .content-section .header-block .footer-title {
  color: #ffffff;
  font-family: "Inter";
  font-size: 48px;
  font-weight: 700;
  text-align: left;
}
.mavs-footer-section .content-section .main-row1 {
  padding-left: 5.2%;
}
.mavs-footer-section .content-section .link-main-block {
  padding-left: 6%;
  padding-top: 6.5%;
}
.mavs-footer-section .content-section .future-image-wrapper {
  text-align: -webkit-right;
  padding-right: 6%;
}
.mavs-footer-section .content-section .future-image-block {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.mavs-footer-section .content-section .footer-links-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.mavs-footer-section .content-section .footer-links-block.links-subblock {
  display: flex;
  flex-direction: column;
}
.mavs-footer-section .content-section .footer-links-block .link-items a {
  color: #ffffff;
  text-decoration: underline !important;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-underline-offset: 5px;
}
.mavs-footer-section .content-section .footer-links-mobile {
  display: none;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-footer-section .future-text-img {
    width: 190px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 25px;
  }
  .mavs-footer-section .content-section .future-image-wrapper {
    text-align: -webkit-center;
    padding-right: unset;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 12px;
    line-height: 2.4;
  }
  .mavs-footer-section .content-section .link-main-block {
    display: grid;
    justify-content: center;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 6%;
  }
  .mavs-footer-section .content-section .link-main-block .footer-links-large {
    display: none;
  }
  .mavs-footer-section .content-section .link-main-block .footer-links-mobile {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
  }
  .mavs-footer-section .content-section .link-main-block .footer-links-mobile .link-items {
    padding: 0 0 5px 0;
  }
  .mavs-footer-section .content-section .main-row1 {
    padding: 15px 0 20px 0;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    text-align: center;
  }
  .mavs-footer-section .content-section {
    padding: 30px 20px 0 20px;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 14px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 12px;
    text-align: center;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 3px 13px;
    font-size: 12px;
    min-width: 200px;
    max-width: 200px;
    max-height: 48px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
    transform: translateY(-50%) scale(0.7);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mavs-footer-section .future-text-img {
    width: 220px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 25px;
  }
  .mavs-footer-section .content-section .future-image-wrapper {
    text-align: -webkit-center;
    padding-right: unset;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 13px;
    line-height: 2.6;
  }
  .mavs-footer-section .content-section .link-main-block {
    display: grid;
    justify-content: center;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 6%;
  }
  .mavs-footer-section .content-section .link-main-block .footer-links-large {
    display: none;
  }
  .mavs-footer-section .content-section .link-main-block .footer-links-mobile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
  }
  .mavs-footer-section .content-section .main-row1 {
    padding-left: 0;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    text-align: center;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 14px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 14px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 3px 13px;
    font-size: 14px;
    min-width: 250px;
    max-width: 250px;
    max-height: 48px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
    transform: translateY(-50%) scale(0.9);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mavs-footer-section .future-text-img {
    width: 280px;
    padding-bottom: 6%;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 32px;
  }
  .mavs-footer-section .content-section .future-image-wrapper {
    text-align: -webkit-center;
    padding-right: unset;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 16px;
    line-height: 2.6;
  }
  .mavs-footer-section .content-section .link-main-block {
    display: grid;
    justify-content: center;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 6%;
  }
  .mavs-footer-section .content-section .link-main-block .footer-links-large {
    display: none;
  }
  .mavs-footer-section .content-section .link-main-block .footer-links-mobile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
  }
  .mavs-footer-section .content-section .main-row1 {
    padding-left: 0;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    text-align: center;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 14px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 14px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 3px 13px;
    font-size: 14px;
    min-width: 250px;
    max-width: 250px;
    max-height: 48px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
    transform: translateY(-50%) scale(0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .mavs-footer-section .future-text-img {
    width: 280px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 36px;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 14px;
    line-height: 2.6;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 16px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 14px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 3px 13px;
    font-size: 14px;
    min-width: 250px;
    max-width: 250px;
    max-height: 48px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
    transform: translateY(-50%) scale(0.9);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .mavs-footer-section .future-text-img {
    width: 320px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 40px;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 14px;
    line-height: 2.6;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 18px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 14px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 2px 12px;
    font-size: 14px;
    min-width: 250px;
    max-width: 250px;
    max-height: 48px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
    transform: translateY(-50%) scale(0.9);
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .mavs-footer-section .future-text-img {
    width: 430px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 45px;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 16px;
    line-height: 2.4;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 20px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 16px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 3px 13px;
    font-size: 16px;
    min-width: 260px;
    max-width: 260px;
    max-height: 40px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
    transform: translateY(-50%) scale(0.9);
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .mavs-footer-section .future-text-img {
    width: 470px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 48px;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 18px;
    line-height: 2.5;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 22px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 18px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 4px 14px;
    font-size: 18px;
    min-width: 280px;
    max-width: 280px;
    max-height: 42px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
    transform: translateY(-50%) scale(0.9);
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .mavs-footer-section .future-text-img {
    width: 468px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 48px;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 20px;
    line-height: 2.6;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 24px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 20px;
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .mavs-footer-section .future-text-img {
    width: 530px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 55px;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 23px;
    line-height: 2.3;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 28px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 22px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 6px 16px;
    font-size: 22px;
    font-weight: 500;
    min-width: 362px;
    max-width: 362px;
    max-height: 48px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
  }
}
@media (min-width: 1920px) {
  .mavs-footer-section .future-text-img {
    width: 656px;
  }
  .mavs-footer-section .content-section .header-block .footer-title {
    font-size: 62px;
  }
  .mavs-footer-section .content-section .footer-links-block .link-items a {
    font-size: 27px;
    line-height: 2.5;
  }
  .mavs-footer-section .content-section .main-row3 h6 {
    font-size: 32px;
  }
  .mavs-footer-section .content-section .main-row4 .copy-right-block p {
    font-size: 24px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper select {
    padding: 7px 17px;
    font-size: 24px;
    font-weight: 500;
    min-width: 362px;
    max-width: 362px;
    max-height: 48px;
  }
  .mavs-footer-section .content-section .main-row4 .region-block .select-wrapper::after {
    top: 59%;
  }
}

.mavs-gallery-section {
  background: #000000;
  min-height: 100vh;
  position: relative;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: auto;
}
.mavs-gallery-section .our-team-box {
  max-width: 450px;
  position: fixed;
}
@media (min-width: 300px) and (max-width: 575px) {
  .mavs-gallery-section .our-team-box {
    max-width: 220px;
  }
  .mavs-gallery-section .our-team-box .our-team-one-style {
    height: 50px;
    top: -5px;
  }
  .mavs-gallery-section .our-team-box .our-team-two-style {
    height: 49px;
    top: -54px;
  }
}
.mavs-gallery-section .scroll-snap-y-element {
  padding: 1rem;
  min-height: 100vh;
  scroll-snap-align: start;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.mavs-gallery-section .scroll-snap-y-element h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: white;
  width: 100%;
  left: 0;
  font-size: calc(1rem + 3vw);
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link {
  display: block;
  position: absolute;
  z-index: 100;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(1) {
  left: 5vw;
  top: 40%;
  width: 10vw;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(1) img {
  width: 100%;
  height: auto;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(2) {
  left: 30vw;
  width: 25vw;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(2) img {
  width: 100%;
  height: auto;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(3) {
  position: absolute;
  z-index: 300;
  top: 0;
  left: 25%;
  transform: scale(1.5);
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s ease;
  animation: moveRight 1s cubic-bezier(0.25, 0.1, 0.25, 1) 2s forwards;
  transition: all 1.5s ease;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(3) img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transform: scale(1);
  transition: clip-path 1s, transform 1s, -webkit-clip-path 1s;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(4) {
  bottom: 0;
  left: 25vw;
  width: 35vw;
}
.mavs-gallery-section .scroll-snap-y-element .team-item-hyper-link:nth-of-type(4) img {
  width: 100%;
  height: auto;
}
.mavs-gallery-section .scroll-snap-y-element .team-primary-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  height: 100vh;
  width: 674px;
  -o-object-fit: cover;
     object-fit: cover;
  animation: moveRight 3s cubic-bezier(0.25, 0.1, 0.25, 1) 2s forwards;
  -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
          clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  transition: clip-path 1s, transform 1s, -webkit-clip-path 1s;
}

/*=== Animations start here  ===*/
@keyframes moveRight {
  to {
    left: 65vw;
    top: 10%;
    transform: scale(1);
    transition: all 1.5s ease;
  }
}
/*==== FADE IN UP ===*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

/**************************************************************************************************************/
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 375px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 550px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1500px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1500px;
    max-width: 100%;
  }
}
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 375px) {
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 550px) {
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) {
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1500px) {
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

@media (min-width: 375px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 550px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 768px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 1500px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
.u-component-nomargin-bottom {
  margin-bottom: 0 !important;
}

.u-component-nomargin-top {
  margin-top: 0 !important;
}

.u-component-nopadding-bottom {
  padding-bottom: 0 !important;
}

.u-component-nopadding-top {
  padding-top: 0 !important;
}

@font-face {
  font-family: ABC Diatype;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local("ABC Diatype Bold"), url(/fonts/ABCDiatype-Bold.woff2) format("woff2");
}
@font-face {
  font-family: LD Alberto;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/LD_Alberto-Regular.woff2) format("woff2");
}
.u-text-hide {
  display: block;
  overflow: hidden;
  text-indent: -9000px;
}

.u-visually-hide {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

.group:after {
  content: "";
  display: table;
  clear: both;
}

button {
  background-color: transparent;
}

input[type=text],
input[type=email],
input[type=password],
textarea,
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

button,
input,
select,
textarea {
  border-radius: 0;
  font: inherit;
  margin: 0;
  padding: 0;
}

::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

p {
  font-size: var(--type-0);
  letter-spacing: 0;
  line-height: 140%;
}

a {
  color: #ffffff;
  text-decoration: none;
}

img {
  max-width: 100% !important;
  font-style: italic;
  vertical-align: middle;
}

img[width],
img[height] {
  max-width: none !important;
}

:root {
  --color-page-bg: #ffffff;
  --color-page-text: #000000;
  --color-footer-bg: #ffffff;
  --color-footer-text: #000000;
  --type--2: clamp(0.72rem, 0.8077rem + -0.0877vi, 0.7901rem);
  --type--1: clamp(0.8889rem, 0.8861rem + 0.0139vi, 0.9rem);
  --type-0: clamp(1rem, 0.9688rem + 0.1563vi, 1.125rem);
  --type-1: clamp(1.125rem, 1.0547rem + 0.3516vi, 1.4063rem);
  --type-2: clamp(1.2656rem, 1.1426rem + 0.6152vi, 1.7578rem);
  --type-3: clamp(1.4238rem, 1.2305rem + 0.9668vi, 2.1973rem);
  --type-4: clamp(1.6018rem, 1.3156rem + 1.431vi, 2.7466rem);
  --type-5: clamp(1.802rem, 1.3942rem + 2.039vi, 3.4332rem);
  --type-6: clamp(2.0273rem, 1.4612rem + 2.8303vi, 4.2915rem);
  --type-7: clamp(2.2807rem, 1.5098rem + 3.8547vi, 5.3644rem);
  --space-xs: clamp(0.3125rem, 0.2344rem + 0.3906vi, 0.625rem);
  --space-s: clamp(0.625rem, 0.4688rem + 0.7813vi, 1.25rem);
  --space-m: clamp(1.25rem, 0.9375rem + 1.5625vi, 2.5rem);
  --space-l: clamp(1.875rem, 1.4063rem + 2.3438vi, 3.75rem);
  --space-xl: clamp(2.5rem, 1.875rem + 3.125vi, 5rem);
  --space-2xl: clamp(3.125rem, 2.3438rem + 3.9063vi, 6.25rem);
  --space-3xl: clamp(3.75rem, 2.8125rem + 4.6875vi, 7.5rem);
  --space-4xl: clamp(4.375rem, 3.2813rem + 5.4688vi, 8.75rem);
  --space-5xl: clamp(5rem, 3.75rem + 6.25vi, 10rem);
  --space-xs-s: clamp(0.3125rem, 0.0781rem + 1.1719vi, 1.25rem);
  --space-s-m: clamp(0.625rem, 0.1563rem + 2.3438vi, 2.5rem);
  --space-m-l: clamp(1.25rem, 0.625rem + 3.125vi, 3.75rem);
  --space-l-xl: clamp(1.875rem, 1.0938rem + 3.9063vi, 5rem);
  --space-xl-2xl: clamp(2.5rem, 1.5625rem + 4.6875vi, 6.25rem);
  --space-2xl-3xl: clamp(3.125rem, 2.0313rem + 5.4688vi, 7.5rem);
  --space-3xl-4xl: clamp(3.75rem, 2.5rem + 6.25vi, 8.75rem);
  --space-4xl-5xl: clamp(4.375rem, 2.9688rem + 7.0313vi, 10rem);
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  scroll-snap-type: y mandatory;
}

html ::-moz-selection {
  background: #fbb611;
  color: #fbb611;
  background: linear-gradient(90.59deg, #ffffff 0.16%, #ffffff 60.3%, #ffffff 99.86%);
  -webkit-text-fill-color: #fbb611;
  background-clip: text;
}
html ::selection {
  background: #fbb611;
  color: #fbb611;
  background: linear-gradient(90.59deg, #ffffff 0.16%, #ffffff 60.3%, #ffffff 99.86%);
  -webkit-text-fill-color: #fbb611;
  -webkit-background-clip: text;
          background-clip: text;
}

:focus {
  outline: 0;
}

a:focus-visible {
  outline: #ee34d2 dashed 5px;
}

.js-media-visibility {
  background: #000;
}

.js-media-visibility > *,
.js-media-visibility:before {
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}

.js-media-visibility.is-visible > *,
.js-media-visibility.is-visible:before {
  opacity: 1;
}

[data-icon] path {
  fill: #ffffff;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

html.is-changing .transition-fade {
  transition: opacity 0.7s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}

html.is-project {
  overflow: hidden;
}

* {
  scrollbar-color: #ffffff transparent;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

@keyframes scroll {
  0% {
    transform: translate(-10%);
  }
  to {
    transform: translate(-50%);
  }
}
.c-404__marquee {
  align-items: center;
  display: flex;
  height: 100svh;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c-404__marquee-content {
  align-items: center;
  animation-duration: 20s;
  animation-iteration-count: 1;
  animation-name: scroll;
  display: flex;
  flex-shrink: 0;
}

.c-404__marquee-content li {
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  font-size: calc(var(--type-7) * 5.3);
  line-height: 74%;
}

@media (orientation: landscape) {
  .c-404__marquee-content li {
    font-size: calc(var(--type-7) * 3.2);
  }
}
.c-404__images img {
  height: auto;
  max-width: 15vw !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  will-change: transform;
}

.c-about {
  max-height: 100svh;
  overflow-y: scroll;
}

.c-about > .container-fluid > .row {
  align-items: flex-start;
}

.c-about__info {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 40px;
  order: 2;
}

@media (min-width: 375px) {
  .c-about__info {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-about__info {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-about__info {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-about__info {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-about__info {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-about__info {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: landscape) {
  .c-about__info {
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: calc(20vh + 160px);
    order: 1;
  }
}
.c-about__info:before {
  content: "Info";
  position: absolute;
  top: 0;
}

.c-about__info p {
  font-size: var(--type-4);
  font-weight: 400;
  letter-spacing: -0.44px;
  line-height: 105%;
  text-indent: 40%;
}

.c-about__aside {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 15vh;
  order: 1;
}

@media (min-width: 375px) {
  .c-about__aside {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-about__aside {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-about__aside {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-about__aside {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-about__aside {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-about__aside {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: landscape) {
  .c-about__aside {
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 0;
    order: 2;
    position: sticky;
    top: 0;
  }
}
.c-about__contact {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding-top: 20px;
}

@media (min-width: 375px) {
  .c-about__contact {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-about__contact {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-about__contact {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-about__contact {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-about__contact {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-about__contact {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: portrait) {
  .c-about__contact {
    padding-top: 0 !important;
  }
}
@media (orientation: landscape) {
  .c-about__contact {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20vh;
  }
}
@media (min-width: 375px) {
  .c-about__contact {
    padding-top: 20px;
  }
}
@media (min-width: 550px) {
  .c-about__contact {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .c-about__contact {
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .c-about__contact {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .c-about__contact {
    padding-top: 20px;
  }
}
@media (min-width: 1500px) {
  .c-about__contact {
    padding-top: 20px;
  }
}
.c-about__contact-title {
  display: flex;
  flex-direction: column;
  line-height: 100%;
}

.c-about__contact-title:after {
  content: "—";
}

.c-about__contact-link {
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
}

.c-about__col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 375px) {
  .c-about__col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-about__col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-about__col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-about__col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-about__col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-about__col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: landscape) {
  .c-about__col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.c-about__col p {
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
}

.c-about__col p:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  line-height: 100%;
}

.c-about__col p:nth-of-type(1):after {
  content: "—";
}

.c-about__media {
  height: 50vh;
  margin: 20vh 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (orientation: landscape) {
  .c-about__media {
    height: 100vh;
    margin: 20vh 0;
  }
}
.c-about__media-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  font-size: calc(var(--type-7) * 7);
  white-space: nowrap;
}

.c-about__media-item {
  overflow: hidden;
  position: absolute;
  width: 25%;
}

@media (min-width: 768px) {
  .c-about__media-item {
    width: 20%;
  }
}
.c-about__media-item:nth-of-type(1) {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 15%;
}

.c-about__media-item:nth-of-type(2) {
  bottom: 10%;
  left: 5%;
}

.c-about__media-item:nth-of-type(3) {
  bottom: 5%;
  right: 10%;
}

.c-about__media-item.is-visible .c-about__media-item-wrapper {
  transform: translateY(0);
}

.c-about__media-item-wrapper {
  transform: translateY(100%);
  transition: transform 0.8s cubic-bezier(1, 0, 0.47, 1.01);
}

.c-about__media-item-wrapper img {
  height: auto;
  width: 100%;
}

.c-about__clients-title {
  font-size: var(--type-4);
  font-weight: 400;
  letter-spacing: -0.44px;
  line-height: 105%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  line-height: 120%;
  margin-bottom: 20px;
  word-spacing: 100vw;
}

@media (min-width: 375px) {
  .c-about__clients-title {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-about__clients-title {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-about__clients-title {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-about__clients-title {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-about__clients-title {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-about__clients-title {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: landscape) {
  .c-about__clients-title {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    margin-bottom: 0;
    position: sticky;
    top: 10vh;
  }
}
.c-about__clients-list {
  font-size: var(--type-4);
  font-weight: 400;
  letter-spacing: -0.44px;
  line-height: 105%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  line-height: 120%;
}

@media (min-width: 375px) {
  .c-about__clients-list {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-about__clients-list {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-about__clients-list {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-about__clients-list {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-about__clients-list {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-about__clients-list {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: landscape) {
  .c-about__clients-list {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
.c-about__clients-item:last-of-type {
  padding-bottom: 140px;
  margin-top: 40px;
}

@media (orientation: landscape) {
  .c-about__clients-item:last-of-type {
    padding-bottom: 10px;
    margin-top: 40vh;
  }
}
.c-about__clients-item a {
  display: inline-block;
}

@media (min-width: 768px) {
  .c-about__media-item--landscape {
    width: 25%;
  }
}
.c-all {
  max-height: 100svh;
  overflow-y: scroll;
  padding-bottom: 10vh;
  padding-top: 15vh;
}

.c-all__item {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 25%;
  max-width: 25%;
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  .c-all__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-all__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-all__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-all__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-all__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-all__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-all__item {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media (min-width: 375px) {
  .c-all__item {
    margin-bottom: 20px;
  }
}
@media (min-width: 550px) {
  .c-all__item {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .c-all__item {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .c-all__item {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .c-all__item {
    margin-bottom: 20px;
  }
}
@media (min-width: 1500px) {
  .c-all__item {
    margin-bottom: 20px;
  }
}
.c-all__media {
  cursor: zoom-in;
  height: 100%;
  width: 100%;
}

.c-all__media img,
.c-all__media video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.c-all__item--landscape {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (min-width: 768px) {
  .c-all__item--landscape {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.c-footer {
  bottom: 0;
  pointer-events: none;
  position: fixed;
  transition: color 0.5s;
  width: 100%;
  z-index: 400;
  padding-bottom: 20px;
  padding-top: 20px;
}

@media (min-width: 375px) {
  .c-footer {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 550px) {
  .c-footer {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .c-footer {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .c-footer {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .c-footer {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 1500px) {
  .c-footer {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.c-footer__container {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
  display: flex;
  justify-content: space-between;
  line-height: 100%;
  z-index: 400;
}

@media (min-width: 375px) {
  .c-footer__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-footer__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-footer__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-footer__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-footer__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-footer__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.c-footer__container a {
  pointer-events: visible;
}

body.is-nav-open .c-footer {
  color: #000 !important;
}

.c-gallery {
  position: relative;
  max-height: 100svh;
  overflow-y: scroll;
}

.c-gallery .container-fluid {
  background-color: #fff;
  position: relative;
  z-index: 100;
}

.c-gallery .row:nth-of-type(1) .c-gallery__item img,
.c-gallery .row:nth-of-type(2) .c-gallery__item img {
  transform: scale(1) translateY(0) !important;
}

.c-gallery .row:nth-of-type(7n + 1) .c-gallery__item {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (min-width: 768px) {
  .c-gallery .row:nth-of-type(7n + 1) .c-gallery__item {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
.c-gallery .row:nth-of-type(7n + 2) .c-gallery__item {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (min-width: 768px) {
  .c-gallery .row:nth-of-type(7n + 2) .c-gallery__item {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    margin-left: 66.6666666667%;
    margin-top: -20vh;
  }
}
.c-gallery .row:nth-of-type(7n + 3) .c-gallery__item {
  flex: 0 0 75%;
  max-width: 75%;
  margin-left: 25%;
}

@media (min-width: 768px) {
  .c-gallery .row:nth-of-type(7n + 3) .c-gallery__item {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    margin-left: 25%;
  }
}
.c-gallery .row:nth-of-type(7n + 4) .c-gallery__item {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (min-width: 768px) {
  .c-gallery .row:nth-of-type(7n + 4) .c-gallery__item {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
.c-gallery .row:nth-of-type(7n + 5) .c-gallery__item {
  flex: 0 0 75%;
  max-width: 75%;
  margin-left: 25%;
}

@media (min-width: 768px) {
  .c-gallery .row:nth-of-type(7n + 5) .c-gallery__item {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 75%;
    margin-top: -20vh;
  }
}
.c-gallery .row:nth-of-type(7n + 6) .c-gallery__item {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (min-width: 768px) {
  .c-gallery .row:nth-of-type(7n + 6) .c-gallery__item {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    margin-left: 8.3333333333%;
  }
}
.c-gallery .row:nth-of-type(7n + 7) .c-gallery__item {
  flex: 0 0 75%;
  max-width: 75%;
  margin-left: 25%;
}

@media (min-width: 768px) {
  .c-gallery .row:nth-of-type(7n + 7) .c-gallery__item {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    margin-left: 50%;
  }
}
.c-gallery .row:last-of-type .c-gallery__item {
  margin-bottom: 15vh;
}

@keyframes galleryCount {
  0% {
    opacity: 0;
    transform: translate(50px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes galleryTitle {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
.c-gallery__count {
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-name: galleryCount;
  animation-timing-function: cubic-bezier(1, 0, 0.47, 1.01);
  margin-bottom: var(--space-s);
  opacity: 0;
  position: fixed;
  top: 15vh;
  transform: translate(100px);
  z-index: 200;
  right: 20px;
}

@media (min-width: 375px) {
  .c-gallery__count {
    right: 20px;
  }
}
@media (min-width: 550px) {
  .c-gallery__count {
    right: 20px;
  }
}
@media (min-width: 768px) {
  .c-gallery__count {
    right: 20px;
  }
}
@media (min-width: 992px) {
  .c-gallery__count {
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .c-gallery__count {
    right: 20px;
  }
}
@media (min-width: 1500px) {
  .c-gallery__count {
    right: 20px;
  }
}
.c-gallery__count-wrapper {
  opacity: 1;
  position: relative;
  transition: opacity 0.8s cubic-bezier(1, 0, 0.47, 1.01), transform 0.8s cubic-bezier(1, 0, 0.47, 1.01);
}

.c-gallery__content {
  pointer-events: none;
  position: fixed;
  z-index: 200;
  bottom: 100px;
  right: 20px;
}

@media (orientation: portrait) {
  .c-gallery__content {
    bottom: 60px !important;
    right: calc(var(--type-7) * 3.3 - 4.25vw) !important;
    transform: rotate(90deg);
    transform-origin: bottom right;
  }
}
@media (min-width: 375px) {
  .c-gallery__content {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 550px) {
  .c-gallery__content {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .c-gallery__content {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 992px) {
  .c-gallery__content {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .c-gallery__content {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1500px) {
  .c-gallery__content {
    bottom: 100px;
    right: 20px;
  }
}
.c-gallery__title {
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-name: galleryTitle;
  animation-timing-function: cubic-bezier(1, 0, 0.47, 1.01);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  font-size: calc(var(--type-7) * 3.3);
  line-height: 74%;
}

@media (orientation: landscape) {
  .c-gallery__title {
    font-size: calc(var(--type-7) * 3.2);
  }
}
.c-gallery__title-wrapper {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transform: translateY(0);
  transition: opacity 0.5s, transform 0.8s cubic-bezier(1, 0, 0.47, 1.01), -webkit-clip-path 0.8s cubic-bezier(1, 0, 0.47, 1.01);
  transition: clip-path 0.8s cubic-bezier(1, 0, 0.47, 1.01), opacity 0.5s, transform 0.8s cubic-bezier(1, 0, 0.47, 1.01);
  transition: clip-path 0.8s cubic-bezier(1, 0, 0.47, 1.01), opacity 0.5s, transform 0.8s cubic-bezier(1, 0, 0.47, 1.01), -webkit-clip-path 0.8s cubic-bezier(1, 0, 0.47, 1.01);
}

.c-gallery__item {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 15vh;
}

@media (min-width: 375px) {
  .c-gallery__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-gallery__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-gallery__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-gallery__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-gallery__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-gallery__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.c-gallery__item img,
.c-gallery__item video {
  display: block;
  height: auto;
  width: 100%;
}

.c-gallery__item img {
  transform: scale(1.2) translateY(-50px);
}

@media (min-width: 768px) {
  .c-gallery__item img {
    transform: scale(1.2) translateY(-100px);
  }
}
.c-gallery__item-wrapper {
  cursor: zoom-in;
  overflow: hidden;
  width: 100%;
}

.c-gallery__media {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: transform 1s, -webkit-clip-path 1s;
  transition: clip-path 1s, transform 1s;
  transition: clip-path 1s, transform 1s, -webkit-clip-path 1s;
}

body.is-nav-open .c-gallery__media {
  -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  transform: scale(0.8);
}

.c-gallery__footer {
  background-color: color-mix(in srgb, var(--color-page-text), #fff 60%);
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  position: relative;
  width: 100%;
  z-index: 50;
}

.c-gallery__footer-wrapper {
  height: 100%;
  width: 100%;
}

.c-gallery__footer-link {
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  color: var(--color-page-text);
  font-size: calc(var(--type-7) * 3.3);
  line-height: 75%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
}

@media (orientation: landscape) {
  .c-gallery__footer-link {
    font-size: calc(var(--type-7) * 3.2);
  }
}
.c-gallery__footer-link:nth-of-type(1) {
  left: 20px;
  top: 100px;
}

@media (orientation: portrait) {
  .c-gallery__footer-link:nth-of-type(1) {
    left: calc(var(--type-7) * 3.3 - 4.25vw) !important;
    top: 60px !important;
    transform: rotate(90deg);
    transform-origin: top left;
  }
}
@media (min-width: 375px) {
  .c-gallery__footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 550px) {
  .c-gallery__footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 768px) {
  .c-gallery__footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 992px) {
  .c-gallery__footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1200px) {
  .c-gallery__footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1500px) {
  .c-gallery__footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
.c-gallery__footer-link:nth-of-type(1) .c-gallery__footer-link-wrapper:before {
  content: "↙";
}

.c-gallery__footer-link:nth-of-type(2) {
  bottom: 100px;
  right: 20px;
}

@media (orientation: portrait) {
  .c-gallery__footer-link:nth-of-type(2) {
    bottom: 60px !important;
    right: calc(var(--type-7) * 3.3 - 4.25vw) !important;
    transform: rotate(90deg);
    transform-origin: bottom right;
  }
}
@media (min-width: 375px) {
  .c-gallery__footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 550px) {
  .c-gallery__footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .c-gallery__footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 992px) {
  .c-gallery__footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .c-gallery__footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1500px) {
  .c-gallery__footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
.c-gallery__footer-link:nth-of-type(2) .c-gallery__footer-link-wrapper:after {
  content: "↘";
}

html.no-touchevents .c-gallery__footer-link:hover .c-gallery__footer-link-wrapper:before,
html.no-touchevents .c-gallery__footer-link:hover .c-gallery__footer-link-wrapper:after {
  max-width: 10vw;
}

.c-gallery__footer-link-wrapper {
  display: flex;
  position: relative;
}

.c-gallery__footer-link-wrapper:before,
.c-gallery__footer-link-wrapper:after {
  overflow: hidden;
  max-width: 0;
  transition: max-width 0.6s;
}

html.is-scrolled-down .c-gallery__count-wrapper {
  opacity: 0;
  transform: translate(100px);
}

html.is-scrolled-down .c-gallery__title-wrapper {
  transform: translateY(100%);
}

.mav-s {
  background: #000000;
  background-color: #000000;
}

.mav-s__container {
  max-height: 100svh;
  scroll-snap-type: y mandatory;
}
.mav-s__container .team-svg-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 200;
}
.mav-s__container .team-svg-wrapper #team-svg {
  position: absolute; /* Absolute positioning for the SVG */
  left: 50%; /* Center horizontally */
  top: 50%; /* Center vertically */
  transform: translate(-50%, -50%); /* Adjust for center alignment */
  transition: transform 2s ease; /* Smooth transition for moving */
  width: 100%;
  height: 100%;
}

.mav-s__alberto {
  pointer-events: none;
  position: relative;
  overflow: hidden;
  position: fixed;
  display: block;
  z-index: 999;
  width: 100%;
  left: 20px;
  top: 100px;
}

.mav-s__alberto:before {
  display: block;
  content: "";
  padding-top: 14.406779661%;
  width: 100%;
}

.mav-s__alberto > * {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

@media (orientation: portrait) {
  .mav-s__alberto {
    height: 12.5vh;
    left: calc(12.5vh + 20px) !important;
    top: 60px !important;
    transform: rotate(90deg);
    transform-origin: top left;
  }
}
@media (orientation: landscape) {
  .mav-s__alberto {
    height: 20vh;
  }
}
@media (min-width: 375px) {
  .mav-s__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 550px) {
  .mav-s__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 768px) {
  .mav-s__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 992px) {
  .mav-s__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1200px) {
  .mav-s__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1500px) {
  .mav-s__alberto {
    left: 20px;
    top: 100px;
  }
}
.mav-s__alberto svg {
  height: calc(25vh + 0px);
  left: 0;
  position: absolute;
  transition: transform 1s;
}

@media (orientation: landscape) {
  .mav-s__alberto svg {
    height: calc(100vh + 9px);
  }
}
.mav-s__oviedo {
  display: block;
  overflow: hidden;
  position: relative;
  pointer-events: none;
  position: fixed;
  width: 100%;
  bottom: 100px;
  right: 20px;
}

.mav-s__oviedo:before {
  display: block;
  content: "";
  padding-top: 16.8316831683%;
  width: 100%;
}

.mav-s__oviedo > * {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

@media (orientation: portrait) {
  .mav-s__oviedo {
    bottom: 60px !important;
    height: 12.5vh;
    right: calc(12.5vh + 20px) !important;
    transform: rotate(90deg);
    transform-origin: bottom right;
  }
}
@media (orientation: landscape) {
  .mav-s__oviedo {
    height: 20vh;
  }
}
@media (min-width: 375px) {
  .mav-s__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 550px) {
  .mav-s__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .mav-s__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 992px) {
  .mav-s__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .mav-s__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1500px) {
  .mav-s__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
.mav-s__oviedo svg {
  height: calc(125vh + 2px);
  position: absolute;
  right: 0;
  transition: transform 1s;
}

@media (orientation: landscape) {
  .mav-s__oviedo svg {
    height: calc(200vh + 2px);
  }
}
.mav-s__type svg {
  top: 0;
}

.mav-s__type svg path {
  fill: #ffffff;
}

.mav-s__type2 svg {
  bottom: 0;
  left: 25px;
}

.mav-s__type2 svg path {
  fill: #ffffff;
}

.mav-s__image {
  display: block;
  position: absolute;
  z-index: 100;
}

.mav-s__image img,
.mav-s__image video {
  -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  display: block;
  height: auto;
  transform: scale(0.8);
  transition: transform 1s, -webkit-clip-path 1s;
  transition: clip-path 1s, transform 1s;
  transition: clip-path 1s, transform 1s, -webkit-clip-path 1s;
  width: 100%;
}

body.is-nav-open .mav-s__image img,
body.is-nav-open .mav-s__image video {
  -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  transform: scale(0.8);
}

.mav-s__section {
  height: 100svh;
  position: relative;
  scroll-snap-align: start;
  width: 100%;
  z-index: 200;
  background: #000000;
}

.mav-s__section.is-active img,
.mav-s__section.is-active video {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transform: scale(1);
}

.mav-s__section--footer {
  overflow: hidden;
  z-index: 150;
}

.mav-s__section-footer {
  background-color: color-mix(in srgb, var(--color-page-text), #fff 60%);
  height: 100%;
  pointer-events: none;
  transition: background-color 0.5s;
  width: 100%;
}

.mav-s__section-footer-link {
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  color: var(--color-page-text);
  font-size: calc(var(--type-7) * 1.5);
  line-height: 75%;
  overflow: hidden;
  position: fixed;
}

@media (orientation: landscape) {
  .mav-s__section-footer-link {
    font-size: calc(var(--type-7) * 1.5);
  }
}
.mav-s__section-footer-link:nth-of-type(1) {
  bottom: 100px;
  left: 20px;
}

@media (min-width: 375px) {
  .mav-s__section-footer-link:nth-of-type(1) {
    bottom: 100px;
    left: 20px;
  }
}
@media (min-width: 550px) {
  .mav-s__section-footer-link:nth-of-type(1) {
    bottom: 100px;
    left: 20px;
  }
}
@media (min-width: 768px) {
  .mav-s__section-footer-link:nth-of-type(1) {
    bottom: 100px;
    left: 20px;
  }
}
@media (min-width: 992px) {
  .mav-s__section-footer-link:nth-of-type(1) {
    bottom: 100px;
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .mav-s__section-footer-link:nth-of-type(1) {
    bottom: 100px;
    left: 20px;
  }
}
@media (min-width: 1500px) {
  .mav-s__section-footer-link:nth-of-type(1) {
    bottom: 100px;
    left: 20px;
  }
}
.mav-s__section-footer-link:nth-of-type(1) .mav-s__section-footer-link-wrapper:before {
  content: "↙";
}

.mav-s__section-footer-link:nth-of-type(2) {
  bottom: 100px;
  right: 20px;
}

@media (min-width: 375px) {
  .mav-s__section-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 550px) {
  .mav-s__section-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .mav-s__section-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 992px) {
  .mav-s__section-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .mav-s__section-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1500px) {
  .mav-s__section-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
.mav-s__section-footer-link:nth-of-type(2) .mav-s__section-footer-link-wrapper:after {
  content: "↘";
}

html.no-touchevents .mav-s__section-footer-link:hover .mav-s__section-footer-link-wrapper:before,
html.no-touchevents .mav-s__section-footer-link:hover .mav-s__section-footer-link-wrapper:after {
  max-width: 10vw;
}

.mav-s__section-footer-link-wrapper {
  display: flex;
  position: relative;
}

.mav-s__section-footer-link-wrapper:before,
.mav-s__section-footer-link-wrapper:after {
  overflow: hidden;
  max-width: 0;
  transition: max-width 0.6s;
}

.mav-s__contact {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
  bottom: 260px;
}

@media (min-width: 375px) {
  .mav-s__contact {
    bottom: 260px;
  }
}
@media (min-width: 550px) {
  .mav-s__contact {
    bottom: 260px;
  }
}
@media (min-width: 768px) {
  .mav-s__contact {
    bottom: 260px;
  }
}
@media (min-width: 992px) {
  .mav-s__contact {
    bottom: 260px;
  }
}
@media (min-width: 1200px) {
  .mav-s__contact {
    bottom: 260px;
  }
}
@media (min-width: 1500px) {
  .mav-s__contact {
    bottom: 260px;
  }
}
.mav-s__contact-item {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 375px) {
  .mav-s__contact-item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .mav-s__contact-item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .mav-s__contact-item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .mav-s__contact-item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .mav-s__contact-item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .mav-s__contact-item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: landscape) {
  .mav-s__contact-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (orientation: portrait) {
  .mav-s__contact-item + .mav-s__contact-item {
    margin-top: 20px;
  }
}
.mav-s__contact-title {
  display: flex;
  flex-direction: column;
  line-height: 100%;
}

.mav-s__contact-title:after {
  content: "—";
}

.mav-s__contact-link {
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
  pointer-events: visible;
}

.mav-s__section-footer-images img {
  height: auto;
  max-width: 15vw !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  will-change: transform;
}

.mav-s__section--4 .mav-s__image:nth-of-type(1) {
  left: 17.5vw;
  top: 20%;
  width: 30vw;
}

@media (orientation: landscape) {
  .mav-s__section--4 .mav-s__image:nth-of-type(1) {
    left: 7vw;
    top: 30%;
    width: 19vw;
  }
}
.mav-s__section--4 .mav-s__image:nth-of-type(2) {
  left: 40vw;
  top: 0;
  width: 35vw;
}

@media (orientation: landscape) {
  .mav-s__section--4 .mav-s__image:nth-of-type(2) {
    left: 30vw;
    width: 25vw;
  }
}
.mav-s__section--4 .mav-s__image:nth-of-type(3) {
  right: 0;
  top: 25%;
  width: 30vw;
}

@media (orientation: landscape) {
  .mav-s__section--4 .mav-s__image:nth-of-type(3) {
    left: 62vw;
    top: 0;
    width: 19vw;
  }
}
.mav-s__section--4 .mav-s__image:nth-of-type(4) {
  bottom: 5%;
  right: 10%;
  width: 35vw;
}

@media (orientation: landscape) {
  .mav-s__section--4 .mav-s__image:nth-of-type(4) {
    bottom: 0;
    left: 67vw;
    width: 25vw;
  }
}
.mav-s__section--4 .mav-s__image:nth-of-type(5) {
  bottom: 10vh;
  left: 0;
  width: 30vw;
}

@media (orientation: landscape) {
  .mav-s__section--4 .mav-s__image:nth-of-type(5) {
    bottom: 0;
    left: 35vw;
    width: 19vw;
  }
}
.block-1 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-20%);
}

.block-1 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(10%);
}

.block-1 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-10%);
}

.block-1 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(10%);
}

.block-2 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-20%);
}

.block-2 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(20%);
}

.block-2 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-20%);
}

.block-2 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(20%);
}

.block-3 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-30%);
}

.block-3 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(30%);
}

.block-3 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-30%);
}

.block-3 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(30%);
}

.block-4 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-40%);
}

.block-4 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(40%);
}

.block-4 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-40%);
}

.block-4 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(40%);
}

.block-5 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-50%);
}

.block-5 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(50%);
}

.block-5 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-50%);
}

.block-5 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(50%);
}

.block-6 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-60%);
}

.block-6 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(60%);
}

.block-6 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-60%);
}

.block-6 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(60%);
}

.block-7 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-70%);
}

.block-7 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(70%);
}

.block-7 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-70%);
}

.block-7 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(70%);
}

.block-8 .mav-s__alberto .mav-s__type svg {
  transform: translateY(-80%);
}

.block-8 .mav-s__alberto .mav-s__type2 svg {
  transform: translateY(80%);
}

.block-8 .mav-s__oviedo .mav-s__type svg {
  transform: translateY(-80%);
}

.block-8 .mav-s__oviedo .mav-s__type2 svg {
  transform: translateY(80%);
}

.c-loader {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 1s, visibility 1s;
  width: 100%;
  z-index: 10000;
}

.c-loader svg path {
  fill: #ffffff;
}

@keyframes loaderAlbertoMobile {
  50% {
    height: 12.5vh;
    left: calc(50vw + 6.25vh);
    top: 60px;
  }
  to {
    height: 12.5vh;
    left: calc(12.5vh + 20px);
    top: 60px;
  }
}
@keyframes loaderAlberto {
  50% {
    left: 20px;
    height: 20vh;
    top: 40%;
  }
  to {
    height: 20vh;
    left: 20px;
    top: 100px;
  }
}
.c-loader__alberto {
  animation-delay: 2s;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  animation-name: loaderAlbertoMobile;
  position: fixed;
  width: 100%;
}

@media (orientation: portrait) {
  .c-loader__alberto {
    height: 50vw;
    left: 75vw;
    top: -90vw;
    transform: rotate(90deg);
    transform-origin: top left;
  }
}
@media (orientation: landscape) {
  .c-loader__alberto {
    animation-name: loaderAlberto;
    height: 50vh;
    left: -74vh;
    top: 25vh;
  }
}
.c-loader__alberto svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(0);
}

@keyframes loaderOviedoMobile {
  50% {
    bottom: 60px;
    height: 12.5vh;
    right: calc(50vw + 6.25vh);
  }
  to {
    bottom: 60px;
    height: 12.5vh;
    right: calc(12.5vh + 20px);
  }
}
@keyframes loaderOviedo {
  50% {
    bottom: 40%;
    height: 20vh;
    right: 20px;
  }
  to {
    bottom: 100px;
    height: 20vh;
    right: 20px;
  }
}
.c-loader__oviedo {
  animation-delay: 2s;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  animation-name: loaderOviedoMobile;
  position: fixed;
  width: 100%;
}

@media (orientation: portrait) {
  .c-loader__oviedo {
    bottom: -90vw;
    height: 50vw;
    right: 75vw;
    transform: rotate(90deg);
    transform-origin: bottom right;
  }
}
@media (orientation: landscape) {
  .c-loader__oviedo {
    animation-name: loaderOviedo;
    bottom: 25vh;
    height: 50vh;
    right: -74vh;
  }
}
.c-loader__oviedo svg {
  animation-delay: 2s;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(0);
}

@keyframes loaderImageMobile {
  50% {
    left: 17.5vw;
    top: 20%;
    width: 40vw;
  }
  to {
    left: 17.5vw;
    top: 20%;
    width: 40vw;
  }
}
@keyframes loaderImage2Mobile {
  50% {
    left: 40vw;
    top: 0;
    width: 35vw;
  }
  to {
    left: 40vw;
    top: 0;
    width: 35vw;
  }
}
@keyframes loaderImage3Mobile {
  50% {
    left: 52.5vw;
    top: 60%;
    transform: translateZ(0);
    width: 30vw;
  }
  to {
    left: 52.5vw;
    top: 60%;
    transform: translateZ(0);
    width: 30vw;
  }
}
@keyframes loaderImage4Mobile {
  50% {
    bottom: 10vh;
    left: 0;
    width: 30vw;
  }
  to {
    bottom: 10vh;
    left: 0;
    width: 30vw;
  }
}
@keyframes loaderImage {
  50% {
    left: 5vw;
    top: 40%;
    transform: translateZ(0);
    width: 10vw;
  }
  to {
    left: 5%;
    top: 40%;
    transform: translateZ(0);
    width: 10%;
  }
}
@keyframes loaderImage2 {
  50% {
    left: 30vw;
    top: 0;
    transform: translateZ(0);
    width: 25vw;
  }
  to {
    left: 30vw;
    top: 0;
    transform: translateZ(0);
    width: 25vw;
  }
}
@keyframes loaderImage3 {
  50% {
    left: 65vw;
    top: 10%;
    transform: translateZ(0);
    width: 30vw;
  }
  to {
    left: 65vw;
    top: 10%;
    transform: translateZ(0);
    width: 30vw;
  }
}
@keyframes loaderImage4 {
  50% {
    bottom: 0;
    left: 20vw;
    transform: translateZ(0);
    width: 35vw;
  }
  to {
    bottom: 0;
    left: 20vw;
    transform: translateZ(0);
    width: 35vw;
  }
}
.c-loader__image {
  animation-delay: 2s;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  background-color: #ffffff;
  left: 50%;
  position: fixed;
  width: 0;
}

.c-loader__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 0;
  transition: opacity 1s;
  width: 100%;
}

.c-loader__image:nth-of-type(1) {
  animation-name: loaderImageMobile;
  top: 50%;
  z-index: 200;
}

@media (orientation: landscape) {
  .c-loader__image:nth-of-type(1) {
    animation-name: loaderImage;
  }
}
.c-loader__image:nth-of-type(2) {
  animation-name: loaderImage2Mobile;
  top: 50%;
  z-index: 300;
}

@media (orientation: landscape) {
  .c-loader__image:nth-of-type(2) {
    animation-name: loaderImage2;
  }
}
.c-loader__image:nth-of-type(3) {
  animation-name: loaderImage3Mobile;
  left: 12.5%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 75%;
  z-index: 400;
}

@media (orientation: landscape) {
  .c-loader__image:nth-of-type(3) {
    animation-name: loaderImage3;
    left: 25%;
    width: 50%;
  }
}
.c-loader__image:nth-of-type(4) {
  animation-name: loaderImage4Mobile;
  bottom: 50%;
  z-index: 100;
}

@media (orientation: landscape) {
  .c-loader__image:nth-of-type(4) {
    animation-name: loaderImage4;
  }
}
body.is-loaded {
  height: unset;
}

body.is-loaded .c-loader {
  display: none !important;
}

.c-loader.is-loaded {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

body.is-loader {
  height: 100%;
}

body.is-loader .c-loader__image img {
  opacity: 1;
}

.c-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 400;
  padding-bottom: 20px;
  padding-top: 20px;
}

@media (min-width: 375px) {
  .c-navbar {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 550px) {
  .c-navbar {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .c-navbar {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .c-navbar {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .c-navbar {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (min-width: 1500px) {
  .c-navbar {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.c-navbar__container {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
  display: flex;
  justify-content: space-between;
  line-height: 100%;
  transition: color 0.5s;
  z-index: 400;
}

@media (min-width: 375px) {
  .c-navbar__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-navbar__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-navbar__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-navbar__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-navbar__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-navbar__container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.c-navbar__logo {
  display: inline-flex;
}

.c-navbar__logo span {
  opacity: 0;
  overflow: hidden;
  max-width: 0;
  transition: opacity 1s, max-width 1s;
}

html.no-touchevents .c-navbar__logo:hover span {
  max-width: 100%;
  opacity: 1;
}

.c-navbar__menu {
  cursor: pointer;
  color: #ffffff;
  transition: opacity 0.5s;
  z-index: 400;
}

.c-navbar__menu:before {
  content: "Menu";
}

.c-navbar__links {
  background-color: var(--color-page-text);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  height: 100%;
  left: 0;
  overflow: auto;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: -webkit-clip-path 0.7s 0.05s cubic-bezier(1, 0, 0.47, 1.01);
  transition: clip-path 0.7s 0.05s cubic-bezier(1, 0, 0.47, 1.01);
  transition: clip-path 0.7s 0.05s cubic-bezier(1, 0, 0.47, 1.01), -webkit-clip-path 0.7s 0.05s cubic-bezier(1, 0, 0.47, 1.01);
  width: 100%;
  z-index: 300;
}

.c-navbar__links-container {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 75%;
  max-width: 75%;
  margin-left: 33.3333333333%;
  padding-top: 100px;
}

@media (min-width: 375px) {
  .c-navbar__links-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-navbar__links-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-navbar__links-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-navbar__links-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-navbar__links-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-navbar__links-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 991.98px) {
  .c-navbar__links-container {
    padding-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .c-navbar__links-container {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .c-navbar__links-container {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 25%;
  }
}
@media (min-width: 375px) {
  .c-navbar__links-container {
    padding-top: 100px;
  }
}
@media (min-width: 550px) {
  .c-navbar__links-container {
    padding-top: 100px;
  }
}
@media (min-width: 768px) {
  .c-navbar__links-container {
    padding-top: 100px;
  }
}
@media (min-width: 992px) {
  .c-navbar__links-container {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  .c-navbar__links-container {
    padding-top: 100px;
  }
}
@media (min-width: 1500px) {
  .c-navbar__links-container {
    padding-top: 100px;
  }
}
.c-navbar__items {
  align-items: flex-start;
  color: #000;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}

.c-navbar__items:hover .c-navbar__item:not(:hover) {
  opacity: 0.25;
}

.c-navbar__item {
  transition: opacity 0.5s;
  width: 100%;
}

.c-navbar__item + .c-navbar__item {
  margin-top: var(--space-m);
}

.c-navbar__link {
  font-size: var(--type-4);
  font-weight: 400;
  letter-spacing: -0.44px;
  line-height: 105%;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
}

.c-navbar__link span {
  font-size: var(--type--2);
  letter-spacing: 0;
  line-height: 140%;
  vertical-align: super;
}

.c-navbar__link img {
  height: auto;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.5s cubic-bezier(1, 0, 0.47, 1.01), transform 0.5s cubic-bezier(1, 0, 0.47, 1.01);
  width: 25%;
}

.c-navbar__link img:nth-last-of-type(1) {
  bottom: 0;
  left: 12.5%;
  transform: translateY(50%);
}

.c-navbar__link img:nth-last-of-type(2) {
  right: 12.5%;
  top: 0;
  transform: translateY(-50%);
}

html.no-touchevents .c-navbar__link:hover img {
  opacity: 1;
  transform: translateY(0);
}

html.is-changing .c-navbar__link img {
  opacity: 0 !important;
}

html.is-changing .c-navbar__link img:nth-last-of-type(1) {
  transform: translateY(50%) !important;
}

html.is-changing .c-navbar__link img:nth-last-of-type(2) {
  transform: translateY(-50%) !important;
}

.c-navbar__child-items {
  display: flex;
  flex-wrap: wrap;
}

.c-navbar__child-items:hover .c-navbar__child-item:not(:hover) {
  opacity: 0.25;
}

.c-navbar__child-item {
  display: flex;
  transition: opacity 0.5s;
}

.c-navbar__child-item:after {
  content: ", ";
  margin-right: 5px;
  transition: opacity 0.5s;
}

.c-navbar__child-item:last-of-type:after {
  display: none;
}

.c-navbar__child-item:hover:after {
  opacity: 0.25;
}

.c-navbar__child-link {
  font-size: var(--type-0);
  letter-spacing: 0;
  line-height: 140%;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
}

html.no-touchevents .c-navbar__child-link:hover .c-navbar__child-image {
  opacity: 1;
  transform: translateY(0);
}

html.is-changing .c-navbar__child-link .c-navbar__child-image {
  opacity: 0 !important;
}

html.is-changing .c-navbar__child-link .c-navbar__child-image:nth-last-of-type(1) {
  transform: translateY(50%) !important;
}

html.is-changing .c-navbar__child-link .c-navbar__child-image:nth-last-of-type(2) {
  transform: translateY(-50%) !important;
}

.c-navbar__child-image {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.5s cubic-bezier(1, 0, 0.47, 1.01), transform 0.5s cubic-bezier(1, 0, 0.47, 1.01);
  width: 25%;
}

.c-navbar__child-image:nth-last-of-type(1) {
  display: block;
  overflow: hidden;
  position: relative;
  bottom: 0;
  left: 12.5%;
  position: fixed;
  transform: translateY(50%);
}

.c-navbar__child-image:nth-last-of-type(1):before {
  display: block;
  content: "";
  padding-top: 75%;
  width: 100%;
}

.c-navbar__child-image:nth-last-of-type(1) > * {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.c-navbar__child-image:nth-last-of-type(1) img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.c-navbar__child-image:nth-last-of-type(2) {
  right: 12.5%;
  top: 0;
  transform: translateY(-50%);
}

.c-navbar__child-image img {
  height: auto;
  width: 100%;
}

.c-navbar__alberto {
  pointer-events: none;
  position: relative;
  overflow: hidden;
  position: fixed;
  display: block;
  width: 100%;
  left: 20px;
  top: 100px;
}

.c-navbar__alberto:before {
  display: block;
  content: "";
  padding-top: 28.813559322%;
  width: 100%;
}

.c-navbar__alberto > * {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

@media (orientation: portrait) {
  .c-navbar__alberto {
    height: 12.5vh;
    left: calc(12.5vh + 20px) !important;
    top: 60px !important;
    transform: rotate(90deg);
    transform-origin: top left;
  }
}
@media (orientation: landscape) {
  .c-navbar__alberto {
    height: 20vh;
  }
}
@media (min-width: 375px) {
  .c-navbar__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 550px) {
  .c-navbar__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 768px) {
  .c-navbar__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 992px) {
  .c-navbar__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1200px) {
  .c-navbar__alberto {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1500px) {
  .c-navbar__alberto {
    left: 20px;
    top: 100px;
  }
}
.c-navbar__alberto g path:nth-of-type(7) {
  fill: #000 !important;
}

.c-navbar__alberto g path:nth-of-type(17) {
  fill: #000 !important;
}

.c-navbar__oviedo {
  display: block;
  overflow: hidden;
  position: relative;
  pointer-events: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
}

.c-navbar__oviedo:before {
  display: block;
  content: "";
  padding-top: 33.6633663366%;
  width: 100%;
}

.c-navbar__oviedo > * {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

@media (orientation: portrait) {
  .c-navbar__oviedo {
    bottom: 60px !important;
    height: 12.5vh;
    right: calc(12.5vh + 20px) !important;
    transform: rotate(90deg);
    transform-origin: bottom right;
  }
}
@media (orientation: landscape) {
  .c-navbar__oviedo {
    height: 20vh;
  }
}
@media (min-width: 375px) {
  .c-navbar__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 550px) {
  .c-navbar__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .c-navbar__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 992px) {
  .c-navbar__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .c-navbar__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1500px) {
  .c-navbar__oviedo {
    bottom: 100px;
    right: 20px;
  }
}
@media (orientation: landscape) {
  .c-navbar__oviedo g path:nth-of-type(1) {
    fill: #000 !important;
  }
}
@media (orientation: portrait) {
  .c-navbar__oviedo g path:nth-of-type(2) {
    fill: #000 !important;
  }
}
@media (orientation: portrait) {
  .c-navbar__oviedo g path:nth-of-type(8) {
    fill: #000 !important;
  }
}
@media (orientation: landscape) {
  .c-navbar__oviedo g path:nth-of-type(7) {
    fill: #000 !important;
  }
}
body.is-nav-open {
  overflow: hidden;
}

body.is-nav-open .c-navbar__links {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: visible;
}

body.is-nav-open .c-navbar__menu:before {
  content: "Close";
}

body.is-nav-open .c-navbar__container {
  color: #000 !important;
}

html.is-about body {
  color: #000;
}

html.is-about .c-navbar__logo span {
  max-width: 100%;
  opacity: 1;
}

html.is-about .c-navbar__menu,
html.is-project .c-navbar__menu {
  opacity: 0;
  pointer-events: none;
}

.c-project__content {
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  z-index: 100;
}

.c-project__content-container {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 116.6666666667%;
  max-width: 116.6666666667%;
  display: flex;
  flex-direction: column;
  height: 100svh;
  justify-content: center;
}

@media (min-width: 375px) {
  .c-project__content-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-project__content-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-project__content-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-project__content-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-project__content-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-project__content-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.c-project__count {
  margin-bottom: var(--space-s);
  transition: transform 0.8s cubic-bezier(1, 0, 0.47, 1.01);
}

.c-project__title {
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  display: flex;
  font-size: calc(var(--type-7) * 3.3);
  line-height: 74%;
  overflow: hidden;
  position: relative;
  z-index: 100;
}

@media (orientation: landscape) {
  .c-project__title {
    font-size: calc(var(--type-7) * 3.2);
  }
}
.c-project__title span {
  overflow: hidden;
  position: relative;
  transition: transform 0.8s cubic-bezier(1, 0, 0.47, 1.01);
}

.c-project__gallery-wrapper {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior: none;
}

@media (orientation: landscape) {
  .c-project__gallery-wrapper {
    height: 100svh;
  }
}
.c-project__gallery-wrapper .container-fluid {
  width: 100%;
}

.c-project__gallery-wrapper .row {
  flex-wrap: nowrap;
}

.c-project__item {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 16.6666666667%;
  height: 100svh;
}

@media (min-width: 375px) {
  .c-project__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-project__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-project__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-project__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-project__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-project__item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (orientation: landscape) {
  .c-project__item {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 12.5%;
    height: 100svh;
  }
}
.c-project__item:nth-of-type(1) {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 58.3333333333%;
}

@media (orientation: landscape) {
  .c-project__item:nth-of-type(1) {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 58.3333333333%;
  }
}
.c-project__item:nth-of-type(4n + 2).c-project__item--landscape {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (orientation: landscape) {
  .c-project__item:nth-of-type(4n + 2).c-project__item--landscape {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
.c-project__item:nth-of-type(4n + 2).c-project__item--portrait {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (orientation: landscape) {
  .c-project__item:nth-of-type(4n + 2).c-project__item--portrait {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.c-project__item:nth-of-type(4n + 3).c-project__item--landscape {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (orientation: landscape) {
  .c-project__item:nth-of-type(4n + 3).c-project__item--landscape {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
.c-project__item:nth-of-type(4n + 3).c-project__item--portrait {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (orientation: landscape) {
  .c-project__item:nth-of-type(4n + 3).c-project__item--portrait {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
.c-project__item:nth-of-type(4n + 4).c-project__item--landscape {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (orientation: landscape) {
  .c-project__item:nth-of-type(4n + 4).c-project__item--landscape {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.c-project__item:nth-of-type(4n + 4).c-project__item--portrait {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (orientation: landscape) {
  .c-project__item:nth-of-type(4n + 4).c-project__item--portrait {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.c-project__item:last-of-type .c-project__item-media {
  margin-right: -20px;
}

@media (min-width: 375px) {
  .c-project__item:last-of-type .c-project__item-media {
    margin-right: -20px;
  }
}
@media (min-width: 550px) {
  .c-project__item:last-of-type .c-project__item-media {
    margin-right: -20px;
  }
}
@media (min-width: 768px) {
  .c-project__item:last-of-type .c-project__item-media {
    margin-right: -20px;
  }
}
@media (min-width: 992px) {
  .c-project__item:last-of-type .c-project__item-media {
    margin-right: -20px;
  }
}
@media (min-width: 1200px) {
  .c-project__item:last-of-type .c-project__item-media {
    margin-right: -20px;
  }
}
@media (min-width: 1500px) {
  .c-project__item:last-of-type .c-project__item-media {
    margin-right: -20px;
  }
}
.c-project__item-media-container {
  cursor: zoom-in;
  height: 100svh;
}

.c-project__item-media {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.c-project__close {
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 400;
  padding-top: 20px;
}

@media (min-width: 375px) {
  .c-project__close {
    padding-top: 20px;
  }
}
@media (min-width: 550px) {
  .c-project__close {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .c-project__close {
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .c-project__close {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .c-project__close {
    padding-top: 20px;
  }
}
@media (min-width: 1500px) {
  .c-project__close {
    padding-top: 20px;
  }
}
.c-project__close-container {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 375px) {
  .c-project__close-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 550px) {
  .c-project__close-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .c-project__close-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .c-project__close-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .c-project__close-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1500px) {
  .c-project__close-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.c-project__close-link {
  pointer-events: visible;
}

html.is-scrolling-down .c-project__count {
  transform: translate(-100%);
}

html.is-scrolling-down .c-project__title span {
  transform: translateY(100%);
}

.c-projects {
  overflow: hidden;
}

.c-projects__container {
  max-height: 100svh;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.c-projects__item {
  display: block;
  height: 100svh;
  position: relative;
  scroll-snap-align: start;
  width: 100%;
  z-index: 200;
}

.c-projects__item.is-active .c-projects__title:before {
  transform: translateY(-100%);
}

.c-projects__item.is-active .c-projects__title:after {
  transform: translateY(0);
}

.c-projects__item:nth-of-type(2n) .c-projects__content {
  left: 20px;
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(2n) .c-projects__content {
    bottom: 0 !important;
    left: calc(var(--type-7) * 3.3 - 4.25vw) !important;
    top: 60px !important;
    transform-origin: top left;
  }
}
@media (min-width: 375px) {
  .c-projects__item:nth-of-type(2n) .c-projects__content {
    left: 20px;
  }
}
@media (min-width: 550px) {
  .c-projects__item:nth-of-type(2n) .c-projects__content {
    left: 20px;
  }
}
@media (min-width: 768px) {
  .c-projects__item:nth-of-type(2n) .c-projects__content {
    left: 20px;
  }
}
@media (min-width: 992px) {
  .c-projects__item:nth-of-type(2n) .c-projects__content {
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .c-projects__item:nth-of-type(2n) .c-projects__content {
    left: 20px;
  }
}
@media (min-width: 1500px) {
  .c-projects__item:nth-of-type(2n) .c-projects__content {
    left: 20px;
  }
}
.c-projects__item:nth-of-type(2n) .c-projects__image:nth-of-type(1) {
  width: 10%;
  z-index: 40;
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(2n) .c-projects__image:nth-of-type(1) {
    transform: scale(2) translateY(-25vh);
  }
}
.c-projects__item:nth-of-type(2n) .c-projects__image:nth-of-type(2) {
  width: 25%;
  z-index: 30;
}

.c-projects__item:nth-of-type(2n) .c-projects__image:nth-of-type(3) {
  width: 15%;
  z-index: 50;
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(2n) .c-projects__image:nth-of-type(3) {
    transform: scale(2) translateY(-15vh);
  }
}
.c-projects__item:nth-of-type(2n) .c-projects__image:nth-of-type(4) {
  width: 20%;
  z-index: 40;
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(2n) .c-projects__image:nth-of-type(4) {
    transform: scale(2) translateY(-5vh);
  }
}
.c-projects__item:nth-of-type(odd) .c-projects__content {
  left: calc(100% - 20px);
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    bottom: 60px !important;
    left: calc(100% - var(--type-7) * 3.3 + 4.25vw) !important;
    transform: rotate(90deg) translate(-100%);
    transform-origin: bottom left;
  }
}
@media (orientation: landscape) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    transform: translate(-100%);
  }
}
@media (min-width: 375px) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    left: calc(100% - 20px);
  }
}
@media (min-width: 550px) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    left: calc(100% - 20px);
  }
}
@media (min-width: 768px) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    left: calc(100% - 20px);
  }
}
@media (min-width: 992px) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    left: calc(100% - 20px);
  }
}
@media (min-width: 1200px) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    left: calc(100% - 20px);
  }
}
@media (min-width: 1500px) {
  .c-projects__item:nth-of-type(odd) .c-projects__content {
    left: calc(100% - 20px);
  }
}
.c-projects__item:nth-of-type(odd) .c-projects__image:nth-of-type(1) {
  width: 10%;
  z-index: 40;
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(odd) .c-projects__image:nth-of-type(1) {
    transform: scale(2) translateY(-25vh);
  }
}
.c-projects__item:nth-of-type(odd) .c-projects__image:nth-of-type(2) {
  width: 25%;
  z-index: 30;
}

.c-projects__item:nth-of-type(odd) .c-projects__image:nth-of-type(3) {
  width: 15%;
  z-index: 40;
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(odd) .c-projects__image:nth-of-type(3) {
    transform: scale(2) translateY(-15vh);
  }
}
.c-projects__item:nth-of-type(odd) .c-projects__image:nth-of-type(4) {
  width: 20%;
  z-index: 50;
}

@media (orientation: portrait) {
  .c-projects__item:nth-of-type(odd) .c-projects__image:nth-of-type(4) {
    transform: scale(2) translateY(-5vh);
  }
}
.c-projects__content {
  position: absolute;
  transition: all 0.7s;
  z-index: 100;
  bottom: 100px;
}

@media (orientation: portrait) {
  .c-projects__content {
    transform: rotate(90deg);
  }
}
@media (min-width: 375px) {
  .c-projects__content {
    bottom: 100px;
  }
}
@media (min-width: 550px) {
  .c-projects__content {
    bottom: 100px;
  }
}
@media (min-width: 768px) {
  .c-projects__content {
    bottom: 100px;
  }
}
@media (min-width: 992px) {
  .c-projects__content {
    bottom: 100px;
  }
}
@media (min-width: 1200px) {
  .c-projects__content {
    bottom: 100px;
  }
}
@media (min-width: 1500px) {
  .c-projects__content {
    bottom: 100px;
  }
}
.c-projects__count {
  display: none;
  margin-bottom: var(--space-s);
  position: relative;
}

.c-projects__title {
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  font-size: calc(var(--type-7) * 3.3);
  line-height: 74%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

@media (orientation: landscape) {
  .c-projects__title {
    font-size: calc(var(--type-7) * 3.2);
  }
}
.c-projects__title:before {
  content: attr(data-title);
  left: 0;
  position: absolute;
  transform: translateY(0);
  transition: transform 0.5s;
}

.c-projects__title:after {
  content: attr(data-title);
  left: 0;
  position: absolute;
  transform: translateY(100%);
  transition: transform 0.5s;
}

.c-projects__title span {
  opacity: 0;
}

.c-projects__image {
  bottom: 25%;
  position: absolute;
  left: 50%;
  transform: scale(2) translateY(-20%);
  transition: all 0.7s;
  width: 50%;
}

@media (orientation: landscape) {
  .c-projects__image {
    transform: scale(1.2);
  }
}
.c-projects__image img,
.c-projects__image video {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 100%;
}

.c-projects__item-footer {
  background-color: color-mix(in srgb, var(--color-page-text), #fff 60%);
  height: 100%;
  pointer-events: none;
  transition: background-color 0.5s;
  width: 100%;
}

.c-projects__item-footer-link {
  font-family: LD Alberto, sans-serif;
  text-transform: uppercase;
  color: var(--color-page-text);
  font-size: calc(var(--type-7) * 3.3);
  line-height: 75%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
}

@media (orientation: landscape) {
  .c-projects__item-footer-link {
    font-size: calc(var(--type-7) * 3.2);
  }
}
.c-projects__item-footer-link:nth-of-type(1) {
  left: 20px;
  top: 100px;
}

@media (orientation: portrait) {
  .c-projects__item-footer-link:nth-of-type(1) {
    left: calc(var(--type-7) * 3.3 - 4.25vw) !important;
    top: 60px !important;
    transform: rotate(90deg);
    transform-origin: top left;
  }
}
@media (min-width: 375px) {
  .c-projects__item-footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 550px) {
  .c-projects__item-footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 768px) {
  .c-projects__item-footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 992px) {
  .c-projects__item-footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1200px) {
  .c-projects__item-footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
@media (min-width: 1500px) {
  .c-projects__item-footer-link:nth-of-type(1) {
    left: 20px;
    top: 100px;
  }
}
.c-projects__item-footer-link:nth-of-type(1) .c-projects__item-footer-link-wrapper:before {
  content: "↙";
}

.c-projects__item-footer-link:nth-of-type(2) {
  bottom: 100px;
  right: 20px;
}

@media (orientation: portrait) {
  .c-projects__item-footer-link:nth-of-type(2) {
    bottom: 60px !important;
    right: calc(var(--type-7) * 3.3 - 4.25vw) !important;
    transform: rotate(90deg);
    transform-origin: bottom right;
  }
}
@media (min-width: 375px) {
  .c-projects__item-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 550px) {
  .c-projects__item-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .c-projects__item-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 992px) {
  .c-projects__item-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .c-projects__item-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
@media (min-width: 1500px) {
  .c-projects__item-footer-link:nth-of-type(2) {
    bottom: 100px;
    right: 20px;
  }
}
.c-projects__item-footer-link:nth-of-type(2) .c-projects__item-footer-link-wrapper:after {
  content: "↘";
}

html.no-touchevents .c-projects__item-footer-link:hover .c-projects__item-footer-link-wrapper:before,
html.no-touchevents .c-projects__item-footer-link:hover .c-projects__item-footer-link-wrapper:after {
  max-width: 10vw;
}

.c-projects__item-footer-link-wrapper {
  display: flex;
  position: relative;
}

.c-projects__item-footer-link-wrapper:before,
.c-projects__item-footer-link-wrapper:after {
  overflow: hidden;
  max-width: 0;
  transition: max-width 0.6s;
}

.c-projects__item--footer {
  opacity: 0;
}

.fancybox__container {
  --fancybox-bg: #ededed !important;
  --fancybox-color: var(--color-page-text) !important;
}

.fancybox__nav {
  --f-button-height: auto !important;
  --f-button-hover-color: var(--color-page-text) !important;
  --f-button-next-pos: 20px !important;
  --f-button-prev-pos: 20px !important;
  --f-button-width: auto !important;
}

html.touchevents .fancybox__nav {
  display: none;
}

.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
  box-shadow: unset !important;
}

.fancybox__nav .f-button.is-prev div,
.fancybox__nav .f-button.is-next div {
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 0 2px;
  text-decoration: none;
  transition: background-size 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: ABC Diatype, sans-serif;
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
  line-height: 100%;
}

html.no-touchevents .fancybox__nav .f-button.is-prev div:hover,
html.no-touchevents .fancybox__nav .f-button.is-next div:hover {
  background-size: 100% 2px;
}

.fancybox__toolbar {
  --f-button-bg: transparent !important;
  --f-button-height: auto !important;
  --f-button-hover-color: var(--color-page-text) !important;
  --f-button-width: auto !important;
}

.fancybox__toolbar .f-button {
  font-family: ABC Diatype, sans-serif;
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
  line-height: 100%;
  margin: 20px !important;
}

@media (min-width: 375px) {
  .fancybox__toolbar .f-button {
    margin: 20px !important;
  }
}
@media (min-width: 550px) {
  .fancybox__toolbar .f-button {
    margin: 20px !important;
  }
}
@media (min-width: 768px) {
  .fancybox__toolbar .f-button {
    margin: 20px !important;
  }
}
@media (min-width: 992px) {
  .fancybox__toolbar .f-button {
    margin: 20px !important;
  }
}
@media (min-width: 1200px) {
  .fancybox__toolbar .f-button {
    margin: 20px !important;
  }
}
@media (min-width: 1500px) {
  .fancybox__toolbar .f-button {
    margin: 20px !important;
  }
}
.f-button:hover:not([disabled]) {
  color: var(--f-button-hover-color);
  background-color: unset !important;
}

.f-button:hover:not([disabled]) div:after {
  opacity: 1;
  transform: translateY(0);
}

.f-button.is-close-btn {
  font-family: ABC Diatype, sans-serif;
  font-size: var(--type-1);
  letter-spacing: 0;
  line-height: 140%;
  height: auto !important;
  line-height: 100%;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: auto !important;
  margin: 20px !important;
}

@media (min-width: 375px) {
  .f-button.is-close-btn {
    margin: 20px !important;
  }
}
@media (min-width: 550px) {
  .f-button.is-close-btn {
    margin: 20px !important;
  }
}
@media (min-width: 768px) {
  .f-button.is-close-btn {
    margin: 20px !important;
  }
}
@media (min-width: 992px) {
  .f-button.is-close-btn {
    margin: 20px !important;
  }
}
@media (min-width: 1200px) {
  .f-button.is-close-btn {
    margin: 20px !important;
  }
}
@media (min-width: 1500px) {
  .f-button.is-close-btn {
    margin: 20px !important;
  }
}
.f-button.is-close-btn:before {
  content: "Close";
  display: block;
}

.f-button.is-close-btn svg {
  display: none;
}

.fancybox__content img {
  max-height: 100vh;
  max-width: 100vw;
}

@media (min-width: 768px) {
  .fancybox__content img {
    max-height: 80vh;
    max-width: 80vw;
  }
}
.fancybox__footer {
  background: 0 0 !important;
}

@media (max-width: 767.98px) {
  .fancybox__footer {
    pointer-events: none;
    top: 0;
    width: 50%;
  }
}
.fancybox__caption {
  font-size: var(--type-0);
  letter-spacing: 0;
  line-height: 140%;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between;
  left: 0 !important;
  padding: 10px !important;
  position: absolute !important;
  top: 0 !important;
}

@media (min-width: 768px) {
  .fancybox__caption {
    padding: 20px !important;
  }
}
.fancybox__caption a {
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 0 2px;
  text-decoration: none;
  transition: background-size 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
}

html.no-touchevents .fancybox__caption a:hover {
  background-size: 100% 2px;
}

.fancybox__caption > div:nth-of-type(1) {
  pointer-events: visible;
}

@media (max-width: 767.98px) {
  .fancybox__caption > div:nth-of-type(2) {
    display: none;
  }
}
.fancybox__caption > div:nth-of-type(2) ul {
  display: flex;
}

.fancybox__caption > div:nth-of-type(2) li {
  margin-right: 10px;
}

.fancybox__caption > div:nth-of-type(2) li + li:before {
  content: "/";
  margin-right: 10px;
}

.has-html5video .fancybox__content {
  aspect-ratio: unset !important;
}

.fancybox__slide {
  padding: 0 !important;
}

.title-block .block {
  position: fixed;
  z-index: 999;
  left: 5%;
  top: 5%;
}
.title-block .block svg path {
  fill: #ffffff;
}
.title-block .block:nth-child(2) {
  left: calc(5% + 25.45px) !important;
}

.navbar-toggler {
  position: relative;
  width: 30px;
}

.icon-menu,
.icon-menu::before,
.icon-menu::after,
.icon-close,
.icon-close::before,
.icon-close::after {
  content: "";
  display: block;
  height: 1.5px;
  position: absolute;
  width: 20px;
  border-radius: 20px;
  transition: top ease 0.3s, transform ease 0.3s 0.3s, background 0.3s ease 0.3s;
  background: #ffffff;
}

/* bottom line of hamburger */
.icon-menu::before {
  top: -7px;
  width: 28px;
  transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s;
}

/* top line of hamburger */
.icon-menu::after {
  top: 7px;
  width: 28px;
  transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s;
}

.icon-close {
  background: transparent;
}

/* line one of close icon */
.icon-close::before {
  transform: rotate(45deg);
  top: 0px;
  background: #ffffff;
  width: 28px;
}

/* line two of close icon */
.icon-close::after {
  transform: rotate(-45deg);
  top: 0px;
  background: #ffffff;
  width: 28px;
}

#icon {
  top: 20;
  width: 28px;
  transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s;
}

/* SCSS */
.service-offerings {
  background-color: #211a31;
  padding: 200px 0 100px 0;
  font-family: "Inter";
  color: white;
}
.service-offerings .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.service-offerings .section-title {
  font-size: clamp(1.8rem, 2vw, 2vw);
  font-family: "Inter";
  margin: 0 0 10px 0;
  font-weight: 800;
  text-align: left;
}
.service-offerings .section-description {
  font-size: clamp(1rem, 1vw, 1vw);
  letter-spacing: 0.8px;
  padding: 20px 0 0 0;
  font-weight: 200;
  line-height: 1.8;
}
.service-offerings .service-block {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "service1 service1 service2" "service1 service1 service2" "service3 service4 service2" "service5 service4 service6" "service5 service4 service6" "service5 service7 service6" "service8 service7 service9" "service8 service7 service9" "service8 service10 service9" "service11 service10 service9" "service11 service10 service12" "service11 service10 service12";
  grid-gap: 30px 25px;
}
.service-offerings .service-block .service {
  position: relative;
  display: grid;
}
.service-offerings .service-block .service:nth-child(1) {
  grid-area: service1;
}
.service-offerings .service-block .service:nth-child(2) {
  grid-area: service2;
}
.service-offerings .service-block .service:nth-child(3) {
  grid-area: service3;
}
.service-offerings .service-block .service:nth-child(4) {
  grid-area: service4;
}
.service-offerings .service-block .service:nth-child(5) {
  grid-area: service5;
}
.service-offerings .service-block .service:nth-child(6) {
  grid-area: service6;
}
.service-offerings .service-block .service:nth-child(7) {
  grid-area: service7;
  border-radius: 25px 25px 30px 30px;
}
.service-offerings .service-block .service:nth-child(8) {
  grid-area: service8;
}
.service-offerings .service-block .service:nth-child(9) {
  grid-area: service9;
}
.service-offerings .service-block .service:nth-child(10) {
  grid-area: service10;
  background-image: url("../images/service/border/3.png");
  background-size: 100%;
  border-radius: 25px 25px 30px 30px;
  background-repeat: no-repeat;
}
.service-offerings .service-block .service:nth-child(11) {
  grid-area: service11;
}
.service-offerings .service-block .service:nth-child(12) {
  justify-content: space-between;
  flex-direction: column;
  grid-area: service12;
  display: flex;
}
.service-offerings .service-block .service .service-btn {
  justify-content: space-between;
  color: #212529 !important;
  border-radius: 20px;
  align-items: center;
  padding: 15px 20px;
  max-height: 112px;
  display: flex;
  height: 100%;
  width: 100%;
}
.service-offerings .service-block .service .service-btn.request-btn {
  background: #b2ebf2;
  background: linear-gradient(90deg, #b2ebf2, #f5bbd2);
}
.service-offerings .service-block .service .service-btn.request-btn:hover {
  background: #b2ebf2;
  background: linear-gradient(270deg, #b2ebf2, #f5bbd2);
}
.service-offerings .service-block .service .service-btn.checkout-btn {
  background-image: linear-gradient(to bottom, #c4d5ed, #c5d1ee, #c8cded, #ccc9ec, #d1c4e9);
}
.service-offerings .service-block .service .service-btn.checkout-btn:hover {
  background: #ebedc4;
  background: linear-gradient(90deg, #ebedc4, #b890fe);
}
.service-offerings .service-block .service .service-btn.explore-btn {
  background: #52edfe;
}
.service-offerings .service-block .service .service-btn.explore-btn:hover {
  background-image: linear-gradient(to right, #52feb3, #2bfcce, #0cf8e4, #2bf3f4, #52edfe);
}
.service-offerings .service-block .service .service-btn span {
  text-align: left;
  line-height: 1.2;
  font-weight: 800;
  font-size: 18px;
}
.service-offerings .service-block .service .service-btn img {
  transform: translateX(-15px);
  transition: all 0.4s ease;
  width: 20px;
}
.service-offerings .service-block .service .service-btn:hover img {
  transform: translateX(0);
}
.service-offerings .service-block .service .block {
  background-repeat: no-repeat;
  justify-content: flex-start;
  background-position: bottom;
  padding: 35px 35px 0 35px;
  background-size: cover;
  flex-direction: column;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.service-offerings .service-block .service .block h3 {
  font-size: clamp(1.4rem, 1.5vw, 1.8vw);
  padding: 0 20px 0 0;
  font-weight: 700;
  line-height: 1;
  z-index: 1;
}
.service-offerings .service-block .service .block h6 {
  font-size: clamp(0.9rem, 0.8vw, 0.8vw);
  transition: all 0.4s ease;
  letter-spacing: 0.8px;
  padding: 10px 0 0 0;
  line-height: 1.5;
  font-weight: 300;
  z-index: 1;
}
.service-offerings .service-block .service .block.block1 {
  background-image: url("../images/service/img/1.svg");
}
.service-offerings .service-block .service .block.block2 {
  background-image: url("../images/service/img/2.svg");
}
.service-offerings .service-block .service .block.block3 {
  background-image: url("../images/service/img/3.svg");
}
.service-offerings .service-block .service .block.block4 {
  z-index: 1;
}
.service-offerings .service-block .service .block.block5 {
  background-image: url("../images/service/img/5.svg");
}
.service-offerings .service-block .service .block.block6 {
  background-image: url("../images/service/img/6.svg");
  background-size: 100% !important;
}
.service-offerings .service-block .service .block.block7 {
  background-image: url("../images/service/img/7.svg");
}
.service-offerings .service-block .service .block.block8 {
  background-image: linear-gradient(to bottom, #bdb1d4, #6b70a7);
}
.service-offerings .service-block .service .block.block8::before {
  content: "";
  background-image: url("../images/service/img/circl.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  transition: all 0.8s ease;
  background-size: 50%;
  position: absolute;
  height: 100%;
  bottom: 30px;
  width: 100%;
  right: 30px;
}
.service-offerings .service-block .service .block.block9 {
  background-image: url("../images/service/img/9.svg");
}
.service-offerings .service-block .service .block.block10 {
  background-image: url("../images/service/img/10.svg");
}
.service-offerings .service-block .service .block.block10.short-text {
  max-height: unset;
}
.service-offerings .service-block .service .block.translate h6 {
  transform: translateY(50%);
}
.service-offerings .service-block .service .block:hover h6 {
  max-height: unset !important;
  transform: translateY(0);
}
.service-offerings .service-block .service .block.short-text {
  max-height: 402px;
}
.service-offerings .service-block .service .block.short-text h6 {
  padding: 20px 0 0 0;
  max-height: 110px;
  overflow: hidden;
}
.service-offerings .service-block .service .block.short-text:hover h6 {
  max-height: unset !important;
  padding: 10px 0 0 0 !important;
}
.service-offerings .service-block .service .block.img-translate {
  position: relative;
}
.service-offerings .service-block .service .block.img-translate img {
  transition: all 0.8s ease;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.service-offerings .service-block .service .block.img-translate:hover img {
  bottom: -100%;
}
.service-offerings .service-block .service .block.rotate {
  position: relative;
}
.service-offerings .service-block .service .block.rotate:hover::before {
  transform: rotateZ(-35deg) translate(-125px, -30px) scale(1.4);
}
.service-offerings .service-block .service .block.title-block {
  padding: 0 35px 0 0;
}

@media (min-width: 100px) and (max-width: 575px) {
  .service-offerings {
    padding: 100px 0 100px 0;
  }
  .service-offerings .container {
    padding: 0 30px;
  }
  .service-offerings .container .service-block {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "service1" "service2" "service4" "service5" "service6" "service7" "service8" "service9" "service10" "service11" "service3" "service12";
    grid-gap: 15px 20px;
  }
  .service-offerings .container .service-block .service .block {
    min-height: 400px;
  }
  .service-offerings .container .service-block .service .block.title-block {
    padding: 0 0 30px 0;
    border-radius: 0;
    min-height: auto;
  }
  .service-offerings .container .service-block .service .service-btn {
    min-height: 80px;
  }
  .service-offerings .container .service-block .service .service-btn.explore-btn {
    margin: 0 0 15px 0;
  }
  .mavs-blog-section .content-wrapper .hover-text {
    display: none;
  }
}
.scroll-nav {
  cursor: pointer;
}

#cookies,
#privacyPolicy,
#termsConditions {
  background: #1a1d29;
  font-family: "Inter";
  color: #e0e0e0;
  padding: 0 0 50px 0;
}
#cookies section,
#cookies .section,
#privacyPolicy section,
#privacyPolicy .section,
#termsConditions section,
#termsConditions .section {
  padding: 0 0 35px 0;
}
#cookies h1,
#privacyPolicy h1,
#termsConditions h1 {
  font-size: clamp(1.8rem, 2vw, 2vw);
  font-family: "Inter";
  margin: 0 0 40px 0;
  font-weight: 700;
  text-align: left;
}
#cookies h2,
#privacyPolicy h2,
#termsConditions h2 {
  font-size: clamp(1.4rem, 1.2vw, 1.2vw);
  padding: 0 20px 0 0;
  font-weight: 500;
  line-height: 1;
  z-index: 1;
}
#cookies h3,
#privacyPolicy h3,
#termsConditions h3 {
  font-size: clamp(1.3rem, 1vw, 1vw);
  padding: 20px 20px 0 0;
  letter-spacing: 0.4px;
  font-weight: 400;
}
#cookies h4,
#privacyPolicy h4,
#termsConditions h4 {
  font-size: clamp(1rem, 0.6vw, 1vw);
  padding: 20px 20px 0 0;
  letter-spacing: 0.5px;
  font-weight: 400;
}
#cookies p,
#privacyPolicy p,
#termsConditions p {
  font-size: clamp(0.9rem, 0.8vw, 0.8vw);
  letter-spacing: 0.5px;
  padding: 10px 0 0 0;
  line-height: 1.5;
  font-weight: 200;
}
#cookies ul,
#cookies ol,
#privacyPolicy ul,
#privacyPolicy ol,
#termsConditions ul,
#termsConditions ol {
  padding: 20px 0 0 15px;
  list-style: circle;
  margin: 0 0 0 20px;
}
#cookies ul li,
#cookies ol li,
#privacyPolicy ul li,
#privacyPolicy ol li,
#termsConditions ul li,
#termsConditions ol li {
  padding: 0 0 10px 0;
  font-weight: 200;
  line-height: 1.6;
}
#cookies ul li strong,
#cookies ol li strong,
#privacyPolicy ul li strong,
#privacyPolicy ol li strong,
#termsConditions ul li strong,
#termsConditions ol li strong {
  font-weight: 500;
  letter-spacing: 0.4px;
}
#cookies a,
#privacyPolicy a,
#termsConditions a {
  color: #4fc3f7;
}

.intro-section {
  background: linear-gradient(135deg, #231b2b 0%, #706fc6 100%);
  padding: 130px 0 90px 0;
  margin: 0 0 70px 0;
}
.intro-section .intro h1 {
  margin: 0 !important;
}

.main-wrapper .navbar {
  background: none;
}
.main-wrapper .navbar::before {
  content: "";
  position: absolute;
  width: 100%;
}
.main-wrapper .navbar .container-fluid {
  background: none;
}
.main-wrapper .navbar .container-fluid .navbar-nav {
  list-style: none !important;
}

.contact-form {
  font-family: "Inter";
}
.contact-form form {
  padding: 20px 0 160px 0;
  max-width: 1000px;
  margin: 0 auto;
}
.contact-form form .form-group {
  margin: 0 0 30px 0;
}
.contact-form form .form-group label {
  letter-spacing: 0.8px;
  font-weight: 300;
  font-size: 14px;
  color: #eeeeee;
}
.contact-form form .form-group input,
.contact-form form .form-group textarea {
  border: none !important;
  border-bottom: solid 1px #212121 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 5px 0 5px 5px;
  letter-spacing: 0.8px;
  border-radius: 0;
  background: none;
  font-weight: 300;
  font-size: 14px;
  color: #ffffff;
}
.contact-form form .form-group input::-webkit-input-placeholder,
.contact-form form .form-group textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #424242;
}
.contact-form form .form-group input::-moz-placeholder,
.contact-form form .form-group textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #424242;
}
.contact-form form .form-group input:-ms-input-placeholder,
.contact-form form .form-group textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #424242;
}
.contact-form form .form-group input:-moz-placeholder,
.contact-form form .form-group textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #424242;
}
.contact-form form .form-group input:-webkit-autofill,
.contact-form form .form-group textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #000000 !important;
}
.contact-form form .form-group input:-webkit-autofill:hover, .contact-form form .form-group input:-webkit-autofill:focus, .contact-form form .form-group input:-webkit-autofill:active,
.contact-form form .form-group textarea:-webkit-autofill:hover,
.contact-form form .form-group textarea:-webkit-autofill:focus,
.contact-form form .form-group textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #000000 !important;
}
.contact-form form button {
  border: solid 1px #ffffff;
  letter-spacing: 0.54px;
  background: #ffffff;
  color: #000000;
  font-size: 15px;
}
.contact-form form button:hover {
  background-color: #212121 !important;
  border: solid 1px #212121 !important;
  color: #ffffff !important;
}

.window-back {
  filter: contrast(0);
  color: #ffffff;
  font-size: 29px;
  position: fixed;
  z-index: 999;
  right: 5vw;
  top: 60px;
}
.window-back a {
  display: block;
}
.window-back a img {
  max-width: 80px !important;
  width: 8vw;
}

#responseMessage {
  padding: 0 0 50px 0;
  font-size: 1.12vw;
  color: #ffffff;
}

.img-border {
  position: absolute;
  height: 100%;
  width: 100%;
}/*# sourceMappingURL=custom.css.map */