.scroll-section .text-yellow, .sketch-wrapper .text-accent {
color: #1FAF00;
}
/* .video-hero {
position: relative;
height: clamp(400px, 50vw, 650px);
overflow: hidden;
} */

/* .video-hero iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 56.25vw; 
min-width: 177.78vh;
min-height: 100vh;
transform: translate(-50%, -50%);
pointer-events: none;
} */

video{
    width:100%;
    height:100%;
    object-fit:cover;   /* <-- This crops the video */
}

.video-hero::before {
    background: rgba(0, 0, 0, 0.25); /* 25% darkness */
}

.video-hero-content {
position: relative;
z-index: 2;
color: #fff;
text-align: center;
top: 50%;
transform: translateY(-50%);
}

.team-card {
position: relative;
margin-bottom: 30px;
width: 100%; overflow: hidden; border-radius: 18px;
}

.team-thumb {
overflow: hidden;
aspect-ratio: 9/10;
width: 100%;
}

.team-thumb img {
width: 100%;
height: 100% !important;
object-fit: cover;
filter: grayscale(100%);
transition: .5s;
}

.team-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.5);
padding: 20px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.team-overlay h4 {
font-family: 'Bricolage Grotesque', sans-serif;
color: #fff;
font-size: 26px;
margin-bottom: 0;
}

.team-overlay p {
color: #fff;
display: block;
}

.team-card:hover .team-overlay {
opacity: 1;
visibility: visible;
}

.team-card:hover .team-thumb img {
transform: scale(1.15);
filter: none;
}

.brand-logo-section {
padding: 2.5rem 0;
}

.brand-logo-section .swiper-slide img {
max-width: 170px;
}

.brand-swiper {
margin: 2.5rem 0;
}

.tabs-nav-wrapper {
position: relative;
margin: 0 auto 60px;
scrollbar-width: none;
max-width: calc(100% - 100px);
}

.tabs-nav-scroll {
  position: relative; 
  overflow: hidden;
}

/*.tabs-nav-wrapper:after, .tabs-nav-wrapper:before {content: ''; width: 60px; height: 100%; top: 0; position: absolute; z-index: 1;}
.tabs-nav-wrapper:before {background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); left: 0;}
.tabs-nav-wrapper:after {background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); right: 0;}*/

.tabs-nav-wrapper::-webkit-scrollbar {
display: none;
}

.tabs-nav {
display: flex;
gap: 40px;
position: relative;
padding-bottom: 15px;
width: max-content;
min-width: 100%;
transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}

.tab-navi {position: absolute; top: calc(50% - 10px); transform: translateY(-50%); z-index: 11; background: none; border: none; font-size: 20px;}
.tab-prev {left: -40px;}
.tab-next {right: -40px;}

.tab-btn {
background: none;
border: none;
color: #999;
font-family: 'Syne', sans-serif;
font-size: 16px;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
transition: color 0.3s ease;
position: relative;
padding: 0 2px;
}

.tab-btn:hover {
color: #fff;
}

.tab-btn.active {
color: #1FAF00;
}

.tab-indicator {
position: absolute;
bottom: 0;
left: 0;
height: 2.5px;
background-color: #1FAF00;
transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Tab Content Grid Layout */
.tab-content {
display: none;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.tab-content.active {
display: grid;
}

/* Card Styles with Entry Animations */
.card {
background-color: var(--card-bg);
border-radius: 18px;
padding: 35px;
border: 1px solid #1a1b1a;
opacity: 0;
transform: translateY(25px) scale(0.98);
}
.card:hover {
  border-color: #1FAF00;
}
.tab-content.active .card {
animation: cardReveal 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
}

@keyframes cardReveal {
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}

/* Staggered entry delay formulas for smooth grid motion */
.tab-content.active .card:nth-child(1) { animation-delay: 0.03s; }
.tab-content.active .card:nth-child(2) { animation-delay: 0.09s; }
.tab-content.active .card:nth-child(3) { animation-delay: 0.15s; }
.tab-content.active .card:nth-child(4) { animation-delay: 0.21s; }
.tab-content.active .card:nth-child(5) { animation-delay: 0.27s; }
.tab-content.active .card:nth-child(6) { animation-delay: 0.33s; }
.tab-content.active .card:nth-child(7) { animation-delay: 0.39s; }
.tab-content.active .card:nth-child(8) { animation-delay: 0.45s; }
.tab-content.active .card:nth-child(9) { animation-delay: 0.51s; }

.card h3 {
font-family: 'Syne', sans-serif;
font-size: 21px;
font-weight: 700;
margin-bottom: 14px;
letter-spacing: -0.2px;
line-height: 1.3;
}

.card p {
color: var(--text-secondary);
font-size: 15px;
line-height: 1.65;
font-weight: 400;
}

.header-section h1 span {color: #1FAF00;}

/* Responsive Breakpoints */

@media (max-width: 1200px) {
.container {max-width: 100%;}
.brand-logo-section .swiper-slide img {max-width: 140px;}
}
@media (max-width: 992px) {
.tab-content {
grid-template-columns: 1fr;
gap: 10px;
}
.tabs-nav {
gap: 14px;
max-width: inherit;
width: calc(100vw - 80px);
overflow-x: auto;
gap: 10px;
white-space: nowrap;
}
.tab-navi {display: none;}
.tabs-nav-wrapper {max-width: 100%; margin-bottom: 20px;}
.card {
padding: 20px;
}

.container {
max-width: 100%;
}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .team-grid .row {display: flex; flex-wrap: wrap;}
  .team-grid .row .col-lg-3 {width: 33.33%}
}

.carousel-container{
    padding-top:80px;
}

/*@media (max-width: 480px) {*/

/*    .carousel-item-content img{*/
/*        width: 120px !important;*/
/*        height: 40px !important;*/
/*        object-fit: cover;*/
/*        margin: 0 auto;*/
/*        display: block;*/
/*    }*/

/*}*/


@media (max-width: 767px) {
    .elementor-8 .elementor-element.elementor-element-d70a617 {
        --min-height: 0px;
        --margin-top: -5px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 0px;
        --padding-bottom: 0px;
        --padding-left: 8px;
        --padding-right: 25px;
    }
}

/*.elementor-8 .elementor-element.elementor-element-f09b21a {*/
/*    display:none;*/
/*}*/

.carousel-image{
    width:100%;
    height:auto;
    object-fit:cover;
    border-radius:10px;
}

/*@media (max-width:767px){*/
/*    .carousel-image{*/
/*        width:100%;*/
/*        height:auto;*/
/*    }*/
/*}*/

@media (max-width:767px){

.carousel-item{
    width:100% !important;
    padding:0 8px;
    box-sizing:border-box;
}

.carousel-item img{
    width:100% !important;
    height:auto !important;
    display:block;
}
.services .container {padding: 0;}
.elementor-887 .elementor-element.elementor-element-50c8e13 .carousel-item { padding-inline-start: 12px !important; padding-inline-end: 12px !important;}
.section-column {flex-direction: row; gap: 1rem;}
.section-column .tile-text {margin-bottom: 0;}
#what-we-do.section-container { display: flex; flex-direction: column; gap: 60px; min-height: inherit;}
#ld-testimonial-carousel-eb698f2 {padding-top: 0 !important;}
}