body {
    line-height: 1.6;
  }

.masthead.-type-1 .masthead__text {
    max-width: 50rem;
}

.portfolioCard.-type-2.-hover .portfolioCard__content h5 {
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s;
}

.portfolioCard.-type-2.-hover:hover .portfolioCard__content h5 {
    opacity: 1;
    transform: none;
}

/* ------ New Header ------ */

.masthead.-type-1 .masthead__title {
    line-height: 1.1;
    font-size: 6.2vw;
    letter-spacing: -4px;
}

.sliderMain.-type-1 .sliderMain__img.-cover-dark::after {
    background-color: rgba(0, 0, 0, 0.5);
}

.sliderMain.-type-1 .sliderMain__title {
    font-size: 6.2vw;
    letter-spacing: -4px;
    line-height: 1.1;
}


.sliderMain.-type-1 .sliderMain__bgTitle {
    color: rgba(255, 255, 255, 0.04);
}

@media (max-width: 575px){
.bg-image {
    background-position: 47% center!important;
	}}

.text-red {
  color: var(--accent-color) !important;
}

@media (max-width: 575px){
.sliderMain.-type-1 .sliderMain__title {
    font-size: 2.4rem;
    letter-spacing: -1px;
}}

.section-guarantees{
background-image: url('../img/backgrounds/bg-guarantees.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}

@media (max-width: 575px){
.section-guarantees{
  background-size: 190%;
  background-position: 46% bottom;
}
}

.priceCard__list li {
    margin-bottom: 0.4rem;
}

@media (max-width: 575px){
.d-none-mob {
  display: none !important;
}
}

@media (min-width: 575px){
.d-none-desk {
  display: none !important;
}
}

.tag-industry{
    font-size: 0.9375rem;
    font-weight: 500;
    margin: 0px 3px 8px 0;
    display: inline-block;
    letter-spacing: -0.01em;
    padding: 0.375rem 0.8rem;
    background-color: #524944;
    border-radius: 1rem;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

ul {
  margin: 15px 0 0 20px;
}

ul li {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
}

/*--Fix height 100% on mobile--*/
@media (max-width: 575px){
.sliderMain.-type-1 {
    height: calc(100vh - 2.5rem)!important;
}}

/*--Fix size nav icons on mobile--*/
@media (max-width: 575px){
.navButton__item {
    width: 3rem!important;
    height: 3rem!important;
  }}

/*--reset align center title with paralax--*/
[data-parallax] > div {
    display:inherit;
    justify-content:none;
    align-items: none;
}

@media (max-width: 575px){
.masonry.-gap-32 .masonry__item {
    padding: 0;
}
}
/*
.blogCard.-type-2 {
  border: 7px solid #1b2623;
  border-radius: 0;
}

.blogCard.-type-2:hover {
  border: 7px solid transparent;
}
*/
.mark-word {
  position: relative;
}

.mark-word:after {
  background-color: #1e8594;
  content: "";
  height: 22%;
  position: absolute;
  left: 0;
  margin-left: -0.4rem;
  top: 70%;
  width: calc(100% + 1rem);
  transform: skew(-12deg) ;
  z-index: -1;
}

.souligne::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 150px;
  height: 14px;
  transform: skew(-12deg) translateX(-50%);
  background: rgba(238,111,87,0.5);
  z-index: -1;
}

.img-fluid{
  max-width: 100%; and height: auto;
}

.section-excellence .sectionHeading.-sm .sectionHeading__title strong {
  display: block;
  font-size: 6rem;
  margin-top: -2rem;
  font-weight: 800;
  color: var(--accent-color) !important;
}

@media (max-width: 768px){
  .section-excellence .sectionHeading.-sm .sectionHeading__title strong {
  font-size: 4rem;
}
}

.section-magic .sectionHeading.-sm .sectionHeading__title strong {
    display: block;
    font-size: 4.6rem;
    margin-top: -2rem;
    font-weight: 800;
    color: #1e8594;
}

@media (max-width: 768px){
  .section-magic .sectionHeading.-sm .sectionHeading__title strong {
  font-size: 3.4rem;
}
}


@media (min-width: 1260px){
.container-technologies {
    max-width: 77rem;
}
}

.filter-button-group button.btn-active {
    color: var(--accent-color) !important;
    text-decoration: underline;
}

.blogCard.-type-2.-hover:hover .blogCard__date > a:hover {
     color: inherit!important;
}

.sectionHeading__title span.back-accent{
    color: var(--accent-color) !important;
    display: block;
}

.mb-13-75{
  margin-bottom: 13.75rem;
}

.red-point {
  color: var(--accent-color) !important;
}

.text-pink {
  color: #fba378;
}

.text-turquoise {
  color: #1e8594;
}

.page-404{
  background-color: #121212;
  background: url(../img/backgrounds/bg-lost.jpg) 80% top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 575px){
.masthead.-type-1 .masthead__title {
    font-size: 12vw;
}
}

.masthead.-type-1 .masthead__title b {
    /*display: block;*/
    font-weight: 700;
}

@media (max-width: 575px) {
  .masthead.-type-1 .masthead__title b {
    /*display: none;*/
  }
}


/*--Projects--*/

.masthead.-type-work-1.-full-screen .masthead__content {
    padding-top: 0;
    height: 100vh;
    display: flex;
    align-items: flex-end;
}

@media (max-width: 991px){
.masthead.-type-work-1 .masthead__content {
    padding-top: 0;
    height: 80vh!important;
}}

/*--Metaverse--*/

.bg-dark-purple {
    background-color: #0b0127;
}

.service-meta{
  text-align: center;
  padding: 10px 10px 30px 10px;
  border: 1px solid #884b85;
}

.service-meta img{
  margin: 0 auto 0px auto;
  width: 100%;
}

.text-blue{
  color: #38c1fa;
}

.text-purple{
  color: #F606FF;
}

.button.-outline-blue {
    background-color: transparent;
    border: 0.0625rem solid #38c1fa;
}

.button.-outline-blue:hover {
    background-color: #38c1fa;
    color: white;
}

.logo-uttopion {
    width: 250px;
    margin: 10px auto 0px auto;
}

.section-cta-metaverse{
  background-image: url("../img/backgrounds/bg-metaverse-city.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.logo-cyclonegallery {
    width: 350px;
    margin: 10px auto 0px auto;
}

@media (max-width: 991px){
.logo-cyclonegallery {
    width: 80%;
}}


/*----section metaverse----*/

.header-video {
position: relative;
background-color: black;
height: 100vh;
min-height: 25rem;
width: 100%;
overflow: hidden!important;
}

.header-video video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.header-video .container {
position: relative;
z-index: 2;
}

.header-video .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}

.subtitle-meta{
font-size: 27px;
width: 80%;
line-height: 38px;
margin: 0 auto;
}

@media only screen and (max-width: 767px) {
.subtitle-meta{
  font-size: 21px;
  width: 90%;
  line-height: 32px;
}
}
/*
.masthead.-type-1 .masthead__title{
line-height: 1.2;
font-size: 4.5vw;
}

@media only screen and (max-width: 767px) {
  .masthead.-type-1 .masthead__title{
  line-height: 1.2;
  font-size: 7vw;
}}
*/

@media (max-width: 575px){
.masthead.-type-1 .masthead__title {
    font-size: 10vw;
}}

.logo-metaverse{
width: 70%;
margin: 30px auto 0 auto;
}

@media only screen and (max-width: 767px) {
.logo-metaverse{
  width: 100%;
}
}

@media (max-width: 767px) {
    .container-main-slide {
      text-align: center!important;
    }
}


/*--image overflow hidden portfolio--*/

.image-container-portfolio {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.image-container-portfolio img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*--google review badge--*/

.google-badge {
}

.ui-element.-bottom-right2 {
  bottom: 2.8rem;
  right: 13rem;
}

.google-badge img {
  height: auto;
  width: 240px;
  border: 0;
}

@media (max-width: 1175px){
.google-badge img {
  display: none;
}}

.google-badge-inline {
}

.google-badge-inline img {
  height: auto;
  width: 160px;
  border: 0;
}

@media (min-width: 1175px){
.google-badge-inline img {
  display: none;
}}


/*--pagination white--*/

.pagination.-dark .pagination__item.is-active {
    background-color: rgb(255 255 255 / 80%)!important;
}
.pagination.-dark .pagination__item {
    background-color: rgb(223 223 223 / 50%)!important;
}