.sf-hidden{display:none!important}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(255,255,255,.9);transition:all .3s ease;padding:15px 0;box-shadow:0 2px 15px rgba(0,0,0,.05)}.navbar.scrolled{padding:10px 0;background-color:rgba(255,255,255,.95);box-shadow:0 5px 20px rgba(0,0,0,.1)}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:90%;margin:1 auto}.navbar-logo{display:flex;align-items:center;text-decoration:none}.jk-logo{height:auto;width:40px;margin-right:10px;margin-left:5px;transition:transform .3s ease}.navbar-logo:hover .jk-logo{transform:scale(1.05)}.logo-text{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--jk-orange),var(--jk-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-left:10px}.navbar-nav{display:flex;align-items:center}.nav-item{position:relative;margin:0 15px}.nav-item a,.dropdown-toggle{color:var(--dark-gray);font-weight:500;padding:10px 0;position:relative;cursor:pointer;transition:all .3s ease}.nav-item a:hover,.dropdown-toggle:hover,.nav-item a.active,.dropdown-toggle.active{color:var(--primary-orange)}.nav-item a.active::after,.dropdown-toggle.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,var(--primary-orange),var(--primary-pink));border-radius:10px}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center}.dropdown-toggle::before{content:'▼';font-size:.7rem;margin-left:5px}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;min-width:200px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;padding:10px 0;z-index:100}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{padding:8px 20px;transition:all .2s ease}.dropdown-menu li:hover{background-color:var(--light-gray)}.dropdown-menu a{display:block;color:var(--dark-gray);font-weight:400}.sub-dropdown{position:relative}.sub-dropdown .dropdown-toggle::before{content:'►';position:absolute;right:15px;top:50%;transform:translateY(-50%)}.sub-dropdown-menu{position:absolute;top:0;left:100%;background-color:#fff;min-width:200px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateX(10px);transition:all .3s ease;padding:10px 0}.sub-dropdown:hover .sub-dropdown-menu{opacity:1;visibility:visible;transform:translateX(0)}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.navbar-toggle span{display:block;height:3px;width:100%;background-color:var(--primary-orange);border-radius:3px;transition:all .3s ease}@media (max-width:992px){.navbar{padding:10px 0}.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:70px;left:-100%;width:85%;max-width:320px;height:calc(100vh - 70px);background-color:#fff;box-shadow:5px 0 15px rgba(0,0,0,.1);transition:all .3s ease;overflow-y:auto;padding:20px;z-index:1001;margin-top:0}.navbar-menu.active{left:0}.navbar-nav{flex-direction:column;align-items:flex-start}.nav-item{width:100%;margin:10px 0;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:10px}.nav-item:last-child{border-bottom:none}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;width:100%;padding-left:20px;display:none;background-color:rgba(0,0,0,.02);border-radius:5px}.dropdown.active .dropdown-menu{display:block}.sub-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;width:100%;padding-left:20px;display:none;background-color:rgba(0,0,0,.02);border-radius:5px}.sub-dropdown.active .sub-dropdown-menu{display:block}.dropdown-toggle::before,.sub-dropdown .dropdown-toggle::before{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropdown.active .dropdown-toggle::before,.sub-dropdown.active .dropdown-toggle::before{content:'-'}.dropdown-menu li,.sub-dropdown-menu li{padding:10px 15px}.navbar-menu.active::before{content:'';position:fixed;top:70px;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:-1}}@media (max-width:576px){.navbar{padding:8px 0}.navbar-container{padding:0 15px;width:95%}.jk-logo{width:50px}.logo-text{font-size:1.4rem}.navbar-menu{width:100%;max-width:none;top:60px;height:calc(100vh - 60px)}.nav-item a,.dropdown-toggle{font-size:1rem}}.dropdown.open>.dropdown-menu{display:block}@media (min-width:992px){.dropdown.open>.dropdown-menu{display:none!important}}@-webkit-keyframes fa-beat {

        0%,
        90% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        45% {
            -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25))
        }
    }@keyframes fa-beat {

        0%,
        90% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        45% {
            -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25))
        }
    }@-webkit-keyframes fa-bounce {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0)
        }

        10% {
            -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
        }

        30% {
            -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
        }

        50% {
            -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
        }

        57% {
            -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
            transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
        }

        64% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0)
        }

        to {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0)
        }
    }@keyframes fa-bounce {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0)
        }

        10% {
            -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
        }

        30% {
            -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
        }

        50% {
            -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
        }

        57% {
            -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
            transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
        }

        64% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0)
        }

        to {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0)
        }
    }@-webkit-keyframes fa-fade {
        50% {
            opacity: var(--fa-fade-opacity, .4)
        }
    }@keyframes fa-fade {
        50% {
            opacity: var(--fa-fade-opacity, .4)
        }
    }@-webkit-keyframes fa-beat-fade {

        0%,
        to {
            opacity: var(--fa-beat-fade-opacity, .4);
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125))
        }
    }@keyframes fa-beat-fade {

        0%,
        to {
            opacity: var(--fa-beat-fade-opacity, .4);
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125))
        }
    }@-webkit-keyframes fa-flip {
        50% {
            -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
        }
    }@keyframes fa-flip {
        50% {
            -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
        }
    }@-webkit-keyframes fa-shake {
        0% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg)
        }

        4% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg)
        }

        8%,
        24% {
            -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg)
        }

        12%,
        28% {
            -webkit-transform: rotate(18deg);
            transform: rotate(18deg)
        }

        16% {
            -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg)
        }

        20% {
            -webkit-transform: rotate(22deg);
            transform: rotate(22deg)
        }

        32% {
            -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg)
        }

        36% {
            -webkit-transform: rotate(12deg);
            transform: rotate(12deg)
        }

        40%,
        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }@keyframes fa-shake {
        0% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg)
        }

        4% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg)
        }

        8%,
        24% {
            -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg)
        }

        12%,
        28% {
            -webkit-transform: rotate(18deg);
            transform: rotate(18deg)
        }

        16% {
            -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg)
        }

        20% {
            -webkit-transform: rotate(22deg);
            transform: rotate(22deg)
        }

        32% {
            -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg)
        }

        36% {
            -webkit-transform: rotate(12deg);
            transform: rotate(12deg)
        }

        40%,
        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }@-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }@keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands: normal 400 1em/1"Font Awesome 6 Brands"
    }:host,:root{--fa-font-regular: normal 400 1em/1"Font Awesome 6 Free"
    }:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid: normal 900 1em/1"Font Awesome 6 Free"
    }*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;color:#333;font-family:Segoe\ UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira\ Sans,Droid\ Sans,Helvetica\ Neue,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ff9e2c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff7b00}:root{--secondary-orange:#ff7b00;--primary-yellow:#ffcb47;--secondary-yellow:#ffe066;--primary-pink:#ff6b9c;--secondary-pink:#ff8fb3;--primary-blue:#4dabf7;--secondary-blue:#74c0fc;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#343a40;--white:#fff}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.section-title:after{background:linear-gradient(90deg,#ff9e2c,#ff6b9c);background:linear-gradient(to right,var(--primary-orange),var(--primary-pink))}@media (max-width:1024px){.section-title{font-size:2.2rem}}@media (max-width:768px){.section{padding:40px 0}.section-title{font-size:2rem}}@media (max-width:576px){.section{padding:30px 0}.section-title{font-size:1.8rem;margin-bottom:30px}.section-title:after{height:3px;width:60px}}@media (max-width:480px){.section-title{font-size:1.6rem}}.navbar{background-color: #ffffffe6;box-shadow: 0 2px 15px #0000000d;left:0;padding:15px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar-container{justify-content:space-between;width:90%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{text-decoration:none}.jk-logo{margin-left:5px;margin-right:10px;transition:transform .3s ease;width:40px}.navbar-logo:hover .jk-logo{transform:scale(1.05)}.logo-text{-webkit-text-fill-color: #0000;background:linear-gradient(135deg,var(--jk-orange),var(--jk-blue));-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-left:10px}.navbar-nav{align-items:center;display:flex}.nav-item{margin:0 15px;position:relative}.dropdown-toggle,.nav-item a{color:var(--dark-gray);cursor:pointer;font-weight:500;padding:10px 0;position:relative;transition:all .3s ease}.dropdown-toggle:hover,.nav-item a.active,.nav-item a:hover{color:var(--primary-orange)}.dropdown-toggle.active:after,.nav-item a.active:after{background:linear-gradient(to right,var(--primary-orange),var(--primary-pink));border-radius:10px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.dropdown{position:relative}.dropdown-toggle{align-items:center;display:flex}.dropdown-toggle:before{content:"▼";font-size:.7rem;margin-left:5px}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow: 0 10px 30px #0000001a;left:0;min-width:200px;opacity:0;padding:10px 0;position:absolute;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:100}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu li{padding:8px 20px;transition:all .2s ease}.dropdown-menu li:hover{background-color:var(--light-gray)}.dropdown-menu a{color:var(--dark-gray);display:block;font-weight:400}@media (max-width:992px){.navbar{padding:10px 0}.navbar-menu{background-color:#fff;box-shadow: 5px 0 15px #0000001a;height:calc(100vh - 70px);left:-100%;margin-top:0;max-width:320px;overflow-y:auto;padding:20px;position:fixed;top:70px;transition:all .3s ease;width:85%;z-index:1001}.navbar-nav{align-items:flex-start;flex-direction:column}.nav-item{border-bottom: 1px solid #0000000d;margin:10px 0;padding-bottom:10px;width:100%}.nav-item:last-child{border-bottom:none}.dropdown-menu{background-color: #00000005;border-radius:5px;box-shadow:none;display:none;opacity:1;padding-left:20px;position:static;transform:none;visibility:visible;width:100%}.dropdown-toggle:before,.sub-dropdown .dropdown-toggle:before{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropdown-menu li{padding:10px 15px}}@media (max-width:576px){.navbar{padding:8px 0}.navbar-container{padding:0 15px;width:95%}.jk-logo{width:50px}.logo-text{font-size:1.4rem}.navbar-menu{height:calc(100vh - 60px);max-width:none;top:60px;width:100%}.dropdown-toggle,.nav-item a{font-size:1rem}}.footer{background:linear-gradient(135deg,#343a40,#212529);color:#fff;padding:60px 0 30px;position:relative}.footer-top{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.footer-title{color:#fff;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-title:after{background:linear-gradient(to right,var(--jk-orange),var(--jk-blue));border-radius:10px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.footer-desc{color: #ffffffb3;line-height:1.6;margin-bottom:20px}.footer-links li{margin-bottom:12px}.footer-links a{color: #ffffffb3;display:inline-block;transition:all .3s ease}.footer-links a:hover{color:var(--primary-orange);transform:translateX(5px)}.contact-info li{align-items:flex-start;color: #ffffffb3;display:flex;margin-bottom:15px}.contact-icon{margin-right:10px;margin-top:5px}.footer-bottom{border-top: 1px solid #ffffff1a;color: #fff9;font-size:.9rem;padding-top:30px;text-align:center}.tagline{color:var(--jk-orange);font-weight:600;margin-left:5px}.whatsapp-float{align-items:center;background-color:#25d366;border-radius:50%;bottom:30px;box-shadow: 0 5px 15px #25d36666;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:99}.whatsapp-float:hover{box-shadow: 0 8px 25px #25d36699;transform:scale(1.1)}@media (max-width:992px){.footer-top{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.footer-top{grid-template-columns:1fr}.footer{padding:40px 0 20px}.whatsapp-float{bottom:20px;font-size:1.5rem;height:50px;right:20px;width:50px}}.jk-logo{animation:pulse 2s infinite;height:auto;max-width:200px}@keyframes pulse {
        0% {
            box-shadow: 0 0 0 0#ff6b3566
        }

        70% {
            box-shadow: 0 0 0 10px #ff6b3500
        }

        to {
            box-shadow: 0 0 0 0#ff6b3500
        }
    }.section-title{color:var(--jk-dark-blue);display:block;font-size:2.5rem;margin-bottom:30px;position:relative;text-align:center;width:100%}.section-title:after{background:linear-gradient(90deg,#ff6b35,#1a5f7a);background:linear-gradient(to right,var(--jk-orange),var(--jk-blue));border-radius:2px;bottom:-10px;content:"";display:block;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@media (max-width:992px){.section-title{font-size:2rem}}@media (max-width:768px){.section{padding:60px 0}.section-title{font-size:1.8rem}}.cta-content h2{text-shadow: 2px 2px 4px #0003
    }.cta-content p{font-size:1.2rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px}@media (max-width:992px){.cta-content h2{font-size:2rem}}@media (max-width:768px){.cta-content h2{font-size:1.8rem}.cta-content p{font-size:1.1rem}}@media (max-width:576px){.cta-section{padding:60px 0}}:root{--jk-blue:#1a5f7a;--jk-orange:#ff6b35;--jk-yellow:#f7c59f;--jk-pink:#ff5376;--jk-light-blue:#66c6ba;--jk-dark-blue:#004e89;--jk-purple:#7b68ee;--animation-duration:.8s}.animate-on-scroll{transition:opacity var(--animation-duration) ease , transform var(--animation-duration) ease}.animate-in{opacity:1;transform:translateY(0)}.about-hero{background-image:url(https://www.jkdyes.com/assets/images/xabout.jpg.pagespeed.ic.DZYJMmfWqo.jpg);background-position:50%;background-size:cover;color:#fff;margin-top:70px;overflow:hidden;padding:160px 0 100px;position:relative;text-align:center}.about-hero .container{position:relative;z-index:2}.hero-title{animation:fadeInDown 1.2s ease;font-size:4rem;font-weight:800;margin-bottom:20px;text-shadow: 2px 2px 4px #00000080
    }.hero-subtitle{animation:fadeInUp 1.2s ease .3s both;font-size:1.8rem;font-weight:900;margin:0 auto 40px;max-width:1000px;opacity:.95}.hero-scroll-indicator{animation:fadeIn 1.5s ease .8s both;margin-top:60px}.hero-scroll-indicator span{display:block;font-size:.9rem;letter-spacing:1px;margin-bottom:10px;opacity:.8}.scroll-arrow{animation:scrollBounce 2s infinite;border-bottom:3px solid #fff;border-right:3px solid #fff;height:30px;margin:0 auto;transform:rotate(45deg);width:30px}.overview-section{background-color:#fff;padding:100px 0}.overview-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr}.overview-image img{border-radius:10px;box-shadow: 0 15px 30px #0000001a;height:auto;transition:all .5s ease;width:100%}.overview-image img:hover{box-shadow: 0 20px 40px #0003;transform:scale(1.05)}.overview-text h2:after{background:linear-gradient(90deg,#ff6b35,#ff5376);background:linear-gradient(to right,var(--jk-orange),var(--jk-pink))}.specialization-list{background-color: #1a5f7a0d;border-left:4px solid var(--jk-orange);border-radius:10px;margin:25px 0;padding:20px 25px}.specialization-list h3{color:var(--jk-dark-blue);font-size:1.2rem;margin-bottom:15px}.specialization-list ul{list-style-type:none;margin:0;padding:0}.specialization-list li{padding:8px 0 8px 25px;position:relative}.specialization-list li:before{color:#ff6b35;color:var(--jk-orange);content:"•";font-size:1.5rem;left:0;position:absolute;top:2px}.highlight{color:var(--jk-orange);font-weight:600}.companies-section{background-color:#f9f9f9;padding:80px 0}.companies-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.company-card{background-color:#fff;border-radius:10px;box-shadow: 0 5px 20px #0000000d;padding:30px;text-align:center;transition:all .4s ease}.company-card:hover{box-shadow: 0 15px 30px #0000001a;transform:translateY(-10px)}.company-card h3{color:var(--jk-dark-blue);font-size:1.4rem;margin-bottom:10px}.company-card p{color:#666;font-size:1rem}.journey-section{background-color:#fff;overflow:hidden;padding:100px 0;position:relative}.journey-section:before{background-color: #ff6b350d;height:300px;right:0;top:0;transform:translate(150px,-150px);width:300px}.journey-section:after,.journey-section:before{border-radius:50%;content:"";position:absolute;z-index:0}.journey-section:after{background-color: #1a5f7a0d;bottom:0;height:200px;left:0;transform:translate(-100px,100px);width:200px}.journey-content{position:relative;z-index:1}.journey-header{margin-bottom:60px;text-align:center}.star-icon{font-size:1.8rem;margin-right:10px;vertical-align:middle}.journey-intro{color:#555;font-size:1.2rem;margin:20px auto 0;max-width:800px}.journey-milestones{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:60px}.milestone{background-color:#fff;border-radius:10px;box-shadow: 0 5px 15px #0000000d;padding:30px 20px;text-align:center;transition:all .4s ease}.milestone:hover{box-shadow: 0 15px 30px #0000001a;transform:translateY(-10px)}.milestone-icon{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:50%;border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.tech-icon{background-color: #1a5f7a1a;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 24\ 24\"\ fill=\"%231a5f7a\"><path\ d=\"M19.8\ 18.4L14\ 10.67V6.5l1.35-1.69c.26-.33.03-.81-.39-.81H9.04c-.42\ 0-.65.48-.39.81L10\ 6.5v4.17L4.2\ 18.4c-.49.66-.02\ 1.6.8\ 1.6h14c.82\ 0\ 1.29-.94.8-1.6z\"/></svg>)}.global-icon{background-color: #66c6ba1a;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 24\ 24\"\ fill=\"%2366c6ba\"><path\ d=\"M12\ 2C6.48\ 2\ 2\ 6.48\ 2\ 12s4.48\ 10\ 10\ 10\ 10-4.48\ 10-10S17.52\ 2\ 12\ 2zm-1\ 17.93c-3.95-.49-7-3.85-7-7.93\ 0-.62.08-1.21.21-1.79L9\ 15v1c0\ 1.1.9\ 2\ 2\ 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55\ 0\ 1-.45\ 1-1V7h2c1.1\ 0\ 2-.9\ 2-2v-.41c2.93\ 1.19\ 5\ 4.06\ 5\ 7.41\ 0\ 2.08-.8\ 3.97-2.1\ 5.39z\"/></svg>)}.milestone h3{color:var(--jk-dark-blue);font-size:1.1rem;font-weight:600}.global-presence{background-color: #1a5f7a0d;border-radius:10px;padding:40px;text-align:center}.global-presence h3{color:var(--jk-blue);font-size:1.4rem;margin-bottom:15px}.countries-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.countries-list span{background-color:#fff;border-radius:20px;box-shadow: 0 2px 5px #0000000d;color:var(--jk-dark-blue);font-size:.9rem;padding:8px 15px;transition:all .3s ease}.countries-list span:hover{background-color:#1a5f7a;background-color:var(--jk-blue);box-shadow: 0 5px 10px #1a5f7a33;color:#fff;transform:translateY(-3px)}.difference-section{background-color:#f9f9f9;padding:100px 0;position:relative}.globe-icon{font-size:1.8rem;margin-right:10px;vertical-align:middle}.difference-intro{color:#555;font-size:1.2rem;margin:0 auto 50px;max-width:900px;text-align:center}.difference-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.difference-card{background-color:#fff;border-radius:10px;box-shadow: 0 5px 15px #0000000d;padding:30px;transition:all .4s ease}.difference-card:hover{box-shadow: 0 15px 30px #0000001a;transform:translateY(-10px)}.card-header{align-items:center;display:flex;margin-bottom:20px}.check-icon{flex-shrink:0;font-size:1.5rem;margin-right:15px}.difference-card h3{color:var(--jk-dark-blue);font-size:1.2rem;margin:0}.difference-card p{color:#666;font-size:.95rem;line-height:1.6}.philosophy-section{background-color:#fff;padding:100px 0}.philosophy-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr}.speech-icon{font-size:1.8rem;margin-right:10px;vertical-align:middle}.philosophy-intro{color:#555;font-size:1.2rem;margin-bottom:40px}.philosophy-values{margin-top:30px}.philosophy-value{margin-bottom:25px}.philosophy-value h3{color:var(--jk-dark-blue);font-size:1.1rem;margin-bottom:10px}.value-bar{background-color: #0000000d;border-radius:5px;height:10px;overflow:hidden}.value-progress{border-radius:5px;height:100%;transition:width 1.5s ease-in-out}.animate-in .value-progress.quality{background:linear-gradient(to right,var(--jk-orange),var(--jk-pink));width:100%}.animate-in .value-progress.consistency{background:linear-gradient(to right,var(--jk-blue),var(--jk-light-blue));width:100%}.animate-in .value-progress.sustainability{background:linear-gradient(to right,var(--jk-light-blue),var(--jk-yellow));width:100%}.animate-in .value-progress.innovation{background:linear-gradient(to right,var(--jk-pink),var(--jk-purple));width:100%}.philosophy-image img{border-radius:10px;box-shadow: 0 15px 30px #0000001a;height:auto;transition:all .5s ease;width:100%}.philosophy-image img:hover{box-shadow: 0 20px 40px #00000026;transform:scale(1.05) rotate(2deg)}.cta-section{background:linear-gradient(135deg,var(--jk-blue),var(--jk-dark-blue));color:#fff;padding:80px 0;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-content h2{font-size:2.2rem;margin-bottom:20px}.handshake-icon{font-size:1.8rem;margin-right:10px;vertical-align:middle}.cta-tagline{font-size:1.5rem;font-style:italic;font-weight:300;margin:30px 0}.cta-button{background-color:var(--jk-orange);border-radius:30px;box-shadow: 0 5px 15px #ff6b354d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:#ff5376;background-color:var(--jk-pink);box-shadow: 0 10px 20px #ff537666;transform:translateY(-5px)}@keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-30px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }@keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(30px)
        }

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

        to {
            opacity: 1
        }
    }@keyframes scrollBounce {

        0%,
        20%,
        50%,
        80%,
        to {
            transform: rotate(45deg) translateY(0)
        }

        40% {
            transform: rotate(45deg) translateY(10px)
        }

        60% {
            transform: rotate(45deg) translateY(5px)
        }
    }@media (max-width:992px){.overview-content,.philosophy-content{gap:40px;grid-template-columns:1fr}.overview-image{order:2}.overview-text{order:1}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.5rem}}@media (max-width:768px){.difference-grid,.journey-milestones{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.section{padding:60px 0}}.overview-text h2{color:var(--dark-gray);font-size:2.2rem;margin-bottom:25px;padding-bottom:15px;position:relative}.overview-text h2:after{background:linear-gradient(to right,var(--primary-orange),var(--primary-pink));border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.overview-text p{color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:20px}.quality-icon{background-color: #ff9e2c26;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 24\ 24\"\ fill=\"%23ff9e2c\"><path\ d=\"M12\ 2l3.09\ 6.26L22\ 9.27l-5\ 4.87\ 1.18\ 6.88L12\ 17.77l-6.18\ 3.25L7\ 14.14\ 2\ 9.27l6.91-1.01L12\ 2z\"/></svg>)}.customer-icon{background-color: #ffcb4726;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 24\ 24\"\ fill=\"%23ffcb47\"><path\ d=\"M16\ 11c1.66\ 0\ 2.99-1.34\ 2.99-3S17.66\ 5\ 16\ 5c-1.66\ 0-3\ 1.34-3\ 3s1.34\ 3\ 3\ 3zm-8\ 0c1.66\ 0\ 2.99-1.34\ 2.99-3S9.66\ 5\ 8\ 5C6.34\ 5\ 5\ 6.34\ 5\ 8s1.34\ 3\ 3\ 3zm0\ 2c-2.33\ 0-7\ 1.17-7\ 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8\ 0c-.29\ 0-.62.02-.97.05\ 1.16.84\ 1.97\ 1.97\ 1.97\ 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>)}@media (max-width:992px){.about-hero{padding:100px 0 60px}.about-hero h1{font-size:2.5rem}.overview-content{grid-template-columns:1fr}.overview-image{order:-1}}@media (max-width:768px){.about-hero h1{font-size:2rem}.overview-text h2{font-size:1.8rem}}@media (max-width:576px){.about-hero{padding:90px 0 50px}.about-hero h1{font-size:1.8rem}.overview-text h2{font-size:1.6rem}}:root{--primary-orange:#ff9e2c}@media (max-width:768px){.section{padding:40px 0}.section-title{font-size:1.8rem;margin-bottom:25px}}@media (max-width:576px){.section{padding:30px 0}.container{padding-left:15px;padding-right:15px}.section-title{font-size:1.8rem;margin-bottom:20px}}.contact-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.social-icons{display:flex;gap:15px}.social-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.whatsapp{background-color:#25d366}.linkedin{background-color:#0077b5}.facebook{background-color:#1877f2}.social-icon:hover{box-shadow: 0 5px 15px #0000004d;transform:translateY(-5px)}@media (max-width:576px){.social-icons{justify-content:center}}.sf-hidden{display:none!important}