/* =============================
   Google Fonts Import
============================= */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Figtree:ital,wght@0,300..900;1,300..900&family=Handlee&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Merienda:wght@300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Tamil:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Quicksand:wght@300..700&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Sora:wght@100..800&family=Spline+Sans:wght@300..700&family=Wix+Madefor+Display:wght@400..800&display=swap');

/* =============================
   Root Variables
============================= */
:root {
    --primary-color: #009BA6;
    --secondary-color: #007A82;
    --black-color: #080808;
    --text-color: #404040;
    --text-light: #2C2C2C;
    --white-color: #ffffff;
    --font-main: "Red Hat Display", sans-serif;
    --border-radius: 8px;
    --transition: all 0.3s ease-in-out;
}

/* =============================
   CSS Reset / Normalize
============================= */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-main);
    font-size: 16px;
    color: var(--text-color);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.opaci-8 {
    opacity: 0.8;
}

/* =============================
   Typography
============================= */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-main);
    font-weight: 700;
    color: var(--black-color);
    line-height: 1.2;
}

p {
    margin-bottom: 1rem;
    color: var(--text-color);
}

a {
    text-decoration: none;
    color: var(--primary-color);
    transition: var(--transition);
}

/* a:hover {
    color: var(--secondary-color);
} */

.color-primary {
    color: var(--primary-color) !important;
}

.text-blue {
    color: var(--primary-color) !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

/* =============================
   Layout Helpers
============================= */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

.top-header {
    background: linear-gradient(90deg, #009BA6, #007A82);
    font-size: 14px;
    padding: 4px 0 4px;
}

.sec-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--black-color);
    margin: 20px 0px;
}

.header-logo {
    width: 220px;
    height: 44px;
    margin-left: 20px;
    margin-top: 8px;
    object-fit: contain;
    display: block;
}

.where-we-are {
    overflow: hidden;
}

.header-logo-bg a {
    display: inline-block;
}


.header-logo-bg {
    background-color: var(--white-color);
    /* margin: 5px 0px; */
}

.company-email,
.company-phone {
    color: var(--white-color);
}

.contact-info {
    text-align: right;
    padding-right: 25px;
}

.contact-info a {
    color: var(--white-color);
    text-decoration: none;
}

.contact-info p {
    color: var(--white-color);
    text-decoration: none;
}

.contact-info .header-link,
.contact-info .header-link-2 {
    position: relative;
    display: inline-block;
}

.contact-info .header-link::after,
.contact-info .header-link-2::after {
    content: '|';
    position: absolute;
    right: -17px;
    top: 3px;
    color: #bbb;
}

.contact-info .header-link::after {
    top: -1px;
}

.contact-info .header-link-2::after {
    margin-top: 4px;
}

.company-email .header-link {
    position: relative;
    display: inline-block;
    margin-left: 25px;
}

.company-email .header-link::after {
    content: '|';
    position: absolute;
    right: -24px;
    top: 0px;
    color: #bbb;
}

.main-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.input-group-text {
    background-color: var(--white-color) !important;
    border: 1px solid transparent;
}

.form-control:focus {
    outline: transparent !important;
    box-shadow: none !important;
}

.main-header.hide {
    transform: translateY(-100%);
}

.navbar-sec {
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    background-color: var(--white-color);
    height: 60px;
    /* overflow-y: hidden; */
}

.nav-link {
    position: relative;
    color: #0E0E0E;
    font-weight: 600;
    font-size: 14px;
    margin: 0 20px;
}

.nav-last-link {
    margin: 0px 0px 0px 16px !important;
}

.navbar-collapse {
    /* padding-left: 70px; */
}

.navbar-nav .nav-link.active {
    color: var(--primary-color) !important;
    font-weight: 700;
}

.nav-link:hover {
    color: var(--primary-color);
    font-weight: 700;
}

/* .nav-link:hover span {
    border-color: var(--primary-color) !important;
} */

.nav-item {
    position: relative;
}

.nav-link:focus {
    color: var(--bg-color);
}

.company-email span img,
.company-phone span img {
    width: 20px;
}

.contact-info p {
    position: relative;
    display: inline-block;
    margin: 0 20px;
}

.contact-info li {
    color: var(--white-color);
}

.contact-info p:not(:last-child)::after {
    content: '|';
    position: absolute;
    right: -17px;
    top: 0;
    color: rgba(255, 255, 255, 0.2);
}


.navbar-toggler:focus {
    box-shadow: none;
}

@media (max-width: 992px) {
    .footer-container {
        display: unset !important;
    }
}

@media (max-width: 992px) {
    .contact-info {
        text-align: center;
        margin-top: 10px;
    }

    .nav-item {
        text-align: center;
        margin: 5px 0;
    }

    .header-btn-container {
        text-align: center;
        margin: 15px 0;
    }
}

/* -------multi-dropdown & responsive--------------------- */

.dropdown-menu {
    display: block !important;
    /* IMPORTANT */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* SHOW STATE */
.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.nav-item:hover>.nav-link {
    color: var(--primary-color);
    font-weight: 600;
}

/* BASE POSITION */
.nav-item,
.dropdown-submenu {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 118%;
    right: -10%;
    min-width: 220px;
    background: #fff;
    padding: 6px 0;
    /* border-top: 4px solid var(--primary-color); */
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    z-index: 1000;
}

#product-menu {
    border-top: 4px solid var(--primary-color) !important;
}

/* SUBMENU */
.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: -80%;
    margin-left: 6px;
}

.submenu-two {
    right: -100% !important;
}

/* 🟢 HOVER BUFFER (CRITICAL) */
/* .dropdown-submenu::after {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    width: 8px;
    height: 100%;
} */

/* ITEMS */
.dropdown-item {
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    align-items: center;
}


/* .dropdown-item.highlighted {
    color: var(--primary-color);
    font-weight: 500;
} */

@media (max-width: 991px) {
    .navbar-toggler {
        background: white;
        border: none;
        padding: 8px 12px;
    }

    .navbar-collapse {
        background: white;
        padding: 20px;
        margin-top: 10px;
        border-radius: 8px;
    }

    .nav-link {
        color: var(--text-dark) !important;
        padding: 10px 0 !important;
    }

    .nav-link:hover {
        background-color: transparent;
        color: var(--primary-color) !important;
        font-weight: 700 !important;
    }

    /* .dropdown-menu {
        position: static;
        box-shadow: none;
        margin-left: 15px;
        padding-left: 10px;
    } */

    /* .dropdown-submenu>.dropdown-menu {
        position: static;
        margin-left: 20px;
    }

    .nav-item .dropdown-menu {
        display: none;
    }

    .nav-item.show>.dropdown-menu {
        display: block;
    } */


    .mobile-toggle {
        cursor: pointer;
        user-select: none;
    }
}

.header-social-icons {
    list-style: none;
    padding: 0;
    margin: 0 5px;
}

.header-social-icons img {
    width: 24px;
    height: 24px;
}

/* ----------------------------------- */
@media (max-width:1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 0px 7px !important;
    }
}

/* footer section css */
.footer-section {
    background: url(../images/banner/footer-bg.png);
    background-size: cover;
    background-position: center center;
    padding: 80px 0 20px;
}

.footer-container {
    display: grid;
    grid-template-columns: repeat(3, auto);
    /* gap: 40px; */
}

.footer h5 {
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    font-size: 1.4rem;
    color: var(--white-color) !important;
}

.footer h5::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: #38ada9;
    border-radius: 2px;
}

.footer p {
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 1.05rem;
}

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

.footer ul li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.footer ul li a {
    color: #ddd;
    text-decoration: none;
    transition: all 0.3s;
    font-size: 1.05rem;
}

.footer ul li a:hover {
    color: var(--primary-color);
    padding-left: 5px;
}

.footer .contact-info li {
    margin-bottom: 20px;
}

.contact-icon {
    width: 35px;
    height: 35px;
    background: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.social-icons {
    display: flex;
    margin-left: -10px;
    margin-top: 20px;
}

.social-icons-item img {
    width: 35px !important;
}

.social-icons-item {
    border-radius: 50%;
    padding: 0px 8px;
}

.footer-bottom {
    background-color: #009BA6;
}

.footer-bottom p {
    padding-top: 14px;
}

.copyright {
    margin-left: 0px;
    text-align: center;
    font-size: 0.95rem;
    color: #ddd;
}

.footer-section {
    width: 100%;
    padding: 60px 0px 0px;
    background:
        url(../images/footer-bg.png) left bottom no-repeat,
        linear-gradient(90deg, #009BA6, #007A82);
    background-size: 550px, cover;
}

.footer-text {
    padding-left: 50px;
}

.developer-text {
    color: var(--white-color);
    font-weight: 600;
    opacity: 1 !important;
}

.footer-links {
    padding-top: 14px;
}

.footer-section p {
    color: var(--white-color);
    line-height: 26px;
    font-size: 14px;
}

.social-title {
    font-size: 16px;
}

.footer-section a {
    color: var(--white-color);
    font-size: 14px;
    text-decoration: none;
    margin: 0 25px 0px 0px;
    transition: all 0.3s;
    /* opacity: 0.8; */
}

.footer-section ul {
    padding-left: 0px;
}

.footer-contact-info h6 {
    color: var(--white-color);
}

.footer-section ul li {
    list-style: none;
}

.footer-text p {
    opacity: 0.8;
}

.footer-links a {
    color: var(--white-color);
    text-decoration: none;
    margin: 0 10px;
    transition: all 0.3s;
}

.developer {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #bbb;
}

.footer-contact-info p {
    color: var(--white-color);
    margin-bottom: 0px;
    opacity: 0.8;
}

.footer-contact-info li {
    display: flex;
    font-size: 14px;
    align-items: self-start;
    margin-bottom: 20px !important;
}

.footer-logo img {
    height: 37px;
    object-fit: cover;
    margin-bottom: 20px;
}

.section-title h3 {
    font-weight: 800;
}

@media (max-width: 567px) {
    .reliable-img-sec .main-img-wrap {
        position: unset !important;
        width: 310px !important;
        height: 340px !important;
    }

    .header-logo {
        width: 225px;
        height: 32px !important;
    }

    .mobile-header .header-logo {
        width: 200px;
    }

    .banner-content h1 {
        font-size: 24px !important;
        line-height: 32px;
    }

    .banner-content {
        padding-top: 40px !important;

    }

    .reliable-img-sec .small-img-wrap {
        position: unset !important;
        margin-top: -50px !important;
    }

    .reliable-right-img {
        width: unset !important;
        margin-bottom: 20px;
    }

    .header-logo-bg {
        padding-right: 12px !important;
        margin-bottom: 0px !important;
        margin-left: unset !important;
    }
}

@media (max-width: 768px) {
    .banner-content {
        padding-top: 20px !important;
    }

    .header-logo {
        height: 60px;
    }

    .power-img h6 {
        order: 1 !important;
    }

    .power-img p {
        order: 2 !important;
    }

    .reliable-img-sec .main-img-wrap {
        top: -82px !important;
    }

    .reliable-img-sec .small-img-wrap {
        right: -394px !important;
    }

    .reliable-img-sec {
        margin-top: 20px;
    }


    .banner-right-img {
        /* display: none !important; */
    }

    /* .banner-section {
        height: 90vh !important;
    } */
}

@media (max-width: 992px) {
    .footer [class^="col-"] {
        margin-bottom: 40px;
    }

    .footer h5::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .footer h5 {
        text-align: center;
    }

    .social-icons {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .footer {
        padding: 30px 0 15px;
    }
}

.banner-section {
    position: relative;
    height: 95vh;
    overflow: hidden;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 10px;

}

.banner-content {
    position: relative;
    z-index: 2;
    color: #333;
}

.banner-slide-1 {
    background-color: #F2FAFA;
}

.banner-slide-2 {
    background: linear-gradient(90deg,
            rgba(77, 92, 110, 0.02) 0%,
            rgba(77, 92, 110, 0.20) 100%) !important;
}

.banner-img-2 {
    width: 480px;
    height: 440px;
    margin-top: 40px;
}

.banner-slide-3 {
    background: linear-gradient(90deg,
            rgba(0, 155, 166, 0.02) 0%,
            rgba(0, 155, 166, 0.20) 100%) !important;
}

.banner-img-3 {
    width: 550px;
    height: 400px;
    margin-top: 40px;
}

/* .banner-slider-section .banner-right-img img {
    padding-top: 80px;
} */

/* ------------g-translate-------------- */
.language-selector {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
}

.selected-lang {
    background-color: transparent;
    color: var(--white-color);
    border: none;
    padding: 8px 0px 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border-radius: 3px;
}

.selected-lang img {
    width: 20px;
    height: 15px;
}

.selected-lang .arrow {
    font-size: 12px;
}

.lang-dropdown {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background: var(--secondary-color);
    border-radius: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    width: 150px;
    z-index: 100;
}

.lang-dropdown li {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lang-dropdown li img {
    width: 20px;
    height: 15px;
}

.lang-dropdown li:hover {
    background: var(--primary-color);
}

.banner-content {
    position: relative;
    z-index: 1;
    color: var(--bg-color);
    text-align: center;
    padding: 0 20px 0px 0px;
    text-align: left;
    padding-top: 120px;
    margin: 0 auto 0 0;
}

.banner-content h1 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}

.banner-content p {
    font-size: 16px;
    margin-bottom: 30px;
    color: var(--bg-color);
}

.banner-section {
    margin-top: -10px !important;
    /* margin-bottom: 30px; */

}

.content-spacing {
    padding: 0px 30px;
}

/* Show bullets properly */
.swiper-pagination {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    left: 40px !important;

}

/* Default (inactive) bullet */
.swiper-pagination-bullet {
    width: 100px !important;
    height: 50px !important;
    background: url(../images/icons/setting-2.png) no-repeat center !important;
    background-size: 16px !important;
    margin: 10 !important;

}

/* Active bullet */
.swiper-pagination-bullet-active {
    width: 100px !important;
    height: 50px !important;
    background: url(../images/icons/setting-2.png) no-repeat center !important;
    background-size: 16px !important;
    opacity: 1 !important;


}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 8% !important;
    bottom: 140px !important;
    left: 60px !important;
}

.footer-section h5 {
    margin-bottom: 20px;
    font-weight: bold;
    color: var(--white-color) !important;
}

.footer-nav-liks {
    margin-right: 20px;
}

.footer-nav-liks li {
    margin: 10px 0;
}

.loca-desc {
    padding-right: 46px;
}

/* -----banner-slider--- */

/* --------button-animation---------- */
.btn-animated {
    color: #00a99d;
    border: 2px solid #009ba6;
    background-color: #fff;
    padding: 8px 16px;
    font-weight: 800;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease all;

}

.btn-animated:hover {
    color: #fff;
    background-color: #009ba6;

}

.section-title .line {
    display: block;
    overflow: hidden;

    /* font-size: clamp(28px, 5vw, 52px); */
    line-height: 1.2;
    margin-bottom: 10px;
}

.section-title span {
    display: inline-block;
    opacity: 0;
    transform: translateY(30px);
    animation: reveal 0.6s ease forwards;
}

/* Animation */
@keyframes reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --reliable partners */
.reliable-partner-sec {
    padding-bottom: 40px;
    position: relative;
}

.reliable-partner-sec .feature-box {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    padding: 15px;
    background: #EDF8F9;
    z-index: 1;
    margin-left: -12px;
}

.list-img,
.list-img-1 {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.reliable-partner-sec .feature-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #0097a7;
    border-radius: 15px;
    transition: width 0.5s ease;
    z-index: -1;
}

.reliable-partner-sec .feature-box:hover::before {
    width: 100%;
}

.reliable-partner-sec .feature-list {
    list-style: none;
    padding-left: 0;
}

.reliable-partner-sec .feature-list li {
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #000;
    transition: color 0.3s ease;
}

.reliable-partner-sec .feature-box:hover .feature-list li {
    color: #fff;
}

.reliable-partner-sec .feature-box .list-img-1 {
    display: none;
}

.reliable-partner-sec .feature-box:hover .list-img-1 {
    display: block;
}

.reliable-partner-sec .feature-box:hover .list-img {
    display: none;
}

.reliable-partner-sec .feature-box:hover .list-img {
    color: #fff !important;
}

.reliable-partner-sec .feature-list i {
    margin-right: 10px;
    font-size: 20px;
}

.reliable-partner-sec .experience-badge {
    font-size: 50px;
    font-weight: 800;
    color: #00A0A8;
}

.reliable-partner-sec .experience-text {
    font-size: 18px;
    font-weight: 800;
}

.reliable-right-img {
    transition: all 0.5s ease;
    width: 200px;
}

.reliable-right-img:hover {
    transform: scale(1.02);
}

/* -------------- */
.reliable-img-sec {
    position: relative;
}

.header-social-icons img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.header-social-icons li {
    list-style: none;
}

.reliable-img-sec .main-img-wrap {
    width: 440px;
    height: 412px !important;
    position: absolute;
    top: -254px;
    left: 25px;
    overflow: hidden;
}

.reliable-img-sec .main-img,
.reliable-img-sec .small-img {
    transition: all 0.5s ease;
}

.reliable-img-sec .main-img:hover,
.reliable-img-sec .small-img:hover {
    transform: scale(1.02);
}

.reliable-img-sec .small-img-wrap {
    position: absolute;
    overflow: hidden;

}

/* .reliable-content {
    position: absolute;
    top: 180px;
    left: 16px;
} */

.reliable-img-sec .small-img-wrap {
    position: absolute;
    bottom: -282px;
    right: 22px;
    width: 310px !important;
    height: 324px !important;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}

.reliable-img-sec .small-img {

    border-radius: 15px;
}

/* Responsive Fix */
@media (max-width: 991px) {
    .reliable-img-sec .small-img-wrap {
        position: relative;
        bottom: -20px;
        margin-top: 20px;
        width: 70%;
    }
}

.why-choose-icon-1 {
    width: 20px;
    height: 20px;
}

/* --------------------------- */
.animate-text {
    position: absolute;
    top: -243px;
    right: 20px;


}

.circle-text {
    width: 160px;
    height: 160px;
    position: relative;
}

/* Circle wrapper */
.circle-text-box {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
}

/* Center logo - reduced size */
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 2;
}

/* Circular text */
.circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: rotateText 15s linear infinite;
}

.circle span {
    position: absolute;
    left: 50%;
    top: 0;
    transform-origin: 0 80px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #000;
}

/* Rotation animation */
@keyframes rotateText {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* --------------------- */
.select-wrap {
    position: relative;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 45px;
    padding-right: 45px;
    cursor: pointer;
}

/* arrow */
.select-wrap::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.25s ease;
    pointer-events: none;
}

/* rotated state */
.select-wrap.open::after {
    transform: translateY(-50%) rotate(-135deg);
}


/* .info-card {
    background: url(../images/home/solution-2.webp)center/cover no-repeat;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 30px;
    height: 80%;
    border-radius: 20px;
}

.info-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    opacity: 1;
    transition: opacity 0.4s ease;
    z-index: 1;

}

.info-card h2,
.info-card p {
    position: relative;
    z-index: 2;
}

.info-card:hover::before {
    opacity: 0.8;
}

.foundry-equipment-section {
    padding: 80px 0;
    background: #e8f5f7;
}

.content-card h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--white-color);
    line-height: 34px;
}

.foundry-equipment-section .swiper-button-next,
.swiper-button-prev {
    top: 400px !important;
}

.foundry-equipment-section .swiper-button-prev {
    left: 400px !important;
}

.foundry-equipment-section .swiper-button-next {
    right: 400px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 18px !important;
}

.content-card p {
    font-size: 15px;
    line-height: 1.8;
    opacity: 0.95;
    color: var(--white-color);
}

.equipment-slider-wrapper {
    position: relative;
    height: 430px;
}

.equipment-image {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.equipment-image .product-image.default-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.4s ease;
}

.equipment-image .product-image.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 0;
    object-fit: contain;
    transition: all 0.4s ease;
}

.equipment-card:hover .product-image.default-image {
    opacity: 0;
}

.equipment-card:hover .product-image.hover-image {
    opacity: 1;
}


.equipment-card {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}

.equipment-content {
    padding: 15px 0px;
    text-align: center;
    position: relative;
}

.equipment-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}

.learn-more-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary-color);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    position: relative;
}

.equipment-card:hover .learn-more-link {
    opacity: 1;
    transform: translateY(0);
}

.learn-more-link i {
    transition: transform 0.3s ease;
    color: var(--secondary-color);
}

.learn-more-link:hover i {
    transform: translateX(5px);
}


.swiper-button-next,
.swiper-button-prev {
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 50%;
    color: #00bcd4;
    transition: all 0.3s ease;
    padding: 25px 25px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 18px;
    font-weight: 700;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: var(--primary-color);
    color: white;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

@media (max-width: 1200px) {
    .content-card h2 {
        font-size: 24px;
    }

    .content-card p {
        font-size: 14px;
    }

    .equipment-image {
        height: 240px;
    }
}

@media (max-width: 991px) {
    .content-card {
        margin-bottom: 30px;
        min-height: 300px;
    }

    .equipment-slider-wrapper {
        padding: 20px 40px;
    }
}

@media (max-width: 768px) {
    .foundry-equipment-section {
        padding: 60px 0;
    }

    .content-card {
        padding: 30px 25px;
    }

    .content-card h2 {
        font-size: 22px;
    }

    .equipment-slider-wrapper {
        padding: 20px 35px;
    }

    .equipment-image {
        height: 200px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 16px;
    }
} */

/* -------------------------------- */




/* --------------------------------------- */
/* .why-choose-us-sec {
    padding-bottom: 60px;
}

.why-choose-us-sec .why-title {
    font-size: 18px;
    color: #00A0A8;
    align-items: center;
    font-weight: 600;
    margin-bottom: 20px;
}

.why-choose-us-sec .why-heading {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 36px;
}

.why-choose-us-sec .why-text {
    color: #555;
    margin-bottom: 40px;
}

.why-choose-num {
    font-size: 34px;
}

.why-choose-us-sec .feature-item {
    margin-bottom: 20px;
}

.why-choose-us-sec .feature-item i {
    font-size: 26px;
    color: #00A0A8;
    margin-right: 12px;
}

.why-choose-us-sec .feature-item h5 {
    font-size: 16px;
    font-weight: 800;
    margin: 0;
}

.why-choose-us-sec .feature-item p {
    color: #555;
    margin: 0;
    margin-top: 5px;
}

.why-choose-us-sec .info-box {
    background: #0098A0;
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 80%;
    z-index: 2;
    transition: 0.5s ease;
    animation: move-x 1s ease alternate infinite;
}

@keyframes move-x {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-20px);
    }
}

.why-choose-us-sec .info-box h4 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;

}

.why-choose-us-sec .info-box h4::before {
    content: "-------------------------------------------";
    position: absolute;
    color: #fff;
    top: 40px;
    opacity: 0.2;

}

.why-choose-us-sec .why-choose-card {
    position: relative;
    overflow: hidden;
    margin-bottom: -40px;
    z-index: 1;
    margin-left: 80px;
    overflow: hidden;
}

.why-choose-us-sec .why-choose-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: var(--secondary-color);
    border-radius: 15px;
    transition: width 0.5s ease;
    z-index: -1;
}

.why-choose-us-sec .why-choose-card:hover::before {
    width: 100%;
}

.why-choose-us-sec .info-box p {
    margin: 0;
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
}

.why-choose-us-sec .image-wrapper {
    position: relative;
}

.why-choose-us-sec .image-wrapper img {
    border-radius: 12px;
}

.why-choose-icon {
    width: 50px;
    height: 50px;
    margin-right: 50px;
}

.why-choose-icon-1 {
    width: 20px;
    height: 20px;
    margin-right: 10px !important;
}

.why-choose-img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 16px;

}

.why-choose-img {
    object-fit: contain;
    transition: all 0.5s ease;

}


.why-choose-img:hover {
    transform: scale(1.02);
    border-radius: 16px;
} */


/* -------solution---- */
/* .solutions-section {
    padding: 60px 0;
}

.solutions-section .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.solution-btn {
    margin-right: 40px;
    margin-top: 20px;
}


.solutions-section .section-title {
    font-size: 32px;
    font-weight: 700;
    color: #212529;
    margin: 0;
}

.solutions-section .view-all-btn {
    background-color: #17a2b8;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.solutions-section .view-all-btn:hover {
    background-color: #138496;
    color: white;
    transform: translateX(5px);
}

.solutions-section .main-img-sec {
    position: relative;
    overflow: hidden;
}

.solutions-section .main-blog-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

.solutions-section .mini-blog-card img {
    transition: all 0.3s ease;
}

.solutions-section .mini-blog-card {
    background: white;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

.solutions-section .mini-blog-image {
    height: 150px !important;
    object-fit: cover;
    border-radius: 16px;
    transition: all 0.5s ease;
}

.solutions-section .mini-blog-image:hover {
    transform: scale(1.02);
}

.solutions-section .main-blog-image:hover {
    transform: scale(1.02);
}

.solutions-section .main-blog-image {
    transition: all 0.3s ease;
}

.solutions-section .main-blog-content {
    padding: 30px 0px;
}

.solutions-section .mini-blog-title {
    font-size: 18px;
}

.solutions-section .mini-blog-description {
    line-height: 24px;
    margin-bottom: 10px;
}

.solutions-section .main-blog-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.solutions-section .main-blog-description {
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 14px;
}

.solutions-section .continue-reading {
    color: var(--black-color);
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    position: relative;
}

.solutions-section .continue-reading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #333;
}

.solutions-section .sidebar-blog-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.solutions-section .sidebar-blog-card:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
}

.solutions-section .sidebar-blog-card:last-child {
    margin-bottom: 0;
}

.solutions-section .sidebar-blog-inner {
    display: flex;
    padding: 15px;
    gap: 15px;
}

.solutions-section .sidebar-blog-image {
    width: 120px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.solutions-section .sidebar-blog-content {
    flex: 1;
}

.solutions-section .sidebar-blog-title {
    font-size: 16px;
    font-weight: 700;
    color: #212529;
    margin-bottom: 8px;
    line-height: 1.4;
}

.solutions-section .sidebar-blog-description {
    color: #6c757d;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.solutions-section .sidebar-continue-reading {
    color: #17a2b8;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 991px) {
    .solutions-section .main-blog-image {
        height: 250px;
    }

    .solutions-section .section-title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .solutions-section .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .solutions-section .sidebar-blog-inner {
        flex-direction: column;
    }

    .solutions-section .sidebar-blog-image {
        width: 100%;
        height: 150px;
    }
} */

/* -------testimonial---old--------------------- */
/* .testimonials-section {
    background-color: #EDF8F9;
    position: relative;
    overflow: hidden;
    background-image: url(../images/home/Pattern.png);
    background-size: cover;
    background-position: center center;
    padding: 80px 0 20px;
}

.testimonial-popup p {
    color: var(--white-color);
    line-height: 20px;
    font-size: 14px;
}

.testimonial-popup {
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background-color: #00bcd4;
    padding: 20px 15px 15px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 188, 212, 0.4);
    min-width: 280px;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1000 !important;
    pointer-events: none;

    background-image: url(../images/icons/quote.png);
    background-position: 95% 84%;
    background-repeat: no-repeat;
    background-size: 44px;
}

.client-card:hover .testimonial-popup {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

@media (max-width: 768px) {
    .logo-item {
        margin-bottom: 180px;
    }

    .testimonial-popup {
        min-width: 220px;
        max-width: 260px;
        padding: 15px 18px;
    }

    .testimonial-popup p {
        font-size: 13px;
    }
}

.clients-section .col-lg-2:first-child .testimonial-popup,
.clients-section .col-md-3:first-child .testimonial-popup {
    left: 0;
    transform: translateX(0) translateY(10px);
}

.clients-section .col-lg-2:first-child .client-card:hover .testimonial-popup,
.clients-section .col-md-3:first-child .client-card:hover .testimonial-popup {
    transform: translateX(0) translateY(0);
}

.clients-section .col-lg-2:last-child .testimonial-popup,
.clients-section .col-md-3:last-child .testimonial-popup {
    left: auto;
    right: 0;
    transform: translateX(0) translateY(10px);
}

.clients-section .col-lg-2:last-child .client-card:hover .testimonial-popup,
.clients-section .col-md-3:last-child .client-card:hover .testimonial-popup {
    transform: translateX(0) translateY(0);
} */

.clients-section {
    margin: 60px 0;
    padding: 0 20px;
}

.clients-section .clients-container {
    max-width: 1400px;
    margin: 0 auto;
}

.clients-section .clients-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
}

.clients-section .client-card {
    width: 100%;
    height: 156px;
    background: white;
    padding: 30px 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    position: relative;
    border: 2px solid transparent;
}

.clients-section .client-card:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    /* border-color: #00bcd4; */
}

.clients-section .client-logo {
    width: 148px;
    height: 120px;
    object-fit: contain;
    transition: all 0.3s ease;
}

/* .demo-truck {
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 60px;
            margin: auto;
        } */

.clients-section .client-card .testimonial-text {
    display: none;
}

.clients-section .testimonial-full-width {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: var(--secondary-color);
    transition: max-height 0.4s ease, margin 0.4s ease, opacity 0.4s ease;
    opacity: 0;
    margin: 0 auto;
    border-radius: 8px;
}

.clients-section .testimonial-full-width.show {
    max-height: 300px;
    opacity: 1;
    margin: 20px auto;
}

.clients-section .testimonial-content {
    background: var(--secondary-color);
    padding: 30px 40px;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 188, 212, 0.3);
    background-image: url(../images/icons/quote.png);
    background-repeat: no-repeat;
    background-position: 8% 95%;
    background-size: 100px;
    min-height: 150px;
    display: flex;
    z-index: 2;
    /* align-items: center; */
}

.user-desc p {
    font-size: 14px;
}

.user-desc {
    position: absolute;
    top: 95px;
    right: 20px;
    background: rgba(175, 174, 174, 0.2);
    color: white;
    width: 130px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.profile-circle {
    width: 20px;
    height: 20px;
}

.clients-section .testimonial-content p {
    color: white;
    line-height: 26px;
    font-size: 15px;
    margin: 0;
    position: relative;
    z-index: 1;
    max-width: 950px;
}

.clients-section .close-testimonial {
    position: absolute;
    top: 25px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 2;
    line-height: 1;
}

.clients-section .close-testimonial:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Responsive */
@media (max-width: 1200px) {
    .clients-section .client-card {
        width: 180px;
        height: 140px;
    }

    /* 
            .demo-truck {
                font-size: 50px;
            } */
}

@media (max-width: 768px) {
    .clients-section .clients-row {
        gap: 15px;
    }

    .clients-section .client-card {
        width: 160px;
        height: 130px;
        padding: 20px 15px;
    }

    .clients-section .client-logo {
        width: 120px;
        height: 90px;
    }

    /* .demo-truck {
                font-size: 45px;
            } */

    .clients-section .testimonial-content {
        padding: 25px 30px;
        min-height: auto;
    }

    .clients-section .testimonial-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .clients-section .testimonial-full-width.show {
        max-height: 400px;
    }
}

@media (max-width: 576px) {
    .clients-section .client-card {
        width: 140px;
        height: 120px;
        padding: 15px 10px;
    }

    /* .demo-truck {
                font-size: 40px;
            } */

    .clients-section .clients-row {
        gap: 12px;
    }

    .clients-section .testimonial-content {
        padding: 20px 25px;
        background-size: 50px;
        background-position: 86% 85%;
    }

    .clients-section .testimonial-content p {
        font-size: 13px;
        line-height: 22px;
    }
}

/* Animation */
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.98) translateY(-10px);
    }

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

.clients-section .testimonial-full-width.show .testimonial-content {
    animation: fadeInScale 0.4s ease;
}

/* Section Title */
.clients-section .section-title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: bold;
    color: #333;
}

/* 
.testimonials-section .section-header {
    text-align: left;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.testimonials-section .section-label {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.testimonials-section .section-label i {
    font-size: 20px;
}

.testimonials-section .section-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.testimonials-section .section-description {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 450px;

    font-size: 16px;
    line-height: 30px;
}

.testimonials-section .testimonial-slider-wrapper {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}

.testimonials-section .testimonial-track {
    display: flex;
    gap: 30px;
    transition: transform 0.5s ease;
}

.testimonials-section .testimonial-item {
    min-width: calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    flex-shrink: 0;
}

.testimonials-section .testimonial-comment-box {
    background: white;
    padding: 30px;
    border-radius: 15px;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 35px;
    height: 186px;
    display: flex;
    transition: all 0.5s ease;
    background-image: url(../images/icons/white-quote.png);
    background-position: 95% 84%;
    background-repeat: no-repeat;
    background-size: 65px;
}

.testimonials-section .testimonial-comment-box::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 45px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
    transition: all 0.3s ease;
}

.testimonial-comment-box:hover::after {
    border-top-color: var(--primary-color) !important;

}

.testimonials-section .testimonial-comment-box:hover {
    background-color: var(--primary-color);
    background-image: url(../images/icons/quote.png);
    color: var(--white-color);
} */

.country-code {
    padding: 12px 15px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff;
    border-radius: 8px 0 0 8px;
}

.phone-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: white;

    border-radius: 8px;
    padding: 0;
    transition: all 0.3s ease;
}

.phone-input-wrapper:focus-within {
    border-color: #00bcd4;
    box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.1);
}

.testimonials-section .testimonial-item:hover .testimonial-comment-box {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.testimonial-comment-box:hover .testimonial-text {
    color: var(--white-color);
}

.testimonials-section .testimonial-text {
    font-size: 15px;
    line-height: 1.8;

}

.testimonials-section .testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 10px;
}

.testimonials-section .author-image {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid white;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.testimonials-section .testimonial-item:hover .author-image {
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.testimonials-section .author-info h5 {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 3px;
}

.testimonials-section .author-info p {
    font-size: 13px;
    color: #777;
    margin: 0;
    line-height: 1.4;
}

.testimonials-section .slider-nav {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 50px;
}

.testimonials-section .nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    border: 2px solid transparent;
    color: #00bcd4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 18px;
}

.testimonials-section .nav-btn:hover {
    background: #00bcd4;
    color: white;
    transform: scale(1.1);
}

.testimonials-section .nav-btn:active {
    transform: scale(0.95);
}

@media (max-width: 1200px) {
    .testimonials-section .testimonial-item {
        min-width: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

    .testimonials-section .section-description {
        position: static;
        max-width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .testimonials-section .testimonial-item {
        min-width: 100%;
        max-width: 100%;
    }

    .testimonials-section .section-title {
        font-size: 32px;
    }

    .testimonials-section .testimonials-section {
        padding: 60px 0;
    }

    .testimonials-section .testimonial-comment-box {
        min-height: 150px;
    }
}

/* ------------common-banner------- */


.common-banner {
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    height: 192px;
    margin: 20px 30px;
}

/* Background Image */
.common-banner .banner-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-position: top; */
    background: url(../images/banner-common.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Dark Overlay */
.common-banner .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000096;
    z-index: 2;
}

/* Content Container */
.common-banner .banner-content {
    position: relative;
    z-index: 3;
    padding: 40px 60px;
    display: flex;
    align-items: center;
    gap: 30px;
}

/* Logo */
.common-banner .common-banner-logo {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.common-banner .common-banner-logo img {
    width: 100px;
    height: 100px;
}

/* Text Content */
.common-banner .banner-text h1 {
    color: white;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.common-banner .banner-text p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.6;
    max-width: 600px;
}

/* Decorative Elements */
.common-banner .banner-background::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(23, 162, 184, 0.15) 0%, transparent 70%);
    border-radius: 50%;
}

.common-banner .banner-text {
    border-left: 1px solid rgb(61, 60, 60);
    padding-left: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .common-banner .banner-content {
        padding: 40px 30px;
        flex-direction: column;
        text-align: center;
    }

    .common-banner .common-banner-logo {
        width: 70px;
        height: 70px;
    }

    .common-banner .common-banner-logo svg {
        width: 40px;
        height: 40px;
    }

    .common-banner .banner-text h1 {
        font-size: 2rem;
    }

    .common-banner .banner-text p {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .common-banner .banner-content {
        padding: 20px;
    }

    .common-banner .common-banner-logo {
        width: 60px;
        height: 60px;
    }

    .common-banner .banner-text h1 {
        font-size: 1.6rem;
    }

    .common-banner .banner-text p {
        font-size: 0.9rem;
    }
}

/* Animation */
/* @keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.common-banner .banner-content {
    animation: fadeInUp 0.8s ease forwards;
} */

/* ---------------------------------------- */
.contact-section {
    margin: 60 auto;
    background: #FAFAFB;
    border-radius: 10px;
    padding: 30px;
}

.form-section h2 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1.3;
    font-weight: 700;
}

.form-description {
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 30px;
}

.contact-info-section {
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;

}

.contact-location-wrapper {
    border: 1px solid #d6f7fa;
    padding: 20px 10px 0px;
    border-radius: 16px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 16px;
}

.form-group label .required {
    color: #e74c3c;
}

.form-group select option {
    border: 1px solid rgb(202, 202, 202) !important;
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
    color: #555;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: transparent;
}

.phone-input-group {
    display: grid;
    grid-template-columns: 70px 1fr;
}

.phone-input-group input[type="text"]:first-child {
    text-align: center;
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.contact-info-section h3 {
    font-size: 1.5rem;
    margin-bottom: 25px;
}

.contact-item {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    align-items: start;
}

.contact-icon {
    width: 32px;
    height: 32px;
    background: #17a2b8;
    border-radius: 50%;
    flex-shrink: 0;
}

.contact-info-section .contact-icon {
    width: 32px;
    height: 32px;
    background: #17a2b8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    transition: 0.3s ease;
    overflow: hidden;
}

.contact-info-section .contact-icon::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    background: #003b46;
    border-radius: 50%;
    transition: 0.35s ease;
    z-index: 1;
}

/* HOVER EFFECT */
.contact-info-section .contact-icon:hover::before {
    width: 150%;
    height: 150%;
    opacity: 1;
}

.contact-info-section .contact-icon:hover {
    background: #0096a5;
    /* outer zoom-out color change */
    transform: scale(1.07);
}

.contact-info-section .contact-icon:hover svg {
    fill: white;

}

.contact-icon svg {
    width: 20px;
    height: 20px;
    fill: white;
    position: relative;
    z-index: 2;
}

.contact-details h4 {
    font-size: 1rem;
    margin-bottom: 5px;
    font-weight: 800;
}

.vertical-line {
    width: 2px;
    height: 60px;
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
}

.contact-details p {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
    width: 330px;
    /* max-width: 230px; */
}

.location-section {
    margin-top: 30px;
}

.location-section h4 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 12px;
}

.map-container {
    width: 480px;
    height: 250px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    background: #e0e0e0;
    position: relative;
}

.map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.map-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 1.2rem;
}

@media (max-width: 968px) {
    .contact-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-section {
        padding: 30px;
    }

    .form-section h2 {
        font-size: 1.6rem;
    }
}

@media (max-width: 480px) {
    .contact-section {
        padding: 20px;
    }

    .phone-input-group {
        grid-template-columns: 60px 1fr;
    }
}

/* ----------------------- */
/* .clients-section {
    margin: 60px 0px;
}

.clients-section .client-card {
    width: 207px;
    height: 156px;
    background: white;
    padding: 30px 20px;
    border-radius: 15px;
    margin: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    position: relative;
    border-bottom: -1px solid transparent;
}

.clients-section .client-logo {
    width: 148px;
    height: 120px;
    object-fit: contain;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 2;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
} */


/* --------------------------------------- */
.legal-page {
    padding: 60px 0px;
    overflow: hidden !important;
}

.contact-privacy-section {
    padding: 40px;
    background: #EDF8F9;
    border-radius: 16px;
    width: 450px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    position: sticky;
    top: 20px;
}

.contact-privacy-section h5,
.contact-privacy-section p {
    position: relative;
    z-index: 2;
}

.legal-page-content h3 {
    margin: 20px 0px;
    font-size: 26px !important;
}

.legal-page-content h6 {
    margin: 20px 0px;
    font-size: 20px;
}

.legal-page-content p {
    margin: 10px 0px;
}

.legal-page-content li {
    margin: 10px 0px;
    list-style: none;
    display: flex;
    gap: 10px;
    align-items: center;
}

.legal-page-content .icon-img {
    width: 15px;
    height: 15px;
}


.legal-page.col-lg-5 {
    position: sticky !important;
    top: 100px;
}

.contact-privacy-section .contact-section .container {
    max-width: 700px;
    margin: auto;
    text-align: center;
}

.legal-page-content {
    padding: 0px 40px 20px;
}

.privacy-icon {
    width: 40px;
    height: 40px;
}

.updated-box {
    display: flex;
    align-items: end;
    justify-content: end;
    width: 450px;
}

.updated-text {
    background-color: #EDF8F9;
    color: var(--primary-color);
    padding: 14px 20px;
    border-radius: 12px;
    font-weight: 700;
    text-align: end;
    margin-bottom: 20px;
}

.contact-privacy-section .contact-section h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #063744;
}

.contact-privacy-section .contact-section p {
    font-size: 15px;
    color: #555;
    margin-bottom: 30px;
}

.contact-privacy-section .contact-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

.contact-privacy-section .contact-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 10px;
}

.contact-privacy-section .contact-row:last-child {
    margin-bottom: 0;
}

.contact-privacy-section .contact-row .icon {
    font-size: 30px;
    color: #00a6a6;
}

.contact-privacy-section .contact-row .details h4 {
    font-size: 17px;
    color: #063744;
    margin-bottom: 5px;
    font-weight: 600;
}

.contact-privacy-section .contact-row .details p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 22px;
}

/* Responsive */
@media (max-width: 576px) {
    .contact-row {
        flex-direction: row;
    }
}

/* -------------------------------- */
.solutions-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.solu-card-sec {
    margin: 60px 0px 100px;
}

.solutions-card {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.solutions-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.solutions-card-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    padding: 10px;
    border-radius: 10px;
}

.solutions-card-content {
    padding: 20px;
}

.solutions-card-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #1a1a1a;
    line-height: 24px;
}

.solutions-card-description {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 16px;
}

.solutions-card-link {
    display: inline-block;
    font-size: 14px;
    color: var(--black-color);
    text-decoration: none;
    border-bottom: 1px solid var(--black-color);
    transition: color 0.3s ease;
}

.solu-view-btn {
    display: flex;
    justify-content: center;
    margin: 40px 0px 0px;
}

.solutions-card-link:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .solutions-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .solutions-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 567px) {
    .solutions-card-grid {
        grid-template-columns: 1fr;
    }
}

.solutions-hero-section {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 40px;
}

.hero-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.hero-image:hover {
    transform: scale(1.02);
}

.solution-detail-sec a {
    font-weight: 800 !important;
    color: var(--black-color) !important;
}

.solution-detail-sec {
    border-bottom: 2px solid #EDF8F9;
    margin-bottom: 40px;
}

.solution-item a{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 0;
    width: 240px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.solution-item p {
    font-weight: 800;
    font-size: 14px;
}

.solution-details {
    margin: 60px 0px;
}

.solution-thumbnail {
    width: 250px;
    border-radius:6px;
    object-fit: cover;
}

.solution-list {
    list-style: none;
    padding: 0;
}

.solution-list .icon-img {
    width: 20px;
    height: 20px;
}

.solution-list li {
    padding: 12px 0;
    font-size: 16px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 12px;
}


@media (max-width: 768px) {
    .hero-image {
        height: 250px;
    }
}

/* -------------------------------- */

/* =============================
   About Us pages css starts here
============================= */

.company-profile-sec .left-images-wrap {
    position: relative;
    width: 100%;
    height: 520px;
}

.company-profile-sec p {
    text-align: justify;
}

.company-profile-sec .left-images-wrap .img-box {
    position: absolute;
    overflow: hidden;
    border-radius: 10px;
}

.company-profile-sec .left-images-wrap .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.company-profile-sec .left-images-wrap .img-box:hover img {
    transform: scale(1.05);
}

.company-profile-sec .main-img-box {
    width: 500px !important;
    height: 440px !important;
    top: 0;
    left: 0;
}

.company-profile-sec .small-img-box {
    width: 340px !important;
    height: 355px !important;
    bottom: -30px;
    left: 270px;
    border: 10px solid #fff;
}

/* About why-choose section starts */

.who-sec {
    background-color: #EDF8F9;
    overflow: hidden;
}

.who-sec p {
    line-height: 27px;
    text-align: justify;
}

.who-sec .section-title {
    font-size: 28px;
    font-weight: 700;
}

.who-sec .who-img-right {
    height: 500px;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
}

.who-sec .who-img-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.who-sec .who-img-right:hover img {
    transform: scale(1.05);
}

.who-sec .col-lg-6.img-col {
    padding: 0;
}

.who-sec .col-lg-6:first-child {
    padding: 30px 20px 20px 30px;
}

.who-sec .who-img-right.second-row-img {
    height: 100%;
}

.who-sec .our-logo-container {
    position: relative;
    z-index: 99;
}

.who-sec .our-logo-container img {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 330px;
    height: 330px;
    object-fit: contain;
    z-index: -1;
    opacity: 0.4;
    transition: 0.3s linear;
}

.who-sec .our-logo-container:hover img {
    opacity: 1;
    transition: 0.3s linear;
}

/* About why-choose section end */

/* our-infrastructure section starts */

.our-infrastructure {
    padding-top: 50px;
}

.our-infrastructure .we-strive-title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}

.our-infrastructure p {
    line-height: 27px;
    text-align: justify;
}

.our-infrastructure .our-facility ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.our-infrastructure .our-facility ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 400;
}

.our-infrastructure .our-facility ul li img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.our-infrastructure .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.our-infrastructure .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.our-infrastructure .img-wrap:hover img {
    transform: scale(1.05);
}

.our-infrastructure .img-wrap.small {
    height: 200px;
}

.our-infrastructure .infra-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}

.our-infrastructure .infra-desc {
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
}

/* Flip card container */
.our-infrastructure .flip-card {
    width: 100%;
    height: 200px;
    perspective: 1000px;
    margin-bottom: 10px;
}

.our-infrastructure .flip-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .8s ease;
    transform-style: preserve-3d;
}

.our-infrastructure .flip-card:hover .flip-inner {
    transform: rotateY(-180deg);
}

/* FRONT + BACK */
.our-infrastructure .flip-front,
.our-infrastructure .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    overflow: hidden;
    backface-visibility: hidden;
}

/* FRONT IMAGE */
.our-infrastructure .flip-front .img-wrap.small {
    height: 100%;
}

.our-infrastructure .flip-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* BACK SIDE WITH SAME IMAGE AS BACKGROUND */
.our-infrastructure .flip-back {
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center;
    transform: rotateY(180deg);
    position: relative;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: start;
}

/* TEAL OVERLAY */
.our-infrastructure .flip-back::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 153, 168, 0.85);
    /* teal overlay */
    z-index: 1;
}

/* BACK TEXT */
.our-infrastructure .flip-back h3,
.our-infrastructure .flip-back p {
    position: relative;
    z-index: 2;
    color: #fff;
}

.our-infrastructure .flip-back h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.our-infrastructure .flip-back p {
    font-size: 15px;
    line-height: 1.5;
}

/* STATIC TITLE */
.our-infrastructure .infra-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

/* our-infrastructure section end */


/* ===============================
   VISION / MISSION SECTION
   =============================== */
.our-vision-mission-sec {
    background: #ffffff;
}

.our-vision-mission-sec .vision-mission-left {
    position: relative;
}

.our-vision-mission-sec .vision-mission-bg-img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.our-vision-mission-sec .vm-box {
    position: absolute;
    max-width: 400px;
}

.our-vision-mission-sec .vm-box h5 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 8px;
}

.our-vision-mission-sec .vm-box p {
    line-height: 1.5;
    font-size: 15px;
    color: #333;
    text-align: justify;
}

.our-vision-mission-sec .vm-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.our-vision-mission-sec .vm-box ul li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

.our-vision-mission-sec .vm-box ul li img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.vision-mission-left {
    position: relative;
}

/* Image wrapper controls height */
.image-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    /* adjust to your actual image ratio */
    position: relative;
}

.vision-mission-bg-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vm-box {
    position: absolute;
    right: 8%;
    max-width: 420px;
}

/* .vm-vision {
    top: 3%;
    right: 8%;
} */
.vm-vision {
    position: absolute;
    top: 5%;
    right: 8%;
}

.vm-mission {
    top: 20%;
    right: -5%;
}

.vm-policy {
    top: 43%;
    right: -25%;
}

.vm-values {
    top: 65%;
    right: -25%;
}



/* @media screen and (min-width: 1200px) {
    .vm-vision {
        top: 3%;
        right: 18%;
    }
} */

.our-vision-mission-sec .team-card img {
    width: 180px;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.our-vision-mission-sec .team-card h6 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 8px;
}

/* .our-vision-mission-sec .our-teams-container {
    text-align: end;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
} */
.our-vision-mission-sec .our-teams-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: flex-end;
    /* margin-top: -100px; */
}


.our-vision-mission-sec .powered-by-strategy {
    margin-top: 150px;
}

@media screen and (min-width: 1400px) {
    .vm-vision {
        right: 21%;
    }

    .vm-mission {
        top: 24%;
        right: -13%;
        min-width: 600px;
    }

    .vm-policy {
        top: 45%;
        right: -23%;
        min-width: 525px;
    }

    .vm-values {
        top: 68%;
        right: -16%;
    }

    .our-vision-mission-sec .vision-mission-bg-img {
        height: 800px;
    }

    /* .our-vision-mission-sec .powered-by-strategy {
        margin-top: 250px;
    } */
}

/* ===============================
   DLCE COUNTER SECTION
   =============================== */
.dlce-counter-sec .counter-wrapper {
    background: #fff;
    border: 1px solid #eaf7f7;
    border-radius: 15px;
    padding: 30px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin-bottom: 60px;
}

.dlce-counter-sec .counter-item {
    display: flex;
    align-items: center;
    gap: 18px;
}

.dlce-counter-sec .counter-item img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}

.dlce-counter-sec .counter-item h3 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 5px;
    color: #000;
}

.dlce-counter-sec .counter-item p {
    margin: 0;
    font-size: 16px;
}

.dlce-counter-sec .divider {
    width: 1px;
    height: 70px;
    background: #e2e2e2;
}

@media (max-width: 992px) {
    .dlce-counter-sec .counter-wrapper {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }

    .dlce-counter-sec .divider {
        display: none;
    }
}

/* ---------------------------------------- */
.hamburger {
    font-size: 24px;
    cursor: pointer;

    display: flex;
    justify-content: end;
    align-items: center;
}

.hamburger .navbar-toggler-icon {
    display: none !important;
}

/* ===== OVERLAY ===== */
.mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: 998;
}

.mobile-overlay.active {
    display: block
}

/* ===== MENU ===== */
.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 320px;
    height: 100%;
    background: #fff;
    z-index: 999999;
    transition: .3s;
    overflow: hidden;

}

.ti-angle-right {
    font-size: 16px;
    color: #000;
    /* or your brand color */
    display: inline-block;
}

.mobile-menu a i {
    opacity: 1;
    visibility: visible;
}

.mobile-menu.active {
    right: 0
}

/* ===== MENU HEADER ===== */
.menu-head {
    height: 56px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #ddd;
    background: #eef9f4;
}

.head-left,
.head-center,
.head-right {
    /* flex:1; */
    display: flex;
    align-items: center;
}

.head-left {
    justify-content: flex-start;
    padding-left: 15px
}

.head-center {
    justify-content: center;
    font-weight: 600;
    line-height: 20px;
}

.head-right {
    justify-content: flex-end;
    padding-right: 15px
}

.back {
    font-size: 20px;
    cursor: pointer;
    display: none
}

.close {
    font-size: 22px;
    cursor: pointer
}

/* ===== PANELS ===== */
.menu-panels {
    height: calc(100% - 56px);
    position: relative;
    overflow: hidden;
}

.menu-panel {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .3s;
    overflow-y: auto;
}

.menu-panel.active {
    left: 0;
}

.chevron {
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
}

.back-btn {
    font-size: 20px;
}

.menu-panel ul {
    list-style: none;
    padding-left: unset !important;
}

.menu-panel li {
    border-bottom: 1px solid #eee
}

.menu-panel a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: #000;
}

.menu-panel a:hover {
    background: #f5f5f5;
    color: var(--primary-color);
}

@media (max-width:768px) {
    .hamburger .navbar-toggler-icon {
        display: block !important;
    }

}

.dropdown-icon {
    cursor: pointer;
    font-weight: bold;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.nav-link:hover .dropdown-icon::before,
.nav-item:hover>.nav-link .dropdown-icon::before {
    border-right: 2px solid var(--primary-color) !important;
    border-bottom: 2px solid var(--primary-color) !important;
}

.dropdown-icon::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #0E0E0E;
    border-bottom: 2px solid #0E0E0E;
    transform: rotate(45deg);
    margin-left: 6px;
    margin-bottom: 2px;
}

.mobile-toggle.active>.nav-link .dropdown-icon::before,
.dropdown-submenu.active>.has-submenu .dropdown-icon::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #0E0E0E;
    border-bottom: 2px solid #0E0E0E;
    transform: rotate(-135deg);
    ;
}

.career-details-sec p {
    text-align: justify;
}

.career-details-sec strong {
    font-weight: 800 !important;
}

.career-details-sec .section-title h3 {
    font-weight: 800;
    line-height: 40px;
}

/* Products section css starts */
.main-products {
    padding: 60px 0;
}

.main-products .product-tabs {
    background: #f8fafa;
    border-radius: 8px;
    /* padding: 15px; */
    position: relative;
}

.main-products .tab-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 450px;
    overflow-y: auto;
    /* border-radius: 15px; */
}

.main-products .tab-list::-webkit-scrollbar {
    width: 4px;

}

/* Chrome / Edge / Safari */
.main-products .tab-list::-webkit-scrollbar {
    width: 4px;
}

.main-products .tab-list::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
}

.main-products .tab-list:hover::-webkit-scrollbar-thumb {
    background: #dedede;
}

/* Firefox */
.main-products .tab-list {
    scrollbar-width: none;
}

.main-products .tab-list:hover {
    scrollbar-width: thin;
    scrollbar-color: #dedede transparent;
}


.main-products .tab-list li {
    padding: 10px 14px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 10px;
    /* margin-bottom:20px; */
}

.main-products .tab-list li.active,
.main-products .tab-list li:hover {
    background: #009ba6;
    color: #fff;
}

.main-products .scroll-down-btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    cursor: pointer;
}

.equipment-card:hover .product-image.hover-image {
    opacity: 1;
    transform: scale(1);
    transition: 0.3s linear;
}

.main-products .category-title h3 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 0px;
}

.equipment-image {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.equipment-image .product-image.default-image {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
    transition: all 0.4s ease;
}

.equipment-image .product-image.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 0;
    object-fit: cover;
    transition: all 0.4s ease;
}

.equipment-card:hover .product-image.default-image {
    opacity: 0;
}

.equipment-card:hover .product-image.hover-image {
    opacity: 1;
}


.equipment-card {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}

.equipment-content {
    padding: 15px 0px;
    text-align: center;
    position: relative;
}

.equipment-content h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    transition: 0.3s linear;
}

.learn-more-link {
    position: absolute !important;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 30%) !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary-color);
    font-size: 15px;
    font-weight: 600;
    padding: 12px 0px 6px;
    text-decoration: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    position: relative;
    transition: 0.3s linear;
}

.equipment-card:hover .learn-more-link {
    opacity: 1;
    transform: translateY(0);
}

.learn-more-link i {
    transition: transform 0.3s ease;
    color: var(--secondary-color);
}

.learn-more-link:hover i {
    transform: translateX(5px);
}

.equipment-content {
    padding: 25px 0px 30px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 100px;
    text-align: center;
    position: relative;
    transition: 0.3s linear;
}

.equipment-image {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 230px;
    position: relative;
    /* background: #f6f6f6; */
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0;
}

.learn-more-link {
    display: none;
}

.equipment-content:hover h3 {
    transform: translateY(-10px);
    transition: 0.3s linear;
}

.equipment-content:hover .learn-more-link {
    display: block;
    transition: 0.3s linear;
}

.main-products .product-category {
    animation: fadeUp 0.4s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.main-products .product-category {
    animation: fadeUp 0.4s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Products section css end */

/* founder-message section css starts */

.message-from-leads-section .founder-message-content {
    background: #ffffff;
    padding: 50px 15px;
    border-radius: 12px;
    position: relative;
}

.message-from-leads-section .translate-btn-wrap {
    position: absolute;
    top: 15px;
    right: 20px;
}

.message-from-leads-section .translate-btn {
    background: #009ba6;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
}

.message-from-leads-section .tab-text {
    text-indent: 2em;
    line-height: 27px;
    margin-bottom: 18px;
    text-align: justify;
}

.message-from-leads-section .tab-list {
    padding-left: 15px;
    margin-bottom: 15px;
}

.message-from-leads-section .tab-list li {
    margin-bottom: 15px;
    line-height: 1.6;
    list-style: auto;
    text-align: justify;
}


.message-from-leads-section .tab-list li::marker {
    padding-left: 10px;
}

.message-from-leads-section .highlight-line {
    margin: 20px 0;
    font-weight: 400;
    line-height: 27px;
}

.message-from-leads-section .footer-signature {
    margin-top: 70px;
}

.message-from-leads-section .footer-signature h6 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 20px;
}

.message-from-leads-section .founder-message-image .image-card {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
}

.message-from-leads-section .founder-message-image img {
    width: 100%;
    border-radius: 10px;
}

.founder-message-image {
    position: sticky;
    top: 50px;
    height: fit-content
}

.lang-en,
.lang-ta {
    transition: opacity 0.3s linear;
}

.lang-ta {
    font-family: "Noto Sans Tamil", sans-serif;
}

.lang-ta h1 {
    font-size: 36px !important;
}

/* founder-message section css end */

/* Success story form section css starts */
.apply-sucess-story {
    padding-bottom: 60px;
}

.apply-sucess-story .apply-card {
    background: #FAFAFB;
    padding: 40px;
    border: 1px solid #ececec;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.apply-sucess-story .apply-form h4 {
    font-size: 30px;
    font-weight: 800;
}

.apply-sucess-story .form-label {
    font-size: 14px;
    font-weight: 700;
}

.apply-sucess-story .form-label span {
    color: red;
}

.apply-sucess-story .form-control {
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
}

/* IMAGE */
.apply-sucess-story .apply-image {
    height: 100%;
    padding-left: 40px;
}

.apply-sucess-story .apply-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.apply-sucess-story .input-group .input-group-text {
    border: 1px solid #dedede;
}

.resume-upload {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

.resume-input {
    flex: 1;
    padding: 12px 14px;
    font-size: 14px;
    border: none;
    outline: none;
    color: transparent;
    /* hide real text */
}

.resume-input:hover {
    cursor: pointer;
}

/* Hide default button */
.resume-input::file-selector-button {
    display: none;
}

/* Custom placeholder text */
.apply-sucess-story .resume-input::before {
    content: "No File Chosen (Attach a file < 2 MB)" !important;
    color: #9ca3af;
}

/* Remove placeholder after file select */
.resume-input:valid::before {
    content: "";
}

.resume-submit {
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
}

.resume-submit:hover {
    background: var(--primary-color);
}


/* RESPONSIVE */
@media (max-width: 991px) {
    .apply-sucess-story .apply-form {
        padding: 30px 20px;
    }

    .apply-sucess-story .apply-image {
        /* height: 280px; */
        display: none;
    }
}

/* Success story form section css end */

.benefits-list-container .icon-container {
    width: 120px;
    min-height: 120px;
    padding: 22px;
    border-radius: 10px;
    background: #FAFAFB;
    margin-bottom: 25px;
    transition: 0.3s linear;
}

.benefits-list-container .icon-container:hover {
    background: #009BA6;
    transition: 0.3s linear;
}

.benefits-list-container .icon-container img {
    width: 70px;
    height: 70px;
}

.benefits-list-container .icon-container img:first-child,
.benefits-list-container .icon-container:hover img:nth-child(2) {
    display: block;
}

.benefits-list-container .icon-container:hover img:first-child,
.benefits-list-container .icon-container img:nth-child(2) {
    display: none;
}

.benefits-list-container .benefits-box {
    margin-bottom: 40px;
}

.benefits-list-container .benefits-box h6 {
    color: #404040;
}

.job-card {
    background: #ffffff;
    border-radius: 10px;
    transition: 0.3s ease;
    border: 1px solid #ececec;
}

.jobs-list-container .job-card h5 {
    font-size: 20px;
}

.jobs-list-container {
    margin-bottom: 70px;
    background: #FAFAFB;
}

/* careers details section css starts */

.careers-main-details {}

.careers-main-details .section-title h3 {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
}

.careers-main-details .career-block {
    margin-bottom: 24px;
}

.careers-main-details .career-block h5 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
}

.careers-main-details .career-block p {
    font-size: 16px;
    color: #475569;
    line-height: 24px;
    text-align: justify;
}

.careers-main-details .icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.careers-main-details .icon-list li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: #475569;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: justify;
}

.careers-main-details .icon-list img {
    width: 15px;
    height: 15px;
    margin-top: 3px;
}

.careers-main-details .career-info-box {
    background: #FAFAFB;
    border-radius: 12px;
    padding: 10px 24px;
}

.careers-main-details .career-info-box ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.careers-main-details .career-info-box li {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    text-align: justify;
}

.careers-main-details .career-info-box li span {
    min-width: 180px;
}

.careers-main-details .career-info-box li strong {
    color: #0f172a;
    font-weight: 800;
}

.careers-main-details .apply-sucess-story {
    padding-bottom: 0px;
}

.careers-main-details .apply-sucess-story .apply-card {
    padding: 20px;
}

.apply-sucess-story {
    animation: fadeInUp 0.4s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.careers-cta {
    background: #ffffff;
}

/* IMAGE */
.careers-cta .careers-cta-img {
    overflow: hidden;
    border-radius: 18px;
}

.careers-cta .careers-cta-img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
    object-fit: cover;
}

/* TEXT */
.careers-cta h3 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 12px;
}

.careers-cta p {
    max-width: 540px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 24px;
    color: #64748b;
}

.reliable-partner-sec p {
    text-align: justify;
}

/* careers details section css end */
@media (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 0px 4px !important;
    }
}

@media (max-width: 768px) {
    .common-banner .banner-content {
        gap: 5px;
    }

}

@media (max-width: 480px) {
    .main-products .tab-list li {
        margin-bottom: 20px;
    }

    .common-banner .common-banner-logo {
        object-fit: cover !important;
    }

    .common-banner .banner-content {
        gap: 5px;
    }

    .common-banner .common-banner-logo img {
        width: 70px !important;
        height: 70px !important;
        object-fit: cover !important;
    }

    .common-banner .banner-text h1 {
        font-size: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (min-width:1024px) {
    .company-profile-sec .small-img-box {
        width: 300px !important;
    }
}

@media screen and (min-width:1100px) {
    .company-profile-sec .small-img-box {
        width: 330px !important;
    }
}

.split-text span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
}

/* Animate only when visible */
.split-text.animate span {
    animation: textReveal 1.5s ease forwards;
}

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

/* Initial state (off screen bottom) */
.bounce-on-scroll {
    transform: translateY(40px);
}

/* When AOS activates */
.bounce-on-scroll.aos-animate {
    animation: bounceInUp 0.7s ease-out forwards;
}

@keyframes bounceInUp {
    0% {
        transform: translateY(40px);
    }

    60% {
        transform: translateY(-8px);
    }

    80% {
        transform: translateY(4px);
    }

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

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary-color);
}

.dropdown-item:hover {
    color: var(--primary-color);
}

#content-ta p,
#content-en p {
    text-align: justify;
    font-size: 15px;
    color:#000 !important;
}

/* 3D perspective container */
.founder-message-image {
    perspective: 1200px;
}

/* Tilt card */
.image-tilt-card {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform 0.15s ease-out;
}

/* Image style */
.image-tilt-card img {
    width: 100%;
    display: block;
    border-radius: 18px;
    box-shadow: 0 35px 70px rgba(0, 0, 0, 0.18);
    transform: translateZ(40px);
    transition: box-shadow 0.3s ease;
}

/* Light shine overlay */
.image-tilt-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
            rgba(255, 255, 255, 0.25),
            rgba(255, 255, 255, 0) 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* Hover enhance */
.image-tilt-card:hover::after {
    opacity: 1;
}

/* new-btn- style css starts */
.projects-button {
    position: relative;
    text-decoration: none;
    overflow: hidden;
    width: fit-content;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    gap: 10px;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    color: #009BA6;
    border: 2px solid #009BA6;
    box-shadow: 0px 10px 10px rgba(236, 236, 236, 0.166);
    transition: color 0.3s ease;
    z-index: 1;
}

.IconContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    position: relative;
}

.svgBG {
    width: 25px;
    height: auto;
}

.svgFG {
    width: 16px;
    height: auto;
    z-index: 2;
    position: absolute;
}

.projects-button .text {
    color: #009BA6;
    font-weight: 600;
    font-size: 16px;
}

.projects-button:hover .svgFG {
    animation: clockwise 2s linear infinite;
}

.projects-button:hover .svgBG {
    animation: anti-clockwise 2s linear infinite;
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes anti-clockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.projects-button::before {
    content: "";
    position: absolute;
    top: -5px !important;
    inset: 0;
    background: #009BA6;
    z-index: -1;
    clip-path: inset(100% 0 0 100% round 8px);
    transition: clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.projects-button:hover::before {
    clip-path: polygon(0% 0%,
            100% 0%,
            100% 100%,
            0% 100%);
    clip-path: inset(0 round 8px);
}

.projects-button:hover .text {
    color: #fff;
}

.projects-button:hover svg circle,
.projects-button:hover svg line {
    color: #fff;
    stroke: #fff;
}

.projects-button:hover svg .line-circle {
    fill: #fff;
}

.projects-button:hover svg:nth-child(2) path {
    fill: #fff;
}

.projects-button .right-circle .arrow {
    font-size: 22px;
    font-weight: bold;
    transition: 0.3s linear;
}

.projects-button:hover .right-circle .arrow {
    color: #ffffff;
    transition: 0.3s linear;
}

/* new-btn- style css end */

.shine-title {
    background: linear-gradient(to right, #000 70%, #008d97 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 2.5s linear infinite textanimation;
    -webkit-animation: 2.5s linear infinite textanimation;
}

@keyframes textanimation {
    0% {
        background-position: 200% center;
    }
}

/* OnScroll text color fill  */
/* .typing-wrap p,
.typing-wrap li,
.typing-wrap h6 {
    visibility: hidden;
    white-space: normal;
    position: relative;
} */

/* Cursor */
.typing-cursor::after {
    content: "|";
    margin-left: 2px;
    animation: blink 1s infinite;
}

@keyframes blink {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

/* ------------------------- */
.about-intro-sec {
    align-items: center;
    overflow: hidden;
}

.image-anime {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.image-anime::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.image-anime-1 {
    position: relative;
    overflow: hidden;
}

.image-anime-1::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 0%;
    top: 0%;
    background-color: rgba(255, 255, 255, 0.3);
}

.image-anime-1:hover:after {
    height: 100%;
    transition: all 600ms linear;
    background-color: transparent;
}

/* .navbar-collapse {
    flex-basis: unset !important;
} */
.nav-link-sec {
    display: flex !important;
    justify-content: end !important;
    align-items: center !important;
}

.navbar {
    /* overflow-x: hidden; */
}

.navbar,
.navbar-collapse,
.navbar-nav {
    overflow: visible !important;
}

.nav-link-sec {
    padding-right: 54px;
}

.dlce-counter-sec {
    height: 200px;
}

.swiper-slide img {
    /* transform: scale(0.8);
    opacity: 0; */
    transition: all 0.8s ease;
}

.swiper-slide-active img {
    transform: scale(1);
    opacity: 1;
}

/* products list dropdown */
.product-filter-accordion {
    position: relative;
    max-height: 450px;
    overflow-y: auto;
}

/* Scroll Button */
.product-filter-accordion .scroll-down-btn {
    position: sticky;
    bottom: 8px;
    right: 8px;
    float: right;
    z-index: 10;
    cursor: pointer;
}


.product-filter-accordion .accordion-item.active .accordion-header {
    background: var(--primary-color);
    color: #fff;
}

.product-filter-accordion .accordion-item.active .arrow {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.product-filter-accordion {
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

/* Accordion item */
.product-filter-accordion .accordion-item {
    border-bottom: 1px solid #ddd;
}

/* Header */
.product-filter-accordion .accordion-header {
    width: 100%;
    /* background: var(--primary-color); */
    background-color: #fff;
    color: #000000;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Arrow */
.product-filter-accordion .arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

/* Body hidden by default */
.product-filter-accordion .accordion-body {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

/* Active main */
.product-filter-accordion .accordion-item.active .accordion-body {
    display: block;
}

.product-filter-accordion .accordion-item.active .arrow {
    transform: rotate(-135deg);
}

/* Body items */
.product-filter-accordion .accordion-body>li {
    padding: 12px 16px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.product-filter-accordion .accordion-body>li:hover {
    background: #f8f8f8;
}

/* ================================
   NESTED ACCORDION
================================ */

.nested-accordion {
    padding: 0;
}

/* Nested header */
.nested-header {
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Nested arrow */
.nested-arrow {
    width: 8px;
    height: 8px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

/* Nested body closed initially */
.nested-body {
    list-style: none;
    padding-left: 15px;
    margin-top: 8px;
    display: none;
}

/* Nested items */
.nested-body li {
    padding: 8px 0;
    font-size: 13px;
    color: #555;
}

/* Open nested ONLY when active */
.nested-accordion.active>.nested-body {
    display: block;
}

.nested-accordion.active>.nested-header .nested-arrow {
    transform: rotate(-135deg);
}

.product-filter-accordion::-webkit-scrollbar {
    width: 4px;

}

/* Chrome / Edge / Safari */
.product-filter-accordion::-webkit-scrollbar {
    width: 4px;
}

.product-filter-accordion::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
}

.product-filter-accordion:hover::-webkit-scrollbar-thumb {
    background: #dedede;
}

/* ---------------------------------- */
.dropdown-menu.scrollable {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 330px;
}

.dropdown-item:hover {
    background: #f8f9fa;
    color: var(--primary-color);
}

.dropdown-menu.scrollable::-webkit-scrollbar {
    width: 4px;
}


.dropdown-item.has-submenu::after {
    content: '›';
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    margin-left: 10px;
    /* bottom: 10px; */
    right: 12px;
    margin-bottom: 0px;
    transition: transform 0.3s ease;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu:not(.scrollable *):hover>.dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.dropdown-submenu:hover>.dropdown-item::after {
    transform: rotate(90deg);
}

.dropdown-submenu>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0;
    margin-top: 0;
    min-width: 220px;
    background: #fff;
    padding: 0px 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    z-index: 1001;
}

.scrollable .dropdown-submenu>.dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0px 0px 0px 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.scrollable .dropdown-submenu.show>.dropdown-menu {
    max-height: 1000px;
}

.scrollable .dropdown-submenu>.dropdown-item.has-submenu::after {
    content: '+';
    transform: rotate(0deg);
}

.scrollable .dropdown-submenu.show>.dropdown-item.has-submenu::after {
    content: '−';
    transform: rotate(0deg);
}

.scrollable .dropdown-submenu .dropdown-item {
    padding-left: 15px;
    font-size: 13px;
    background: transparent;
}

.scrollable .dropdown-submenu .dropdown-submenu>.dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0px;
    margin: 0;
    padding-left: 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.scrollable .dropdown-submenu .dropdown-submenu.show>.dropdown-menu {
    max-height: 800px;
}

.dropdown-menu {
    border: none !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.dropdown-item {
    border: none !important;
}

.dropdown-divider {
    display: none !important;
}

.dropdown-submenu>.dropdown-item {
    border-bottom: none !important;
}


/* language translate css */
.language-dropdown button {
    background-color: #ffffff00;
    width: max-content;
    border-radius: 5px;
    color: white;
    padding: 1px 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    justify-content: space-evenly;
    width: 130px;
}

.language-dropdown button,
.language-dropdown .dropdown-content li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    visibility: visible;
}

.language-dropdown .dropdown-content {
    margin: 1px 0 0 0;
    padding: 0;
    background-color: #f5f5f5;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 315px;
}

.language-dropdown button img {
    margin: 0 5px 0 0;
    width: 25px;
}


.dropdown-menu.dropdown-content.show a {
    color: #000000;
}

.dropdown-menu.dropdown-content.show a img {
    width: 25px;
}

.new-language-translate a img {
    width: 25px;
}

.new-language-translate a {
    color: #000000;
}

.new-language-translate {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Hide Google Translate top bar */
.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate {
    visibility: visible;
    display: none;
}

body {
    top: 0 !important;
}

.VIpgJd-ZVi9od-ORHb {
    background: unset;
    display: none;
}

/* CKEditor table styling */
figure.table {
    width: 100%;
    overflow-x: auto;
}

figure.table table {
    width: 100%;
    border-collapse: collapse;
}

figure.table table td,
figure.table table th {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

figure.table table tr:first-child td {
    background: #f5f5f5;
    font-weight: bold;
    text-align: center;
}

.error {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
}

.has-error input,
.has-error select,
.has-error textarea {
    border-color: red;
}

button:disabled,
button.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.product-section table p {
    margin-bottom: 0px;
}

/* ------------------ */
.mobile-header {
    display: block;
    background: white;
}

@media (min-width: 992px) {
    .mobile-header {
        display: none;
    }
}

/* Mobile hamburger */
.mobile-header .hamburger {
    cursor: pointer;
    padding: 10px;
    display: inline-block;
}

.mobile-header .navbar-toggler-icon {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #333;
    position: relative;
}

.mobile-header .navbar-toggler-icon::before,
.mobile-header .navbar-toggler-icon::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: #333;
    left: 0;
}

.mobile-header .navbar-toggler-icon::before {
    top: -8px;
}

.mobile-header .navbar-toggler-icon::after {
    top: 8px;
}

/* Mobile menu overlay */
.mobile-header .mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

.mobile-header .mobile-menu-overlay.show {
    transform: translateX(0);
}

/* Mobile close button */
.mobile-header .mobile-close-btn {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 15px 20px;
    text-align: right;
    z-index: 10000;
    border-bottom: 1px solid #d7d4d4;
}

.mobile-header .mobile-close-btn button {
    background: transparent;
    border: none;
    color: #000;
    font-size: 32px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    width: 40px;
    height: 40px;
}

/* Mobile menu content */
.mobile-header .mobile-menu-content {
    padding: 0;
}

.mobile-header .mobile-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}


.mobile-header .mobile-nav-item {
    list-style: none;
}

.mobile-header .mobile-nav-link {
    padding: 15px 20px 15px 35px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 1px solid #d7d4d4;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.mobile-header .mobile-nav-link:hover {
    /* background-color: var(--primary-color); */
}

/* Mobile dropdown menu */
.mobile-header .mobile-dropdown {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.mobile-header .mobile-dropdown.show {
    max-height: 5000px;
}

.mobile-header button {
    border: none;

}

.mobile-header ul {
    list-style: none;
    padding-left: unset !important;
}

/* Mobile dropdown items */
.mobile-header .mobile-dropdown-item {
    padding: 15px 20px 15px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    border-bottom: 1px solid #d7d4d4;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
    text-align: left;

}

.mobile-header .mobile-dropdown-item:hover {
    color: var(--primary-color);
}

/* Expandable items styling */
.mobile-header .mobile-dropdown-item.has-submenu {
    /* color: var(--primary-color); */
    font-weight: 600;
    background: rgba(255, 255, 255, 0.08);
}

/* Plus/Minus icons */
.mobile-header .mobile-nav-item.has-dropdown>.mobile-nav-link::after,
.mobile-header .mobile-submenu>.mobile-dropdown-item.has-submenu::after {
    content: '+';
    font-size: 24px;
    font-weight: 600;
    /* color: var(--primary-color); */

    margin-bottom: -12px;
}

.mobile-header .mobile-nav-item.has-dropdown.show>.mobile-dropdown-item.has-submenu,
.mobile-header .mobile-nav-item.has-dropdown.show>.mobile-nav-link,
.mobile-header .mobile-submenu.show>.mobile-dropdown-item.has-submenu {
    color: var(--primary-color);
}

.mobile-header .mobile-submenu>.mobile-dropdown-item.has-submenu::after {
    /* color: var(--primary-color); */

}

.mobile-header .mobile-nav-item.has-dropdown.show>.mobile-nav-link::after,
.mobile-header .mobile-submenu.show>.mobile-dropdown-item.has-submenu::after {
    content: '−';
    color: var(--primary-color);
}

/* Scrollbar */
.mobile-header .mobile-menu-overlay::-webkit-scrollbar {
    width: 6px;
}

.mobile-header .mobile-menu-overlay::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.mobile-header .mobile-menu-overlay::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

/* Common styles */
.header-logo {
    max-height: 50px;
}

.desktop-header {
    display: none;
}

@media (min-width: 992px) {
    .desktop-header {
        display: block;
    }

    .mobile-header {
        display: none;
    }
}

/* .collapse:not(.show) {
    display: unset !important;
} */

#file-name{
  position: absolute;
  text-wrap-mode:nowrap;
}

/* Default placeholder */
/* .apply-sucess-story .resume-upload::before {
    content: "No File Chosen (Attach a file < 2 MB)";
    color: #9ca3af;
    font-size: 14px;
} */

/* Hide placeholder once file is selected */
.apply-sucess-story .resume-upload.has-file::before {
    content: none;
}