/* ============================================ */
/* TAJDIGITECH - COMMON CSS */
/* ALL STYLES MOVED FROM HEADER & HOME */
/* ============================================ */

/* --- BASE RESET --- */
html,body{overflow-x:hidden!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}*{box-sizing:border-box}.row{margin-left:0!important;margin-right:0!important}video,iframe,svg{max-width:100%!important;height:auto!important}.owl-carousel,.owl-stage-outer,.owl-stage{overflow:hidden!important}[class*="col-"]{padding-left:12px!important;padding-right:12px!important}.position-absolute{max-width:100%!important}footer{overflow:hidden!important}[style*="width: 100vw"]{width:100%!important;max-width:100%!important}[style*="margin-left: -"],[style*="margin-right: -"]{margin-left:0!important;margin-right:0!important}:root{--primary:#FF6B35;--primary-dark:#e55a2b;--secondary:#1a2a4f;--dark:#1f2937;--light:#f8fafc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;overflow-x:hidden;margin-top:0!important;padding-top:0!important}

/* --- HEADER STYLES --- */
.top-header,.main-header{margin-top:0!important;padding-top:0!important}.top-header{background:var(--secondary);color:#fff;padding:0px 0;font-size:13px}.top-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.top-info{display:flex;list-style:none;gap:20px;margin:0;padding:0}.top-info a{color:#fff;text-decoration:none;transition:.3s}.top-info a:hover{color:var(--primary)}.top-info i{margin-right:8px;color:var(--primary)}.top-socials{display:flex;gap: 21px;}.top-socials a{text-decoration:none;color:#fff;transition:.3s}.top-socials a:hover{color:var(--primary);transform:translateY(-2px)}.main-header{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.08);position:relative;top:0;z-index:1000;width:100%;transition:all 0.3s ease}.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.logo a{position:absolute;top:-21px;left:-13px}.logo img{max-height:127px;width:auto;transition:.3s}.logo img:hover{transform:scale(1.02)}.navigation{display:flex;align-items:center;gap:20px}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:0px}.nav-menu>li{position:relative}.nav-menu>li>a{display:flex;align-items:center;padding:10px 10px;color:var(--dark);text-decoration:none;font-weight:600;font-size:14px;transition:.3s;gap:3px;border-radius:8px;white-space:nowrap}.nav-menu>li>a:hover{color:var(--primary);background:rgba(255,107,53,.08)}.nav-menu>li>a i.fa-chevron-down{font-size:11px;transition:transform .3s}.nav-menu>li:hover>a i.fa-che-down{tranorm:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;width:max-content;min-width:200px;max-width:500px;white-space:normal;box-shadow:0 10px 25px rgba(0,0,0,.1);border-radius:10px;padding:8px 0;z-index:9999;list-style:none;border:1px solid #eef2f6;display:none;opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu>li:hover>.dropdown-menu,.dropdown-menu:hover{display:block;opacity:1;visibility:visible}.dropdown-menu li{display:block;padding:0}.dropdown-menu li a{display:block;padding:10px 20px;color:#4a5568;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;white-space:normal;word-wrap:break-word;line-height:1.4}.dropdown-menu li a:hover{background:#f8fafc;color:var(--primary);padding-left:26px}.dropdown-menu .dropdown-menu{display:none!important}.whatsapp-btn{background:#25D366;color:#fff;padding:8px 20px;border-radius:50px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:.3s;font-weight:600;font-size:14px}.whatsapp-btn:hover{transform:scale(1.03);background:#20ba5a;color:#fff}.whatsapp-btn img{width:20px}

/* --- KEYBOARD FOCUS --- */
*:focus-visible{outline:2px solid #FF6B35!important;outline-offset:2px!important;border-radius:4px!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #FF6B35!important;outline-offset:2px!important}

/* --- SKIP LINK --- */
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:#FF6B35;color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;z-index:99999;font-weight:600;text-decoration:none;transition:top 0.3s ease;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.skip-link:focus{top:0}

/* --- MOBILE TOGGLE --- */
.mobile-toggle{display:none!important;font-size:24px;cursor:pointer;background:transparent;border:none;color:var(--dark);padding:8px 12px;line-height:1;min-height:44px!important;min-width:44px!important;border-radius:8px;transition:all 0.3s ease;position:relative}.mobile-toggle:hover{background:rgba(255,107,53,0.08);color:var(--primary)}.mobile-toggle:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important}
@media(max-width:992px){.mobile-toggle{display:flex!important;align-items:center;justify-content:center}}
@media(min-width:993px){.mobile-toggle{display:none!important}}

/* --- MOBILE MENU --- */
.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;opacity:0;transition:opacity .4s ease}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:380px;height:100%;background:#fff;z-index:9999;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px rgba(0,0,0,0.1);overflow-y:auto;display:block}.mobile-menu.active{right:0}.mobile-menu-header{background:linear-gradient(135deg,#fff,#c8c8c8);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(255,107,53,0.2);position:sticky;top:0;z-index:10}.mobile-menu-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none}.mobile-menu-header .brand img{max-height:45px;width:auto}.mobile-menu-header .brand span{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px}.mobile-menu-header .brand span span{color:#FF6B35}.mobile-menu-close{background:rgba(255,255,255,0.1);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-menu-close:hover{background:#FF6B35;transform:rotate(90deg)}.mobile-menu-body{padding:20px 24px}.mobile-menu-body .menu-list{list-style:none;padding:0;margin:0}.mobile-menu-body .menu-list li{margin-bottom:4px}.mobile-menu-body .menu-list li a{display:flex;align-items:center;gap:14px;padding:12px 16px;color:#1a2a4f;font-size:15px;font-weight:500;text-decoration:none;border-radius:12px;transition:all .3s ease;min-height:48px}.mobile-menu-body .menu-list li a i:first-child{width:24px;color:#FF6B35;font-size:17px;transition:all .3s ease;text-align:center}.mobile-menu-body .menu-list li a:hover{background:rgba(255,107,53,0.08);color:#FF6B35;transform:translateX(4px)}.mobile-menu-body .menu-list li a:hover i:first-child{transform:scale(1.1)}.mobile-menu-body .menu-list li a.active{background:rgba(255,107,53,0.08);color:#FF6B35}.mobile-menu-body .menu-list li a.active i:first-child{color:#FF6B35}.mobile-menu-body .menu-list li.has-children>a .fa-chevron-down{margin-left:auto;transition:transform .3s ease;font-size:12px;color:#94a3b8}.mobile-menu-body .menu-list li.has-children.open>a .fa-chevron-down{transform:rotate(180deg)}.mobile-submenu{list-style:none;padding-left:20px;margin:0 0 4px 0;max-height:0;overflow:hidden;transition:max-height .4s ease}.mobile-submenu.active{max-height:500px}.mobile-submenu li a{padding:10px 16px 10px 44px!important;font-size:14px!important;font-weight:400!important;color:#64748b!important;min-height:44px}.mobile-submenu li a:hover{color:#FF6B35!important;background:rgba(255,107,53,0.05)!important}.mobile-submenu li a i{width:20px!important;font-size:14px!important;color:#94a3b8!important}.mobile-submenu li a:hover i{color:#FF6B35!important}.mobile-divider{border:none;border-top:1px solid #eef2f6;margin:16px 0 20px 0}.mobile-contact-info{background:#f8f9ff;border-radius:16px;padding:16px 20px;margin:0 0 16px 0}.mobile-contact-info .contact-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:#1a2a4f;text-decoration:none;font-size:14px;transition:all .3s ease;min-height:44px}.mobile-contact-info .contact-item i{width:32px;height:32px;background:rgba(255,107,53,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FF6B35;font-size:14px;transition:all .3s ease;flex-shrink:0}.mobile-contact-info .contact-item:hover{color:#FF6B35}.mobile-contact-info .contact-item:hover i{background:#FF6B35;color:#fff}.mobile-social{display:flex;gap:12px;justify-content:center;padding:0 0 20px 0}.mobile-social a{width:42px;height:42px;border-radius:50%;background:#f8f9ff;display:flex;align-items:center;justify-content:center;color:#1a2a4f;font-size:16px;transition:all .3s ease;text-decoration:none;min-width:44px;min-height:44px}.mobile-social a:hover{background:#FF6B35;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,0.25)}

/* --- MOBILE RESPONSIVE --- */
@media(max-width:992px){.nav-menu{display:none}.top-header .container{flex-direction:column;text-align:center}.whatsapp-btn span{display:none}.logo img{max-height:100px}}
@media(max-width:768px){.top-info{flex-direction:column;gap:8px;align-items:center}.main-header .container{padding:10px 0}.logo img{max-height:100px}.mobile-menu{width:88%;max-width:350px}.mobile-menu-header{padding:16px 20px}.mobile-menu-header .brand img{max-height:38px}.mobile-menu-header .brand span{font-size:16px}.mobile-menu-body{padding:16px 18px}.mobile-menu-body .menu-list li a{padding:10px 14px;font-size:14px}.mobile-menu-body .menu-list li a i:first-child{font-size:15px;width:22px}.mobile-submenu li a{padding:8px 14px 8px 38px!important;font-size:13px!important}.mobile-contact-info{padding:14px 16px}.mobile-contact-info .contact-item{font-size:13px}.mobile-social a{width:38px;height:38px;font-size:14px}}
@media(max-width:480px){.mobile-menu{width:92%;max-width:320px}.mobile-menu-header{padding:14px 16px}.mobile-menu-header .brand img{max-height:100px}.mobile-menu-header .brand span{font-size:15px}.mobile-menu-body{padding:14px 14px}.mobile-menu-body .menu-list li a{padding:8px 12px;font-size:13px;border-radius:10px}.mobile-menu-body .menu-list li a i:first-child{font-size:14px;width:20px}.mobile-submenu li a{padding:6px 12px 6px 34px!important;font-size:12px!important}.mobile-contact-info .contact-item{font-size:12px;padding:6px 0}.mobile-contact-info .contact-item i{width:28px;height:28px;font-size:12px}.mobile-social a{width:34px;height:34px;font-size:13px}.mobile-divider{margin:12px 0 16px 0}}

/* --- TOP HEADER RIGHT --- */
.top-right{display:flex;align-items:center;gap:15px}.lang-switcher{position:relative;display:inline-block}.lang-dropdown{position:relative;display:inline-block}.lang-trigger{color:#fff;padding:3px 14px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .3s ease;user-select:none;min-height:36px}.lang-trigger:hover{background:rgba(255,107,53,0.15);border-color:#FF6B35;color:#FF6B35;}.lang-trigger .lang-flag{font-size:16px}.lang-trigger .lang-name{font-weight:500}.lang-trigger .lang-arrow{font-size:10px;transition:transform .3s ease}.lang-dropdown:hover .lang-trigger .lang-arrow{transform:rotate(180deg)}.lang-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:150px;background:#fff;border-radius:12px;padding:6px 0;box-shadow:0 8px 30px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.06);opacity:0;visibility:hidden;transform:translateY(-10px) scale(0.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999;list-style:none}.lang-dropdown:hover .lang-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lang-menu li{margin:0;padding:0;list-style:none}.lang-menu a{display:flex;align-items:center;gap:10px;padding:8px 16px;color:#1a2a4f;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;min-height:44px}.lang-menu a:hover{background:rgba(255,107,53,0.06);color:#FF6B35}.lang-menu a.active{background:rgba(255,107,53,0.08);color:#FF6B35}.lang-menu a .lang-flag{font-size:18px}.lang-menu a .lang-check{margin-left:auto;font-size:12px}.lang-trigger-click{cursor:pointer}.lang-menu.show{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important}@media(max-width:576px){.top-right{gap:8px}.lang-trigger .lang-name{display:none!important}.lang-trigger{padding:4px 10px!important;min-height:36px}.lang-menu{min-width:120px!important;right:-10px!important}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lang-dropdown:hover .lang-menu{animation:slideDown .3s ease forwards}

/* --- MOBILE MENU ANIMATIONS --- */
.mobile-menu-body .menu-list li{opacity:0;transform:translateX(20px);transition:all .3s ease}.mobile-menu.active .mobile-menu-body .menu-list li{opacity:1;transform:translateX(0)}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(1){transition-delay:.05s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(2){transition-delay:.10s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(3){transition-delay:.15s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(4){transition-delay:.20s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(5){transition-delay:.25s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(6){transition-delay:.30s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(7){transition-delay:.35s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(8){transition-delay:.40s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(9){transition-delay:.45s}.mobile-menu.active .mobile-menu-body .menu-list li:nth-child(10){transition-delay:.50s}

/* --- STICKY HEADER --- */
.navbar-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;width:100%!important;box-shadow:0 4px 30px rgba(0,0,0,0.12)!important;background:#fff!important;animation:slideDownHeader 0.3s ease forwards!important}body.has-sticky-header{padding-top:175px!important}@keyframes slideDownHeader{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar-fixed .container{padding-top:10px!important;padding-bottom:10px!important}.navbar-fixed .logo img{max-height:80px!important}.navbar-fixed .nav-menu>li>a{padding:8px 10px!important;font-size:13px!important}

/* --- CONTRAST & TOUCH TARGETS --- */
.text-primary-contrast{color:#e55a2b!important}.site-name-highlight{color:#1a2a4f!important;font-weight:700!important}.site-name-highlight span{color:#e55a2b!important}
.stat-item{background:#1a2a4f!important;padding:16px 20px!important;border-radius:12px!important}.stat-item h3{color:#FF6B35!important;font-size:28px!important;font-weight:700!important}.stat-item p{color:rgba(255,255,255,0.85)!important}
.contact-item,a[href^="tel:"],a[href^="mailto:"],.cta-btn,.btn,button,.mobile-nav-link{min-height:44px!important;min-width:44px!important;display:inline-flex!important;align-items:center!important;padding:8px 16px!important}.mobile-menu-body .menu-list li a{min-height:48px!important;padding:12px 16px!important}a[href^="tel:"]{padding:10px 14px!important;min-height:44px!important;display:inline-block!important}#backToTop{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}a:hover,.text-link:hover{color:#FF6B35!important}.text-muted a{color:#1a2a4f!important}.text-muted a:hover{color:#FF6B35!important}
@media(max-width:768px){.stat-item h3{font-size:22px!important}.contact-item,a[href^="tel:"],a[href^="mailto:"]{min-height:44px!important;padding:10px 14px!important}#backToTop{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:16px!important}}

/* --- BACK TO TOP --- */
#backToTop{position:fixed;bottom:90px;right:20px;z-index:9999;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#e55a2b);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 20px rgba(255,107,53,0.3);transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(20px);display:flex;align-items:center;justify-content:center}#backToTop:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 30px rgba(255,107,53,0.4);background:linear-gradient(135deg,#e55a2b,#cc4a1e)}#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}#backToTop i{transition:transform .3s ease}#backToTop:hover i{transform:translateY(-3px)}body.dark-mode #backToTop{background:linear-gradient(135deg,#FF6B35,#e55a2b);box-shadow:0 4px 20px rgba(255,107,53,0.3)}body.dark-mode #backToTop:hover{box-shadow:0 8px 30px rgba(255,107,53,0.5)}

/* --- STICKY CTA --- */
.sticky-cta-left{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:9998;display:none;flex-direction:column;gap:10px;animation:ctaSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}.sticky-cta-left.show{display:flex}@keyframes ctaSlideIn{from{transform:translateY(-50%) translateX(-30px);opacity:0}to{transform:translateY(-50%) translateX(0);opacity:1}}.sticky-cta-left .cta-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;text-decoration:none;font-size:20px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.12);position:relative;overflow:hidden;border:none;cursor:pointer;min-width:48px;min-height:48px}.sticky-cta-left .cta-btn:hover{transform:scale(1.12);box-shadow:0 6px 25px rgba(0,0,0,0.2)}.sticky-cta-left .cta-btn .tooltip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:#1a2a4f;color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;font-family:'Inter',sans-serif;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.sticky-cta-left .cta-btn .tooltip::before{content:'';position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-right:6px solid #1a2a4f;border-top:6px solid transparent;border-bottom:6px solid transparent}.sticky-cta-left .cta-btn:hover .tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(4px)}.sticky-cta-left .cta-btn-phone{background:linear-gradient(135deg,#25D366,#1da851);color:#fff}.sticky-cta-left .cta-btn-whatsapp{background:linear-gradient(135deg,#25D366,#1da851);color:#fff}.sticky-cta-left .cta-btn-email{background:linear-gradient(135deg,#ea4335,#c62828);color:#fff}.sticky-cta-left .cta-btn-contact{background:linear-gradient(135deg,#FF6B35,#e55a2b);color:#fff}.sticky-cta-left .cta-btn .badge-count{position:absolute;top:-4px;right:-4px;background:#FF6B35;color:#fff;font-size:9px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-family:'Inter',sans-serif}body.dark-mode .sticky-cta-left .cta-btn .tooltip{background:#e8edf5;color:#1a2a4f}body.dark-mode .sticky-cta-left .cta-btn .tooltip::before{border-right-color:#e8edf5}@media(max-width:768px){.sticky-cta-left{left:12px;gap:8px}.sticky-cta-left .cta-btn{width:42px;height:42px;font-size:17px;min-width:42px;min-height:42px}.sticky-cta-left .cta-btn .tooltip{display:none}.sticky-cta-left .cta-btn .badge-count{width:18px;height:18px;font-size:8px}}@media(max-width:480px){.sticky-cta-left{left:8px;gap:6px}.sticky-cta-left .cta-btn{width:38px;height:38px;font-size:15px;min-width:38px;min-height:38px}.sticky-cta-left .cta-btn .badge-count{width:16px;height:16px;font-size:7px}}

/* --- OWL CAROUSEL DOTS --- */
.owl-dots{display:flex!important;justify-content:center!important;gap:12px!important;padding:10px 0!important}
.owl-dot{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;position:relative!important}
.owl-dot span{display:block!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#d1d5db!important;transition:all 0.3s ease!important}
.owl-dot:hover span{background:rgba(255,107,53,0.5)!important;transform:scale(1.2)!important}
.owl-dot.active span{background:#FF6B35!important;width:30px!important;border-radius:12px!important}

/* --- MENU LINKS CONSISTENCY --- */
.nav-menu a[href*="ui-ux-design"],.dropdown-menu a[href*="ui-ux-design"],.mobile-menu a[href*="ui-ux-design"]{/* Keep text consistent */}

/* --- PAGE LOADER --- */
#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .6s ease,visibility .6s ease}#page-loader.hidden{opacity:0;visibility:hidden}.loader-container{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loader-logo{width:120px;height:120px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;animation:loaderLogoPulse 1.5s ease-in-out infinite;position:relative;background:rgba(255,255,255,0.05);border-radius:50%;padding:15px;overflow:hidden}.loader-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}@keyframes loaderLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.loader-ring-wrapper{position:relative;width:100px;height:100px;margin:0 auto 20px;flex-shrink:0}.loader-ring{position:absolute;border-radius:50%;border:3px solid transparent;animation:ringSpin 1.2s cubic-bezier(.5,0,.5,1) infinite;top:0;left:0;right:0;bottom:0;margin:auto}.loader-ring:nth-child(1){width:100%;height:100%;border-top-color:#FF6B35;animation-delay:0s}.loader-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-bottom-color:#1a2a4f;animation-delay:.2s}.loader-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-left-color:#ff8c5a;animation-delay:.4s}.loader-ring:nth-child(4){width:40%;height:40%;top:30%;left:30%;border-right-color:#2a3f6a;animation-delay:.6s}@keyframes ringSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loader-text{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:#1a2a4f;letter-spacing:3px;text-transform:uppercase;margin-top:5px}.loader-text .loader-dots{display:inline-block;animation:dotsAnim 1.4s steps(4,end) infinite;width:24px;text-align:left}@keyframes dotsAnim{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}100%{content:''}}.loader-progress{width:200px;height:3px;background:rgba(26,42,79,0.08);border-radius:4px;margin:12px auto 0;overflow:hidden;position:relative}.loader-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#FF6B35,#1a2a4f);border-radius:4px;animation:progressAnim 2s ease-in-out forwards;position:relative}.loader-progress-bar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shimmer 1.2s ease-in-out infinite}@keyframes progressAnim{0%{width:0%}20%{width:25%}40%{width:50%}60%{width:75%}80%{width:90%}100%{width:100%}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.loader-particles{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none}.loader-particle{position:absolute;width:6px;height:6px;background:#FF6B35;border-radius:50%;animation:particleFloat 3s ease-in-out infinite;opacity:0}.loader-particle:nth-child(1){left:10%;animation-delay:0s;top:20%}.loader-particle:nth-child(2){left:30%;animation-delay:.4s;top:80%}.loader-particle:nth-child(3){left:50%;animation-delay:.8s;top:15%}.loader-particle:nth-child(4){left:70%;animation-delay:1.2s;top:70%}.loader-particle:nth-child(5){left:90%;animation-delay:1.6s;top:30%}.loader-particle:nth-child(6){left:20%;animation-delay:.2s;top:60%}.loader-particle:nth-child(7){left:60%;animation-delay:.6s;top:85%}.loader-particle:nth-child(8){left:80%;animation-delay:1s;top:45%}@keyframes particleFloat{0%{transform:translateY(0) scale(0);opacity:0}30%{opacity:.5}70%{opacity:.5}100%{transform:translateY(-80px) scale(1);opacity:0}}body.dark-mode #page-loader{background:#0a0e17}body.dark-mode .loader-text{color:#e8edf5}body.dark-mode .loader-progress{background:rgba(255,255,255,0.06)}body.dark-mode .loader-particle{background:#ff8c5a}@media(max-width:768px){.loader-logo{width:90px;height:90px;padding:12px}.loader-ring-wrapper{width:80px;height:80px}.loader-text{font-size:13px;letter-spacing:2px}.loader-progress{width:170px}}@media(max-width:576px){.loader-logo{width:75px;height:75px;padding:10px;margin-bottom:12px}.loader-ring-wrapper{width:65px;height:65px;margin-bottom:15px}.loader-text{font-size:11px;letter-spacing:1.5px}.loader-progress{width:140px}}

/* --- HERO SLIDER --- */
.hero-slider .owl-nav{display:none!important}
.hero-slider .owl-dots{position:absolute!important;bottom:20px!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;gap:12px!important;z-index:10!important}
.hero-slider .owl-dot{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.hero-slider .owl-dot span{display:block!important;width:12px!important;height:12px!important;border-radius:50%!important;background:rgba(255,255,255,0.4)!important;transition:all .3s ease!important}
.hero-slider .owl-dot.active span{background:#FF6B35!important;width:30px!important;border-radius:12px!important}
.hero-slider .owl-dot:hover span{background:rgba(255,107,53,0.6)!important;transform:scale(1.2)!important}

/* --- HERO SLIDE --- */
.hero-slide{position:relative;min-height:500px;display:flex;align-items:center}
.hero-slide .slider-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.hero-slide .slider-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1}
.hero-slide .container{position:relative;z-index:2}
.about-images img{height:500px;object-fit:cover}
@media(min-width:1200px){.display-5{font-size:40px}}
@media(max-width:768px){.hero-slide{min-height:400px}.hero-slider .owl-prev,.hero-slider .owl-next{width:36px;height:36px}.hero-slider .owl-prev span,.hero-slider .owl-next span{font-size:18px}.stats-banner .col-6{margin-bottom:16px}.stats-banner [style*="font-size: 36px;"]{font-size:28px!important}.testimonial-slider .owl-nav{display:none!important}.service-card .service-icon{width:60px!important;height:60px!important}.service-card .service-icon i{font-size:24px!important}.about-section .stats-container{flex-wrap:wrap}.about-section .stat-item{flex:1 1 100%}.about-images img{height:300px!important}}
@media(max-width:768px){.hero-slide{min-height:400px!important}.hero-slide .row{min-height:400px!important}.hero-slider .owl-prev,.hero-slider .owl-next{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.hero-slider .owl-prev span,.hero-slider .owl-next span{font-size:18px!important}.hero-slider .owl-dots{gap:8px!important;bottom:10px!important}.hero-slider .owl-dot{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.hero-slider .owl-dot span{width:10px!important;height:10px!important}.hero-slider .owl-dot.active span{width:24px!important}}
@media(max-width:480px){.hero-slide{min-height:350px!important}.hero-slide .row{min-height:350px!important}.hero-slider .owl-prev,.hero-slider .owl-next{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.hero-slider .owl-prev span,.hero-slider .owl-next span{font-size:16px!important}.hero-slider .owl-dot{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.hero-slider .owl-dot span{width:8px!important;height:8px!important}.hero-slider .owl-dot.active span{width:20px!important}}

/* --- PARTNERS SLIDER --- */
.partners-slider .partner-slide{padding:8px 4px}
.partners-slider .partner-item{transition:all .4s ease;cursor:default;background:#ffffff;border-radius:12px;min-height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #eef2f6}
.partners-slider .partner-item{filter:grayscale(40%)!important;opacity:0.7!important}
.partners-slider .partner-item:hover{filter:grayscale(0%)!important;opacity:1!important;transform:scale(1.05);border-color:rgba(255,107,53,0.3)!important;box-shadow:0 8px 25px rgba(0,0,0,0.08)!important}
.partners-slider .partner-item img{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;display:block}
.partners-slider .owl-stage{display:flex;align-items:center}
.partners-slider .owl-item{display:flex;align-items:center;justify-content:center}

/* --- STATS BANNER --- */
.stats-banner .col-6 div[style*="font-size: 13px"]{color:rgba(255,255,255,0.85)!important}

/* --- TESTIMONIAL SLIDER DOTS --- */
.testimonial-slider .owl-dots{text-align:center;margin-top:20px;display:flex!important;justify-content:center!important;gap:8px!important}
.testimonial-slider .owl-dot{width:10px!important;height:10px!important;background:#d1d5db!important;border-radius:50%!important;border:none!important;padding:0!important;margin:0!important;transition:all .3s ease!important;display:inline-block!important;min-width:10px!important;min-height:10px!important;font-size:0!important;text-indent:-9999px!important;overflow:hidden!important;box-shadow:none!important;outline:none!important}
.testimonial-slider .owl-dot span{display:none!important}
.testimonial-slider .owl-dot.active{background:#FF6B35!important;width:30px!important;border-radius:20px!important}
.testimonial-slider .owl-dot:hover{background:rgba(255,107,53,0.5)!important}
.testimonial-slider .owl-dot::before,.testimonial-slider .owl-dot::after{display:none!important;content:none!important}

/* --- WORK CARD --- */
.work-card-modern{border:1px solid rgba(0,0,0,0.04);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px rgba(0,0,0,0.02)}
.work-card-modern:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(26,42,79,0.08)!important;border-color:rgba(255,107,53,0.08)!important}
.work-card-modern:hover .work-image img{transform:scale(1.06)}
.work-card-modern .work-image img{transition:transform .6s cubic-bezier(.4,0,.2,1)}
.work-card-modern .btn{transition:all .3s}
.work-card-modern .btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,53,0.25)}
.work-card-modern .badge{backdrop-filter:blur(4px)}
.work-card-modern .work-info{background:#fff}
@media(max-width:992px){.work-card-modern .work-image{height:190px!important}}
@media(max-width:768px){.work-card-modern .work-image{height:170px!important}.work-card-modern .work-info{padding:16px!important}.work-card-modern .work-info h6{font-size:15px!important}.works-section .btn{padding:10px 24px!important;font-size:13px!important}}
@media(max-width:576px){.work-card-modern .work-image{height:150px!important}.works-section{padding:30px 0!important}.works-section .display-5{font-size:28px!important}.works-section .btn{padding:8px 20px!important;font-size:12px!important}}

/* --- SERVICE CARD --- */
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,0.06)!important;border-color:rgba(255,107,53,0.15)!important}
.service-card:hover .service-icon{background:#FF6B35!important}
.service-card:hover .service-icon i{color:#fff!important}

/* --- TESTIMONIAL CARD --- */
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.06)!important}

/* --- BLOG CARD --- */
.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.06)!important}

/* --- ACCORDION --- */
.accordion-button:not(.collapsed){background:rgba(255,107,53,0.04)!important;color:#FF6B35!important;box-shadow:none!important}
.accordion-button:focus{box-shadow:none!important;border-color:transparent!important}
.accordion-button::after{transition:all .3s}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF6B35'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important}
.counter-number{display:inline-block}

/* --- HOW WE WORK --- */
.how-we-work-image-section .process-highlight{transition:all .3s ease}
.how-we-work-image-section .process-highlight:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.06)!important;border-left-color:#1a2a4f!important}
.how-we-work-image-section .process-highlight:hover h6{color:#FF6B35!important}
.how-we-work-image-wrapper{transition:all .5s ease}
.how-we-work-image-wrapper:hover{transform:scale(1.01);box-shadow:0 25px 70px rgba(26,42,79,0.12)!important}
.how-we-work-image-wrapper img{transition:all .5s ease}
.how-we-work-image-wrapper .position-absolute{animation:float-badge 3s ease-in-out infinite}
@keyframes float-badge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:768px){.how-we-work-image-section h2{font-size:28px!important}.how-we-work-image-section h3{font-size:22px!important}.how-we-work-image-wrapper .position-absolute{display:none}.how-we-work-image-section .btn{padding:12px 28px!important;font-size:14px!important}}
@media(max-width:576px){.how-we-work-image-section h2{font-size:24px!important}.how-we-work-image-section h3{font-size:19px!important}.how-we-work-image-section .process-highlight{padding:12px 14px!important}.how-we-work-image-section .process-highlight h6{font-size:13px!important}.how-we-work-image-section .process-highlight p{font-size:11px!important}.how-we-work-image-section .badge{font-size:11px!important;padding:6px 14px!important}.how-we-work-image-section .btn{padding:10px 22px!important;font-size:13px!important}}

/* --- AWARD CARD --- */
.award-card-modern:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,0.08)!important;border-color:rgba(255,107,53,0.15)!important}

/* --- TECH STACK --- */
.tech-category-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(0,0,0,0.06)!important;border-color:rgba(255,107,53,0.12)!important}
.tech-item:hover{background:rgba(255,107,53,0.06)!important;transform:translateX(4px)}

/* --- SUCCESS STORY --- */
.success-story-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,0.08)!important;border-color:rgba(0,0,0,0.05)!important}

/* --- CTA FEATURE --- */
.cta-feature{transition:all 0.3s}
.cta-feature:hover{color:#fff!important;transform:translateX(4px)}
@media(max-width:768px){.multi-cta-section h2{font-size:28px!important}.multi-cta-section .btn{font-size:14px!important;padding:12px 20px!important}}
@media(max-width:576px){.multi-cta-section h2{font-size:24px!important}}

/* --- PARTNERS SLIDER WRAPPER --- */
.partners-slider-wrapper{position:relative;padding:0 40px}
.partners-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:5}
.partners-nav button{pointer-events:auto;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #eef2f6;color:#1a2a4f;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center}
.partners-nav button:hover{background:#FF6B35;color:#fff;border-color:#FF6B35;transform:scale(1.08);box-shadow:0 8px 25px rgba(255,107,53,0.25)}
.partners-nav button:active{transform:scale(0.95)}
.partners-prev{margin-left:-10px}
.partners-next{margin-right:-10px}
.partners-slider .owl-dots{text-align:center;margin-top:16px}
.partners-slider .owl-dot{width:10px;height:10px;background:#d1d5db;border-radius:50%;display:inline-block;margin:0 5px;transition:all .3s ease}
.partners-slider .owl-dot.active{background:#FF6B35;width:28px;border-radius:10px}
.partners-slider .owl-dot:hover{background:#FF6B35;opacity:.6}
@media(max-width:992px){.partners-slider-wrapper{padding:0 30px}.partners-nav button{width:34px;height:34px;font-size:14px}.partners-prev{margin-left:-5px}.partners-next{margin-right:-5px}}
@media(max-width:768px){.partners-slider-wrapper{padding:0 20px}.partners-nav button{width:30px;height:30px;font-size:12px}.partners-prev{margin-left:0}.partners-next{margin-right:0}.partners-slider .partner-item{min-height:60px}.partners-slider .partner-item img{max-height:50px!important}}
@media(max-width:480px){.partners-slider-wrapper{padding:0 10px}.partners-nav{display:none!important}.partners-slider .partner-item{min-height:50px}.partners-slider .partner-item img{max-height:40px!important}}

/* --- PROCESS CARD --- */
.process-step-card{transition:all .5s cubic-bezier(.4,0,.2,1)}
.process-step-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px rgba(26,42,79,0.08)!important;border-color:rgba(255,107,53,0.08)!important}
.process-step-card:hover .step-number{transform:scale(1.08)}
.process-step-card:hover .step-number div{animation:none}
.process-step-card:hover .step-icon{transform:scale(1.1) rotate(10deg)}
.process-step-card:hover [style*="position: absolute; bottom: 0;"]{opacity:1!important}
@keyframes pulse-ring{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.5}}
@media(max-width:768px){.how-we-work-section{padding:40px 0!important}.how-we-work-section h2{font-size:30px!important}.process-step-card{padding:24px 18px!important}.process-step-card .step-number{width:60px!important;height:60px!important;font-size:20px!important}.how-we-work-section .btn{padding:12px 28px!important;font-size:14px!important}}
@media(max-width:576px){.how-we-work-section h2{font-size:26px!important}.process-step-card{padding:20px 16px!important}.process-step-card .step-number{width:50px!important;height:50px!important;font-size:18px!important}.process-step-card .step-icon{font-size:26px!important}}

/* --- PROCESS CARD MODERN --- */
.process-card-modern:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(26,42,79,0.08)!important;border-color:rgba(255,107,53,0.08)!important}
.process-card-modern:hover .step-icon-wrapper{transform:scale(1.08) rotate(-6deg);box-shadow:0 12px 32px rgba(255,107,53,0.25)!important}
.process-card-modern:hover .step-icon-wrapper i{transform:scale(1.1)}
.process-card-modern:hover [style*="position: absolute; bottom: 16px;"]{opacity:.8!important;width:30px!important}
.process-card-modern:hover [style*="height: 0%;"]{height:100%!important}
.process-card-modern:hover [style*="opacity: 0;"]{opacity:1!important}
@media(min-width:992px){.step-connector{display:block!important}.process-step-wrapper{padding:10px 25px!important}}
@media(max-width:991px){.process-card-modern{padding:24px 18px 20px!important}.process-card-modern .step-icon-wrapper{width:60px!important;height:60px!important}.process-card-modern .step-icon-wrapper i{font-size:22px!important}.process-card-modern h5{font-size:15px!important}.process-card-modern p{font-size:13px!important}}
@media(max-width:768px){.process-section{padding:30px 0!important}.process-section h2{font-size:28px!important}.process-section .badge{font-size:10px!important;padding:4px 14px!important}}
@media(max-width:576px){.process-step-wrapper{padding:6px 8px!important}.process-card-modern{padding:20px 14px 16px!important;border-radius:14px!important}.process-card-modern .step-icon-wrapper{width:52px!important;height:52px!important;margin:-4px auto 12px!important}.process-card-modern .step-icon-wrapper i{font-size:18px!important}.process-card-modern h5{font-size:14px!important}.process-card-modern p{font-size:12px!important}}

/* --- PORTFOLIO CARD --- */
.portfolio-card:hover img{transform:scale(1.08)}
.portfolio-card:hover .portfolio-overlay{transform:translateY(0)!important}

/* --- IMAGES ASPECT RATIO --- */
img:not([style*="aspect-ratio"]){aspect-ratio:auto!important}

/* ============================================
   LANGUAGE SWITCHER STYLES
   ============================================ */
.lang-switcher {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.lang-dropdown {
    position: relative;
    display: inline-block;
}

.lang-trigger {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 13px;
    transition: background 0.3s;
    user-select: none;
}

.lang-trigger:hover {
    background: rgba(255,255,255,0.2);
}

.lang-flag {
    font-size: 18px;
    line-height: 1;
}

.lang-name {
    font-size: 13px;
    font-weight: 500;
}

.lang-arrow {
    font-size: 10px;
    transition: transform 0.3s;
}

.lang-trigger.active .lang-arrow {
    transform: rotate(180deg);
}

.lang-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 150px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    padding: 6px 0;
    margin-top: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 9999;
    list-style: none;
}

.lang-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-menu li {
    list-style: none;
}

.lang-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    color: #1a2a4f;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
}

.lang-menu a:hover {
    background: #f0f4f8;
}

.lang-menu a.active {
    background: #e8f0fe;
    color: #FF6B35;
}

.lang-check {
    margin-left: auto;
    font-size: 12px;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .lang-switcher {
        margin-right: 10px;
    }
    
    .lang-trigger {
        padding: 2px 8px;
        font-size: 12px;
    }
    
    .lang-name {
        display: none;
    }
    
    .lang-arrow {
        display: none;
    }
    
    .lang-menu {
        right: -10px;
        min-width: 130px;
    }
}

/* --- TOUCH TARGETS --- */
button,.btn,.owl-dot


/*blog details css */
.blog-detail-section{background:linear-gradient(135deg,#f8f9ff 0%,#fff 100%);padding:60px 0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.breadcrumb-wrapper{background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px 28px;box-shadow:0 8px 40px rgba(26,42,79,0.06);border:1px solid rgba(255,255,255,0.5);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;transition:all .3s ease;margin-bottom:32px}.breadcrumb-wrapper:hover{box-shadow:0 12px 50px rgba(26,42,79,0.1);border-color:rgba(255,107,53,0.15)}.custom-breadcrumb{flex:1}.custom-breadcrumb .breadcrumb{background:transparent;padding:0;margin:0}.custom-breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:6px}.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"›";font-size:22px;font-weight:300;color:#cbd5e1;padding:0 4px}.breadcrumb-link{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;padding:6px 14px;border-radius:10px;transition:all .25s ease;background:transparent}.breadcrumb-link i{font-size:14px;color:#94a3b8;transition:color .25s ease}.breadcrumb-link:hover{color:#1a2a4f;background:rgba(255,107,53,0.08)}.breadcrumb-link:hover i{color:#FF6B35}.breadcrumb-item.active{display:inline-flex;align-items:center;gap:8px;color:#1a2a4f;font-weight:600;font-size:14px;padding:6px 14px;border-radius:10px;background:linear-gradient(135deg,rgba(255,107,53,0.08),rgba(26,42,79,0.04))}.breadcrumb-item.active i{color:#FF6B35}.breadcrumb-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 16px;background:rgba(255,107,53,0.06);border-radius:30px;border:1px solid rgba(255,107,53,0.1)}.stat-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#c6c9cd;font-weight:500}.stat-item i{color:#FF6B35;font-size:12px}.stat-divider{color:#e2e8f0;font-weight:300}.badge-category{display:inline-block;background:linear-gradient(135deg,#FF6B35,#e55a2b);color:#fff;font-size:13px;font-weight:600;padding:6px 18px;border-radius:30px;text-transform:uppercase;letter-spacing:.5px}.blog-title{font-size:38px;font-weight:800;color:#1a2a4f;line-height:1.2;margin:16px 0 20px}.blog-meta-wrapper{background:#f8f9ff;border-radius:16px;padding:12px 20px;margin-bottom:24px;border:1px solid #eef2f6}.blog-meta{display:flex;flex-wrap:wrap;gap:8px 16px}.meta-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b;background:#fff;padding:4px 14px;border-radius:30px;border:1px solid #eef2f6}.meta-item i{color:#FF6B35;font-size:13px}.meta-item.unique-badge{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.meta-item.unique-badge i{color:#10b981}.blog-featured-image{position:relative;border-radius:20px;overflow:hidden;margin-bottom:32px;box-shadow:0 8px 40px rgba(0,0,0,0.06)}.blog-featured-image img{width:100%;height:auto;max-height:500px;object-fit:cover;aspect-ratio:800/500;background:#f0f2f5;transition:transform .6s ease}.blog-featured-image:hover img{transform:scale(1.02)}.image-overlay{position:absolute;bottom:16px;left:16px}.image-badge{display:inline-block;background:rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 16px;border-radius:30px;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,0.1)}.blog-content{color:#334155;line-height:1.9;font-size:17px}.blog-content h2,.blog-content h3{color:#1a2a4f;margin-top:36px;margin-bottom:16px;font-weight:700}.blog-content h2:first-child,.blog-content h3:first-child{margin-top:0}.blog-content img{max-width:100%;border-radius:16px;margin:24px 0;box-shadow:0 4px 20px rgba(0,0,0,0.04)}.blog-content blockquote{border-left:4px solid #FF6B35;padding:16px 24px;margin:24px 0;background:#f8f9ff;border-radius:0 12px 12px 0;font-style:italic;color:#1a2a4f}.blog-content ul,.blog-content ol{padding-left:24px;margin-bottom:20px}.blog-content ul li,.blog-content ol li{margin-bottom:8px}.table-of-contents{background:rgba(255,255,255,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid #FF6B35;border-radius:16px;padding:20px 24px;margin:32px 0;box-shadow:0 4px 20px rgba(0,0,0,0.04)}.toc-title{font-weight:700;color:#1a2a4f;margin-bottom:12px;font-size:16px}.toc-title i{color:#FF6B35;margin-right:8px}.toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.toc-list li{margin-bottom:4px}.toc-link{display:inline-flex;align-items:center;gap:8px;color:#475569;text-decoration:none;font-size:14px;padding:4px 0;transition:all .3s ease}.toc-link i{color:#FF6B35;font-size:10px;transition:transform .3s ease}.toc-link:hover{color:#FF6B35;transform:translateX(4px)}.toc-link:hover i{transform:translateX(4px)}.blog-tags{margin-top:32px;padding-top:24px;border-top:1px solid #eef2f6;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.blog-tags h6{margin:0;font-weight:600;color:#1a2a4f;font-size:15px;display:flex;align-items:center;gap:8px}.blog-tags h6 i{color:#FF6B35}.tag-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;border-radius:30px;background:#f1f5f9;color:#1e293b;text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease;border:1px solid transparent}.tag-pill i{font-size:10px;opacity:.6}.tag-pill:hover{background:#FF6B35;color:#fff;border-color:#FF6B35;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,53,0.25)}.share-section{margin-top:32px;padding:20px 24px;background:#f8f9ff;border-radius:16px;border:1px solid #eef2f6}.share-section h6{margin-bottom:14px;font-weight:600;color:#1a2a4f;display:flex;align-items:center;gap:8px}.share-section h6 i{color:#FF6B35}.share-buttons{display:flex;flex-wrap:wrap;gap:10px}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:30px;color:#fff;text-decoration:none;font-size:13px;font-weight:500;border:none;transition:all .3s ease}.share-btn i{font-size:15px}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#000}.share-btn.linkedin{background:#0a66c2}.share-btn.whatsapp{background:#25d366}.share-btn.copy{background:#475569;cursor:pointer}.share-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.15);color:#fff}.comments-section{margin-top:40px}.comments-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}.comments-header h4{margin:0;font-weight:700;color:#1a2a4f;display:flex;align-items:center;gap:10px}.comments-header h4 i{color:#FF6B35}.comments-count{background:#FF6B35;color:#fff;padding:1px 12px;border-radius:30px;font-size:14px;font-weight:600}.write-comment-btn{background:transparent;border:1px solid #e2e8f0;padding:6px 18px;border-radius:30px;font-size:14px;font-weight:500;color:#1a2a4f;transition:all .3s ease}.write-comment-btn:hover{background:#1a2a4f;color:#fff;border-color:#1a2a4f}.chat-box{background:#fff;border-radius:16px;padding:20px;border:1px solid #eef2f6}.comment-thread{margin-bottom:24px}.comment-thread:last-child{margin-bottom:0}.comment-main,.comment-reply{display:flex;gap:14px;margin-bottom:16px}.comment-reply{margin-left:52px}.comment-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#e55a2b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.comment-avatar.small{width:36px;height:36px;font-size:14px}.comment-bubble{flex:1;background:#f8f9ff;padding:14px 18px;border-radius:16px;border:1px solid #eef2f6;transition:all .2s ease}.comment-bubble:hover{border-color:#dbe0e8}.reply-bubble{background:#fff;border-left-color:#FF6B35;border-left-width:3px}.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:6px}.comment-meta strong{color:#1a2a4f}.admin-badge{background:#1a2a4f;color:#fff;font-size:10px;font-weight:600;padding:2px 10px;border-radius:30px;text-transform:uppercase;letter-spacing:.5px}.comment-time{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:4px}.comment-text{margin:0;color:#334155;font-size:14px;line-height:1.6}.reply-btn{background:transparent;border:none;color:#FF6B35;font-size:13px;font-weight:500;padding:4px 0;margin-top:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.reply-btn:hover{color:#e55a2b;gap:10px}.empty-comments{text-align:center;padding:40px 20px}.empty-comments i{font-size:40px;color:#cbd5e1;margin-bottom:12px}.empty-comments h5{color:#1a2a4f;font-weight:600}.empty-comments p{color:#94a3b8;margin:0}.comment-form{margin-top:28px;padding:24px;background:#f8f9ff;border-radius:16px;border:1px solid #eef2f6}.comment-form h5{font-weight:700;color:#1a2a4f;margin-bottom:16px;display:flex;align-items:center;gap:8px}.comment-form h5 i{color:#FF6B35}.comment-form label{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:4px}.comment-form .form-control{border-radius:12px;border:1px solid #e2e8f0;padding:10px 16px;font-size:14px;transition:all .3s ease}.comment-form .form-control:focus{border-color:#FF6B35;box-shadow:0 0 0 3px rgba(255,107,53,0.15)}.submit-comment-btn{margin-top:16px;padding:10px 30px;border:none;border-radius:30px;background:linear-gradient(135deg,#FF6B35,#e55a2b);color:#fff;font-weight:600;font-size:15px;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.submit-comment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,0.3)}.reply-indicator{background:#fff;padding:10px 16px;border-radius:12px;border:1px solid #FF6B35;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:14px}.reply-indicator i{color:#FF6B35}.cancel-reply-btn{background:transparent;border:none;color:#dc2626;font-weight:600;font-size:13px;margin-left:auto;cursor:pointer}.sidebar-sticky{position:sticky;top:20px;display:flex;flex-direction:column;gap:24px}.sidebar-card{background:rgba(255,255,255,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,0.5);box-shadow:0 4px 20px rgba(0,0,0,0.04);transition:all .3s ease}.sidebar-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06)}.sidebar-card h5{font-weight:700;color:#1a2a4f;margin-bottom:16px;display:flex;align-items:center;gap:8px}.sidebar-card h5 i{color:#FF6B35}.sidebar-card h6{font-weight:600;color:#1a2a4f;margin-bottom:12px}.search-input-group{display:flex;gap:0;border-radius:30px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;transition:all .3s ease}.search-input-group:focus-within{border-color:#FF6B35;box-shadow:0 0 0 3px rgba(255,107,53,0.12)}.search-input-group .form-control{border:none;padding:10px 16px;font-size:14px;flex:1}.search-input-group .form-control:focus{box-shadow:none}.search-input-group button{background:transparent;border:none;padding:10px 18px;color:#FF6B35;cursor:pointer;transition:all .3s ease}.search-input-group button:hover{background:#FF6B35;color:#fff}.recent-posts,.popular-posts,.category-list{list-style:none;padding:0;margin:0}.recent-posts li,.popular-posts li,.category-list li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eef2f6}.recent-posts li:last-child,.popular-posts li:last-child,.category-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.recent-posts h6,.popular-posts h6{font-size:14px;font-weight:600;color:#1a2a4f;margin:0 0 2px}.recent-posts a,.popular-posts a,.category-list a{text-decoration:none;display:block}.recent-posts a:hover h6,.popular-posts a:hover h6{color:#FF6B35}.recent-posts small{font-size:12px;color:#94a3b8}.popular-posts .views{font-size:11px;color:#FF6B35;display:flex;align-items:center;gap:4px}.category-list li a{display:flex;align-items:center;gap:8px;color:#475569;font-size:14px;padding:4px 0}.category-list li a i{color:#FF6B35;font-size:10px}.category-list li a:hover{color:#FF6B35}.newsletter-card{background:linear-gradient(135deg,#1a2a4f,#2a3f6a);border:none;color:#fff}.newsletter-card h5{color:#fff}.newsletter-card h5 i{color:#FF6B35}.newsletter-card p{color:rgba(255,255,255,0.8);font-size:14px;margin-bottom:16px}.newsletter-input-group{display:flex;gap:0;border-radius:30px;overflow:hidden;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);transition:all .3s ease}.newsletter-input-group:focus-within{border-color:#FF6B35;box-shadow:0 0 0 3px rgba(255,107,53,0.2)}.newsletter-input-group .form-control{border:none;background:transparent;color:#fff;padding:10px 16px;font-size:14px}.newsletter-input-group .form-control::placeholder{color:rgba(255,255,255,0.6)}.newsletter-input-group .form-control:focus{box-shadow:none}.newsletter-input-group button{background:#FF6B35;border:none;padding:10px 18px;color:#fff;cursor:pointer;transition:all .3s ease}.newsletter-input-group button:hover{background:#e55a2b}.newsletter-card small{display:block;margin-top:12px;color:rgba(255,255,255,0.6);font-size:12px}.social-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{transform:translateY(-3px);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.15)}.social-icon.facebook{background:#1877f2}.social-icon.twitter{background:#000}.social-icon.linkedin{background:#0a66c2}.social-icon.instagram{background:#e4405f}.social-icon.youtube{background:red}@media(max-width:992px){.blog-title{font-size:30px}.toc-list{grid-template-columns:1fr}.breadcrumb-stats{width:100%;justify-content:center}.breadcrumb-wrapper{flex-direction:column;align-items:stretch;padding:16px 20px}.sidebar-sticky{position:static}}@media(max-width:768px){.blog-detail-section{padding:30px 0}.blog-title{font-size:24px}.blog-meta{gap:6px 10px}.meta-item{font-size:12px;padding:2px 10px}.comment-reply{margin-left:20px}.comments-header{flex-direction:column;align-items:flex-start;gap:10px}.share-buttons{gap:6px}.share-btn{padding:6px 14px;font-size:12px}.comment-form{padding:16px}.table-of-contents{padding:16px}.breadcrumb-stats{gap:4px 8px;padding:4px 12px}.stat-item{font-size:11px}.blog-featured-image img{max-height:300px}}


/* footer css */
.footer-main{background:linear-gradient(180deg,#0f1a33 0%,#1a2a4f 40%,#1f3360 100%);color:#fff;padding:75px 0 33px;position:relative;overflow:hidden;border-top:3px solid #FF6B35}.footer-container{position:relative;z-index:1}.footer-deco-1{position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,53,0.06),transparent 70%);border-radius:50%;pointer-events:none}.footer-deco-2{position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(255,107,53,0.04),transparent 70%);border-radius:50%;pointer-events:none}.footer-deco-3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,53,0.02),transparent 70%);border-radius:50%;pointer-events:none}.footer-heading{color:#fed299;font-weight:700;margin-bottom:10px;font-size:14px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.footer-heading-line{display:inline-block;width:25px;height:2px;background:#FF6B35;border-radius:2px}.footer-company{height:100%}.footer-logo{max-height:38px;width:auto;margin-bottom:8px;filter:brightness(0) invert(1)}.footer-brand-name{color:#fed299;font-weight:800;margin:0 0 8px 0;font-size:20px;letter-spacing:-.5px}.footer-description{color:rgba(255,255,255,0.65);font-size:12px;line-height:1.6;margin-bottom:10px;max-width:380px}.footer-social-icons{display:flex;gap:6px;flex-wrap:wrap}.social-icon{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.08);color:#fff;font-size:12px;transition:all .3s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,255,255,0.06)}.social-icon:hover{background:#FF6B35!important;border-color:#FF6B35!important;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px rgba(255,107,53,0.3)}.social-icon:hover i{color:#fff!important}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:4px}.footer-links li a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:12px;transition:all .3s ease}.footer-links li a i{color:#FF6B35;font-size:12px;width:16px;text-align:center;transition:all .3s ease}.footer-links li a:hover{color:#FF6B35!important;transform:translateX(4px)}.footer-links li a:hover i{color:#FF6B35!important;transform:scale(1.1)}.footer-contact-item{margin-bottom:4px;font-size:12px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.75)}.footer-contact-item i{color:#FF6B35;width:16px;font-size:13px;text-align:center}.footer-contact-item a{color:rgba(255,255,255,0.75);text-decoration:none;transition:.3s}.footer-contact-item a:hover{color:#FF6B35}.footer-newsletter{display:flex;gap:4px;margin-top:4px;max-width:260px;grid-column:1/-1}.footer-newsletter input{flex:1;padding:5px 10px;border-radius:5px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.05);color:#fff;font-size:11px;outline:none;transition:all .3s;min-width:0}.footer-newsletter input::placeholder{color:rgba(255,255,255,0.35)}.footer-newsletter input:focus{border-color:#FF6B35;background:rgba(255,255,255,0.1)}.footer-newsletter button{padding:5px 12px;border-radius:5px;border:none;background:#FF6B35;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.footer-newsletter button:hover{background:#e55a2b}.footer-divider{border-color:border-color: rgb(255 255 255);margin:16px 0 11px}.footer-copyright{color:rgb(255 255 255);font-size:11px;margin:0}.footer-copyright-link{color:#fed299;text-decoration:none;font-weight:500}.footer-copyright-link:hover{color:#FF6B35}.footer-crafted{color:rgba(255,255,255,0.2);font-size:10px;margin:0}.footer-crafted i{color:#FF6B35}.footer-crafted i.fa-heart{font-size:9px}@media(max-width:992px){.footer-main{padding:22px 0 6px!important}.col-lg-4,.col-lg-2{margin-bottom:15px!important}.footer-contact-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.footer-main{padding:18px 0 4px!important}.footer-heading{font-size:13px!important;margin-bottom:8px!important}.footer-links li a{font-size:11px!important}.social-icon{width:26px!important;height:26px!important;font-size:11px!important}.footer-newsletter{max-width:100%!important;flex-wrap:wrap}.footer-newsletter input{width:100%!important;font-size:11px!important;padding:4px 8px!important}.footer-newsletter button{width:100%!important;margin-top:4px;font-size:11px!important;padding:4px 10px!important}.footer-contact-grid{grid-template-columns:1fr 1fr;gap:2px 12px}.footer-contact-item{font-size:11px!important}.col-md-8,.col-md-4{text-align:center!important}.col-md-4{margin-top:4px}.footer-description{font-size:11px!important;max-width:100%!important}}@media(max-width:480px){.footer-main{padding:14px 0 4px!important}.footer-heading{font-size:12px!important}.footer-links li a{font-size:10px!important}.social-icon{width:24px!important;height:24px!important;font-size:10px!important}.footer-copyright{font-size:9px!important}.footer-crafted{font-size:8px!important}.footer-contact-item{font-size:10px!important}.footer-newsletter input{font-size:10px!important;padding:3px 6px!important}.footer-newsletter button{font-size:10px!important;padding:3px 8px!important}.footer-brand-name{font-size:16px!important}.footer-description{font-size:10px!important}.footer-contact-grid{grid-template-columns:1fr;gap:2px}.footer-logo{max-height:30px!important}}