.page-template-landing-page .hero-title{
    max-width: 720px;
}
h1 mark,
h2 mark {
    font-family: "Playfair Display", serif;
    text-transform: capitalize;
}
.bls-button-with-icon img {
    padding: 0 0 0 4px;
}
.hero-call-cta img {
    padding: 0 12px 0 0;
    width: 12px;
}
.bls-button-with-icon .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #e6b36a;
    color: #fff;
    border-radius: 40px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}
  
.bls-button-with-icon .wp-block-button__link:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(230, 179, 106, 0.35);
    background-color: #eabb72;
}
  /* Hero */
.hero-bg {
    overflow: hidden;
}
.hero-bg .wp-block-cover__image-background {
    width: 100%;
    object-fit: cover;
    will-change: transform;
}

.reveal-line {
    overflow: hidden;
    will-change: transform, clip-path;
  }

/* Services */
.services-section {
    position: relative;
}

.services-wrapper {
    will-change: transform;
}
.service-card {
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;
}

.service-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.service-card:hover {
    transform: translateY(-8px) scale(1.01);
    /* transform: translateY(-8px) rotateX(2deg) rotateY(-2deg); */
    box-shadow: 0 25px 50px rgba(0,0,0,0.2);
    background: #3e3e3e !important;
}

.service-card:hover::after {
    opacity: 1;
}

.service-card h4,
.service-card h5,
.service-card p {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.service-card:hover h4,
.service-card:hover h5,
.service-card:hover p {
  color: #fff !important;
  
}
.service-card:hover h6 {
    color: #eabb72 !important;
}


.service-card:hover h4 {
  transform: translateY(-2px);
  
}
.service-card:hover h5 {
    transform: translateY(-1px);
  }

.service-card:hover p {
  transform: translateY(-10px);
}
.service-card-view-details {
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    transform: translateY(30px);
}
.service-card:hover .service-card-view-details {
    opacity: 1;
    transform: translateY(0);
}

/* Stats */
.stats-image-header .wp-block-cover__image-background {
    object-fit: fill;
    width: auto;
    height: 240px;
}


/* Project Card */
.project-section-left h2 {
    position: absolute;
    bottom: 110px;
}
.project-section-left .project-link-group {
    position: absolute;
    bottom: 6px;
}
.project-section-right h2 {
    position: absolute;
    bottom: 20px;
}
.project-section-right .project-link-group-right {
    position: absolute;
    bottom: 6px;
    right: 20px;
}
  

.testimonials-wrapper .swiper-slide > div {
    margin: 4px;
}


/* Tablet only */
@media (max-width: 1024px) {
    .barilivespace-brand-logo-text, .hero-content-wrapper .hero-right-thumb {
        display: none;
    }
    .stats-diagnol-image {
        display: none;
    }
}

/* Mobile only */
@media (max-width: 768px) {
    .header-nav-menu {
        order:2;
    }
    .barilivespace-brand-logo-text, .hero-content-wrapper .hero-right-thumb {
        display: none;
    }
    .has-modal-open .barilivespace-brand-logo {
        position: fixed;
        z-index: 1000000;
        width: 36px;
    }
    .has-modal-open ul.header-nav-menu {
        padding: 60px 0;
        justify-content: stretch;
        width: 100%;
    }
    .has-modal-open ul.header-nav-menu li {
        border-bottom: 1px solid #454545;
        padding-bottom: 16px;
        width: 100%;
    }
    .has-modal-open ul.header-nav-menu li.wp-block-navigation-item a.wp-block-navigation-item__content {
        outline: none;
        padding-left: 20px;
        display: inline-block;
    }
    .has-modal-open  .wp-block-navigation__responsive-container-close {
        margin: 2rem 1.2rem;
    }
    .title-wrapper {
        flex-direction: column;
    }
    .title-wrapper h3, .title-wrapper p {
        text-align: left;
    }
    .services-card-row {
        flex-direction: column;
    }
    
    .stats-number-wrapper {
        flex-wrap: wrap;
    }
    .project-four-column-row {
        flex-direction: column;
    }
    .project-card-section {
        flex-direction: column;
    }
    .project-card-section .project-link-group {
        gap: 10px;
    }
    .project-card-section .project-link-group h3 {
        font-size: 20px !important;
    }
    .project-card-section .project-link-group .project-arrow-icon {
        width: 24px;
    }
    .project-card-section .project-link-group.project-link-group-right {
        width: 50px;
        right: 10px;
    }
    .project-section-left h2 {
        bottom: 80px;
    }
    .footer-logo-wrapper p {
        text-align: left;
    }
    .footer-copyrights {
        flex-direction: column;
    }
  }