/*sizing*/
.w-70 {
    width: 70%;
}

.h-des-21rem{
    height:31rem;
}

.h-11vh-icon{
    height:11rem;
}

.h-6rem-icon {
    height: 6rem;
}
/*menu*/
.nav-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 2rem 5%;
    transition: all 0.3s ease;
    color: #fff;
}


.logo {
    width: 75px;
    filter:invert(1)
}

.language-en,
.language-fn,
.navbar-nav {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-item {
    margin: 0 .3rem;
}

/* menu link */
.nav-link {
    padding: 0.5rem 0;
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "DIN Light_3";
    font-weight: 500;
    transition: color .3s ease;
    /*cursor: pointer;*/
}

    .nav-link:hover {
        color: #0d6efd;
        font-weight:700;
        transition: all .4s ease;
    }

/* submenu */
.menu-item {
    position: absolute;
    top: 74%;
    left: 0;
    width: 100vw;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0), 0 8px 10px rgba(0, 0, 0, 0.05);
}
.color-black-100 {
    color: #80808057 !important;
}
    /*submenu link */
    .menu-item ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .menu-item li a {
            display: block;
            position: relative;
            color: #222;
            text-decoration: none;
            overflow: hidden;
            transition: all 0.3s ease;
            font-size: 14px;
            line-height: 28px;
        }

            .menu-item li a:hover {
                color: #000 !important;
                font-size: 21px;
                cursor: pointer;
                font-weight: bold;
            }

/* sidebar */
.sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 99%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    overflow-y: auto;
}

    .sidebar .icon-container {
        padding: 2.8rem 3rem 0.8rem 1rem;
    }

    .sidebar .side-search-icon {
        margin-right: 2.6rem !important;
        margin-left: auto;
    }

    .sidebar.active {
        right: -1px;

    }

    body.no-scroll {
        overflow: hidden;
    }

    .sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .sidebar li {
        border-bottom: 1px solid #ddd;
    }
        .sidebar li a {
            display: block;
            position: relative;
            padding: 0.5rem 2.5rem;
            color: #222;
            text-decoration: none;
            overflow: hidden;
            font-family: 'Alternate DIN' !important;
        }

            .sidebar li a:hover {
                color: #000 !important;
                font-weight: bold;
            }

.sidebar li div {
    transition: all 0.3s ease;
}
        .sidebar li div:hover {
            cursor: pointer;
            background-color: black;
            padding-bottom: 1rem !important;
        }

            .sidebar li div:hover a{
                color: #fff !important;
            }

            .sidebar li div:hover img {
                filter:invert(1);
            }

.side-search-icon {
    width: 2.5rem;
    height: 2rem;
}

.footer-slider {
    padding: 2rem 2rem 3rem 2rem !important;
}

.menu-icon {
    filter: invert(1)
}
.menu-icon:hover {
    cursor: pointer;
}

.menu-bg-white {
    background: #fff;
    color: #000;
    transition: all .3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

    .menu-bg-white.nav-menu-container {
        padding: 2rem 5%;
    }

    .menu-bg-white .logo,
    .menu-bg-white .menu-icon {
        filter: invert(0);
    }

    .menu-bg-white .nav-link {
        color: #000;
    }

.rotate-arrow {
    transition: transform 0.3s ease;
}

    .rotate-arrow.open {
        transform: rotate(-90deg);
    }
/*slider*/

/* Swiper */
.swiper {
    width: 100%;
    height: 100vh;
    position: relative;
}

.swiper-slide {
    position: relative;
}

    .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.slide-text {
    position: absolute;
    top: 40%;
    left: 20%;
    transform: translateY(-50%);
    width: 75%;
    z-index: 5;
    color: #fff;
    display:flex;
    align-items:center;
    justify-content:left;
    direction:ltr;
}

    .slide-text:hover {
        cursor: default !important;
    }

.slide-text-inner {
    opacity: 0;
    transform: translateY(100%);
}

    .slide-text-inner.active {
        animation: slideTextUp .6s ease forwards;
    }

@keyframes slideTextUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Thumbnail */

.thumbnail-container {
    overflow-x: auto;
    scroll-behavior: smooth;
}

.slide-container-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: linear-gradient(0deg, #000000ba, transparent);
    padding: 1rem 0;
}

.slider-thumbnail {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding: .5rem 1rem;
    align-items:end;
}

.thumb-card {
    width: 238px;
    height: 144px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

    .thumb-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        border-radius: 11px !important;
    }

    .thumb-card.active-thumb {
        transform:scale(1.05)
    }

.slide-count {
    width: 151px;
    height: 100%;
}

.mobile-slide-count {
    position: absolute;
    bottom: 19%;
    left: 34%;
    width: 100%;
    z-index: 10;
    height: max-content;
    width: max-content;
}
    .mobile-slide-count .slide-count-number{
        margin-top:3rem;
    }
    .mobile-slide-count span {
        font-size: 39px !important;
        line-height: 25px !important;
    }
.slide-count .slide-count-number img:nth-child(1) {
    width: 17px !important;
    height: 33px !important;
}

.slide-count .slide-count-number img:nth-child(3) {
    width: 17px !important;
    height: 33px !important;
}

    .mobile-slide-count .arrow-down-icon {
        width: 96px !important;
    }
/* Navigation buttons */
.arrow-prev-icon, .arrow-next-icon {
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
    background: none;
    border: none;
}

    .arrow-prev-icon:hover, .arrow-next-icon:hover {
        color: #0d6efd;
    }

    .discover-slider a {
        font-size: 0.85rem;
    }

.header-slider {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-wh {
    height: 1.5rem;
    width: 2.5rem;
}
.down-slider-btn {
    background-color: #8b8b8bc4;
    border: none;
}

.w-20rem {
    width: 20rem;
}

.slide-des-info-icon {
    color: #ffffffb8;
}
/*body*/
.content-after-slider {
    margin-top: 100vh;
    z-index: 2;
    position: relative;
    background-color: white;
}
.img-cover-h {
    height: 600px;
}

.img-cover-kanda {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover !important;
    top:0;
    left:0;
}

.vh-custom-90{
    height:125vh;
}

.industries-img-h img {
    border-radius: 18px !important;
}

.footer-menu-link li {
    line-height: 17px !important;
}
/*Social media icon*/
.wmax-31px {
    max-width: 31px;
    width: 31px !important;
}

.wmax-25px {
    max-width: 25px;
    width: 25px !important;
}

.wmax-23px {
    max-width: 23px;
    width: 23px !important;
}

.wmax-22px {
    max-width: 22px;
    width: 22px !important;
}

.text-indent {
    font-family: 'DINNextLTPro-Regular';
    line-height: 17px;
    font-size: 15px;
    max-width: 100%;
    white-space: normal;
}

    .text-indent + p {
        width: 100%;
    }

.kand-icon-Progress {
    width: 50%;
}

    .kand-icon-Progress > img {
        width: 50%;
    }

.txt-custom-w {
    width: 100%
}

.customer-icon img {
    width: 100px;
    height: 100px;
}

.footer-menu-link > li > a {
    font-family: 'DIN Light_3';
    font-weight: 400;
    color: #4a5568; 
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.footer-menu-link > li > a:hover {
    color: #1a202c; 
    text-shadow: 0 0 1px currentColor; 
    text-decoration: underline !important;
}

.p-05 {
    padding: 0.7rem .7rem .55rem .7rem !important
}

.businesses-txt-w{
    width:100%;
}


#company,
#industries,
#services,
#solutions,
#Careers,
#innovation {
    scroll-margin-top: 150px;
}

.font-light {
    font-family: 'DINNextLTPro-Light';
}