.logo img{
    height: 5.5em;
}
.header__logo img{
    height: 6em;
}
.Banner{
    position: relative;
}
.Banner video{
    width: 100%;
    object-fit: cover;
    height: 37em;
    object-position: center;
}
.background{
    position: absolute;
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 99%;
    top: 0%;
}
.BannerText{
    position: absolute;
    top: 38%;
    left: 8%;
}
.BannerText h1{
    color: white;
}
.what-we-do__item-img img{
    width: 2em;
}
.footer-2__logo img{
    height: 8em;
}
.submenu svg{
    color: #00A14D;
}
.why-choose-us-2__icon img{
    width: 4em;
}
.why-choose-us-2__right-shape img{
    width: 7em;
}
.financial-report .what-we-do-2__item:after {
    background: none;
}
.financial-report a:hover{
    color: #fff;
}
.culture-emp img{
    object-fit: cover;
    height: 19em;
    width: 100%;
}
.client-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px; /* 10px vertical, 30px horizontal gap */
}

.client-list a {
    width: 22em;
    display: block;
    text-decoration: none;
    color: #000; /* Optional: customize as needed */
    /*padding: 5px 0;*/
    font-size: medium;
    font-weight: 600;
}



.brand__item text-center p{
    margin-bottom: 0;
}

.nav-link{
    color: black;
    width: 100%;
    height: 3em;
}

.nav-link:hover{
    color: #00a14d;
}

.nav-tabs{
    margin: 1em 0;
}

.nav-tabs .nav-link.active {
    background: #00a14d;
    color: white;
}

.card img{
    height: 15em;
}

.blog__item-title{
    min-height: 2em;
}

.card-body a{
    text-shadow: rgba(0, 0, 0, 0.17) 0px 0px 10px;
    color: #00a14d;
}

.stnblty img{
    height: 20em;
    width: 33%;
    object-fit: cover;
    margin-bottom: 1.5em;
    padding: 10px;
    border-radius: 20px;
    transition: transform .2s;
}

.stnblty img:hover {
    transform: scale(1.05);
}

.mining-summary{
    margin-top: 2em;
}

.header-menu{
    margin-left: 26em;
    margin-right: -13em;
}
.team-desc{
    background: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: black;
}

.team-desc p{
    text-align: left;
}
.team__item-text__left{
    width: 100%;
}
.limited-list {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* On hover show all */
.what-we-do__item:hover .limited-list {
    -webkit-line-clamp: unset;
    overflow: visible;
    color: white;
}
.hyphen-list {
    list-style: none; /* remove default bullets */
    padding-left: 0;
    text-align: left;
}

.hyphen-list li {
    position: relative;
    padding-left: 25px; /* adjust spacing for dash */
}

.hyphen-list li::before {
    content: "—";   /* long hyphen (em-dash) */
    position: absolute;
    left: 0;
    color: gray;   /* green color */
    font-weight: bold; /* makes dash more visible */
}
.bg-gray{
    background: #c9cccf;
    padding: .6em;
}
.icon {
    display: inline-block;
    transition: transform 0.3s ease; /* smooth animation */
    margin-left: .2em;
}
.icon.rotate {
    transform: rotate(180deg); /* rotate smoothly */
}
.team-details{
    padding: 2em 0em;
}
.team-details__media img{
    padding: 0em 4em;
}

.team-details__image{
    padding: 2em 2em;
}

.team-details__image img{
    border-radius: .7em;
}
.foot-img{
    width: 100%;
    height: 18em;
    /*    object-fit: cover;
        object-position: bottom;*/
}
.client-img{
    width: 10em;
}
/* Responsive fallback for smaller screens */
@media (max-width: 768px) {
    .client-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .client-list {
        grid-template-columns: 1fr;
    }

    .stnblty img{
        height: 15em;
        width: 100%;
        object-fit: cover;
        margin-bottom: .5em;
        padding: 10px;
        border-radius: 20px;
    }
}

@media only screen and (max-width: 600px){
    .Banner video{
        width: 100%;
        height: 42em;
    }
    .BannerText{
        top: 54%;
        left: 4%;
    }
    .background{
        height: 42em;
    }
    .header__logo img{
        height: 4.5em;
    }
    .header__main{
        padding: 3px 0px;
    }
    .experience__box {
        gap: 40px;
    }
    .experience__box h4{
        font-size: .9em;
    }
    .team__item {
        padding: 0;
    }
    .team-details .col-lg-5 img{
        padding: 0em 1em;
    }
    .about-business{
        text-align: left;
    }
    .foot-img{
        width: 100%;
        height: 7em;
        object-fit: cover;
    }
    .client-img{
        width: 100%;
    }
    .dropend a i{
        float: right;
    }
    .mean-expand{
        background: none !important;
        border: 0 !important;

    }
    .mean-clicked{
        background: none !important;
        border: 0 !important;

    }
    .mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {
        border: 0 !important;
    }
    .team-details__image{
        padding: 0;
    }
    .team-details__image img{
        padding: 0 !important;
    }
}