@charset "UTF-8";:root {--primary-color:#00008b;--secondary-color:#e80000;--primary-rgb:0,0,139;--secondary-rgb:232,0,0;--gradient-primary:linear-gradient(135deg,#00008b 0%,#e80000 100%);--gradient-secondary:linear-gradient(45deg,#e80000 0%,#00008b 100%);--gradient-subtle:linear-gradient(135deg,rgba(0,0,139,0.1) 0%,rgba(232,0,0,0.1) 100%);--text-on-primary:#ffffff;--text-on-secondary:#ffffff;--shadow-primary:0 8px 32px rgba(0,0,139,0.2);--shadow-secondary:0 8px 32px rgba(232,0,0,0.2);--shadow-premium:0 12px 40px rgba(0,0,139,0.15);--bs-primary:#00008b;--bs-primary-rgb:0,0,139;--bs-secondary:#e80000;--bs-secondary-rgb:232,0,0;--gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-300:#CBD5E1;--gray-500:#64748B;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--font-primary:'Inter',system-ui,-apple-system,sans-serif;--bs-font-sans-serif:'Inter',system-ui,-apple-system,sans-serif;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--white:#ffffff;--black:#000000;--light-gray:#f8f9fa;--medium-gray:#6c757d;--dark-gray:#495057;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:all 0.15s ease;--transition-normal:all 0.3s ease;--transition-slow:all 0.5s ease;--z-header:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-modal-dialog:1051;--z-modal-content:1052;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--royal-blue:#1e40af;--royal-blue-light:#3b82f6;--royal-blue-pale:#dbeafe;--orange:#ff7b25;--orange-light:#ffb366;--orange-pale:#fff7ed;--orange-dark:#ea580c;--footer-bg:linear-gradient(135deg,#1e293b 0%,#334155 50%,#475569 100%);--footer-text-light:rgba(255,255,255,0.8);--footer-text-muted:rgba(255,255,255,0.6);--footer-border:rgba(255,255,255,0.1);--footer-accent:#ff7b25;--facebook:#1877f2;--twitter:#1da1f2;--linkedin:#0077b5;--instagram:#e4405f;--gradient-hero:linear-gradient(135deg,rgba(30,64,175,0.95) 0%,rgba(59,130,246,0.9) 50%,rgba(30,58,138,0.95) 100%);--header-height:80px;--topbar-height:40px;--total-header-height:calc(var(--header-height)+var(--topbar-height));--hero-padding-top:calc(var(--total-header-height)+8rem);--mobile-breakpoint:992px;--header-bg:#ffffff;--topbar-bg:#f8f9fa;--header-shadow:0 2px 15px rgba(0,0,0,0.1);--header-z-index:1000;--nav-link-color:#374151;--nav-link-hover:#1f2937;--nav-link-active:#00008b;--topbar-text:#6b7280;--text-dark:#2d3748;--text-light:#718096;--shadow-light:0 2px 10px rgba(0,0,0,0.1);--shadow-medium:0 4px 20px rgba(0,0,0,0.15)} .hover-lift {transition:all 0.3s ease} .hover-lift:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg)} .bg-gradient-success {background:linear-gradient(135deg,var(--success),#20c997)} .text-premium-muted {color:var(--gray-600)} .border-bottom {border-bottom:1px solid var(--gray-200) !important} .border-top {border-top:1px solid var(--gray-200) !important} .gap-3 {gap:1rem} .flex-grow-1 {flex-grow:1} .sticky-top {position:sticky;top:0;z-index:var(--z-header)} .card,.insights-card,.event-card,.skills-category-card,.card-premium {position:relative;z-index:1} .row,.d-flex,.grid {position:relative;z-index:1} .section {padding:2rem 0} .topbar {background-color:#ED1C24 !important;color:white !important;position:fixed;top:0;left:0;right:0;z-index:1002;height:40px;display:flex;align-items:center;font-size:0.875rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)} .topbar,.topbar *,.topbar a,.topbar a:hover,.topbar a:focus,.topbar a:visited,.topbar a:link,.topbar button,.topbar i,.topbar span,.topbar .fas,.topbar .fab,.topbar .fa,.topbar .topbar-item,.topbar .topbar-text,.topbar .topbar-social-link,.topbar .topbar-lang-btn {color:white !important;text-decoration:none !important} .topbar a.text-white,.topbar a.text-light,.topbar .text-white,.topbar .text-light {color:white !important} .topbar-container {width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center} .topbar-left,.topbar-right {display:flex;align-items:center;gap:1.5rem} .topbar-item {display:flex;align-items:center;gap:0.5rem;color:white !important;text-decoration:none;padding:0.25rem 0.5rem;border-radius:4px;transition:all 0.2s ease;font-size:0.875rem} .topbar-item:hover {background:rgba(255,255,255,0.1);color:white !important;text-decoration:none;transform:translateY(-1px)} .topbar-item i {font-size:0.875rem;width:16px;text-align:center;color:white !important} .topbar .fas,.topbar .fab,.topbar .far,.topbar i.fas,.topbar i.fab,.topbar i.far {color:white !important;font-size:0.875rem !important;width:auto !important;text-align:center !important;display:inline-block !important;margin-right:0.5rem !important;line-height:1 !important;vertical-align:middle !important;font-family:"Font Awesome 6 Free","Font Awesome 6 Brands","FontAwesome" !important;font-weight:900 !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important} .topbar-social-link i {font-size:0.875rem !important;margin-right:0 !important} .topbar-text {white-space:nowrap} .topbar-social {display:flex;align-items:center;gap:0.5rem} .topbar-social-link {display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:white !important;text-decoration:none;border-radius:50%;transition:all 0.2s ease;background:rgba(255,255,255,0.1)} .topbar-social-link:hover {background:rgba(255,255,255,0.2);color:white !important;transform:translateY(-1px) scale(1.05)} .topbar-social-link i {font-size:0.875rem;color:white !important;display:inline-block !important} .topbar-social-link .fab {color:white !important;font-size:0.875rem !important} .topbar-language {display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.1);padding:0.25rem 0.75rem;border-radius:20px} .topbar-lang-btn {background:none;border:none;color:rgba(255,255,255,0.8) !important;font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:12px;cursor:pointer;transition:all 0.2s ease} .topbar-lang-btn:hover,.topbar-lang-btn.active {background:rgba(255,255,255,0.2);color:white !important} .topbar-lang-separator {color:rgba(255,255,255,0.5) !important;font-size:0.75rem} @media (max-width:768px) {.topbar {height:40px !important;font-size:0.75rem;display:flex !important;align-items:center} .topbar-container {padding:0 0.75rem;height:100%;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto} .topbar-left,.topbar-right {gap:0.75rem;display:flex;align-items:center} .topbar-item {font-size:0.75rem;padding:0.1rem 0.3rem;display:flex;align-items:center;gap:0.25rem} .topbar-text {display:none} .topbar-item:first-child .topbar-text {display:inline} .topbar-social-link {width:22px;height:22px;display:flex;align-items:center;justify-content:center} .topbar-language {padding:0.1rem 0.4rem;display:flex;align-items:center} } @media (max-width:480px) {.topbar {height:35px !important;display:flex !important} .topbar-container {padding:0 0.5rem} .topbar-left,.topbar-right {gap:0.5rem} .topbar-item:not(:first-child) {display:none} .topbar-social {gap:0.25rem} .topbar-social-link {width:20px;height:20px} .topbar-language {display:none} } *,*::before,*::after {box-sizing:border-box;margin:0;padding:0} img {max-width:100%;height:auto;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:opacity 0.3s ease} img[loading="lazy"] {opacity:0;animation:fadeInImage 0.3s ease forwards} @keyframes fadeInImage {to {opacity:1} } img[fetchpriority="high"] {opacity:1;animation:none} @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {img {image-rendering:-webkit-optimize-contrast} } .professional-hero {background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:white !important;border-bottom:1px solid #dee2e6;position:relative;overflow:hidden} .professional-hero .badge {background-color:rgba(255,255,255,0.2) !important;color:white !important;border:1px solid rgba(255,255,255,0.3)} .professional-hero .badge:hover {background-color:rgba(255,255,255,0.3) !important} .professional-hero .info-pill {background-color:rgba(255,255,255,0.15) !important;color:white !important;border:1px solid rgba(255,255,255,0.25)} .professional-hero .info-pill:hover {background-color:rgba(255,255,255,0.25) !important} .professional-hero .btn-outline-light {border-color:rgba(255,255,255,0.5);color:white} .professional-hero .btn-outline-light:hover {background-color:white;border-color:white;color:#007bff} .professional-hero .breadcrumb-item a {color:rgba(255,255,255,0.8) !important} .professional-hero .breadcrumb-item.active {color:rgba(255,255,255,0.9) !important} .professional-hero .placeholder-text {color:rgba(255,255,255,0.7) !important} .btn-danger,.professional-hero .btn-danger {background-color:#dc3545 !important;border-color:#dc3545 !important;color:white !important} .btn-danger i,.professional-hero .btn-danger i {color:white !important} .btn-danger:hover,.professional-hero .btn-danger:hover {background-color:white !important;border-color:#dc3545 !important;color:#000 !important} .btn-danger:hover i,.professional-hero .btn-danger:hover i {color:#000 !important} .professional-hero .info-pill {display:inline-flex;align-items:center;padding:0.5rem 1rem;border-radius:50px;font-size:0.85rem;margin:0.25rem 0;transition:all 0.3s ease;color:white !important} .professional-hero .program-header h1 {font-weight:700;color:white !important;margin-bottom:1rem} .professional-hero .lead {color:rgba(255,255,255,0.9) !important;font-weight:400;line-height:1.5} .insights-hero {background:var(--primary-color);position:relative;overflow:hidden} .insights-hero::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1);z-index:1} .insights-hero .container {position:relative;z-index:2} .insights-search {background:rgba(255,255,255,0.1);border-radius:var(--border-radius-lg);padding:0.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)} .insights-search input {background:transparent;border:none;color:white;padding:1rem 1.5rem;border-radius:var(--border-radius-md)} .insights-search input::placeholder {color:rgba(255,255,255,0.7)} .insights-search input:focus {outline:none;box-shadow:none;background:rgba(255,255,255,0.1)} .insights-search button {background:var(--secondary-color);border:none;color:white;padding:1rem 1.5rem;border-radius:var(--border-radius-md);transition:all 0.3s ease} .insights-search button:hover {background:#c70000;transform:translateX(-2px)} .insights-card {background:white;border-radius:var(--border-radius-lg);overflow:hidden;transition:all 0.3s ease;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)} .insights-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)} .insights-card-image {width:100%;height:200px;object-fit:cover;transition:transform 0.3s ease} .insights-card:hover .insights-card-image {transform:scale(1.05)} .insights-card-body {padding:1.5rem} .insights-card-category {display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:0.25rem 0.75rem;border-radius:var(--border-radius-pill);font-size:0.75rem;font-weight:500;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.5px} .insights-card-title {font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:0.75rem;color:var(--dark-color)} .insights-card-title a {color:inherit;transition:color 0.3s ease} .insights-card-title a:hover {color:var(--primary-color)} .insights-card-excerpt {color:var(--gray-600);font-size:0.9rem;line-height:1.5;margin-bottom:1rem} .insights-card-meta {display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;color:var(--gray-500);padding-top:0.75rem;border-top:1px solid var(--gray-200)} .insights-read-more-btn {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:25px;padding:8px 16px;font-size:0.875rem;font-weight:600;text-transform:none;letter-spacing:0.025em;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(59,130,246,0.2)} .insights-read-more-btn:hover {background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3);color:white} .insights-read-more-btn:focus {box-shadow:0 0 0 3px rgba(59,130,246,0.3);outline:none} .insights-read-more-btn i {font-size:0.8rem} .featured-badge {position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#ffd700,#ffb300);color:#000;padding:0.25rem 0.75rem;border-radius:var(--border-radius-pill);font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;z-index:10;box-shadow:0 2px 8px rgba(255,215,0,0.3)} .category-chip {display:inline-block;padding:0.5rem 1rem;margin:0.25rem;background:var(--gray-100);color:var(--gray-700);text-decoration:none;border-radius:var(--border-radius-pill);font-size:0.85rem;font-weight:500;transition:all 0.3s ease;border:1px solid var(--gray-300)} .category-chip:hover {background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)} .category-chip.active {background:var(--primary-color);color:white;border-color:var(--primary-color)} .event-card {transition:all 0.3s ease;border-radius:var(--border-radius-lg);overflow:hidden} .event-card:hover {transform:translateY(-8px);box-shadow:var(--shadow-xl)} .event-image,.list-event-image {height:200px;object-fit:cover;transition:transform 0.3s ease;width:100%} .list-event-image {height:100%;min-height:200px} .event-card:hover .event-image,.event-card:hover .list-event-image {transform:scale(1.05)} .event-type-badge {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;font-size:0.75rem;font-weight:500;padding:0.5rem 1rem;border-radius:var(--border-radius-pill)} .event-title {font-size:1.1rem;font-weight:600;line-height:1.3;color:var(--dark-color);margin-bottom:0.75rem} .event-description {font-size:0.9rem;line-height:1.5;color:var(--gray-600)} .event-meta,.event-meta-list {font-size:0.85rem} .event-meta .text-muted {color:var(--gray-500) !important} .event-actions {padding-top:0.75rem;border-top:1px solid var(--gray-200)} .event-list-item {margin-bottom:1.5rem;border-radius:var(--border-radius-lg);overflow:hidden} .event-badges {display:flex;flex-wrap:wrap;gap:0.5rem} .whatsapp-btn {background-color:#25d366 !important;border-color:#25d366 !important;color:white !important;transition:all 0.3s ease} .whatsapp-btn:hover {background-color:#128c7e !important;border-color:#128c7e !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,0.3)} .whatsapp-link {color:#25d366;text-decoration:none;transition:all 0.3s ease} .whatsapp-link:hover {color:#128c7e !important;transform:translateX(3px)} .whatsapp-footer {transition:all 0.3s ease} .whatsapp-footer:hover {opacity:0.8;transform:translateY(-1px)} .social-btn {transition:all 0.3s ease;min-width:140px;border-radius:var(--border-radius-md)} .social-btn:hover {transform:translateY(-2px);background:rgba(255,255,255,0.1);box-shadow:var(--shadow-md)} .share-btn {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin:0 0.25rem;transition:all 0.3s ease;text-decoration:none;border:none;cursor:pointer} .share-btn.facebook {background:#3b5998;color:white} .share-btn.twitter {background:#1da1f2;color:white} .share-btn.linkedin {background:#0077b5;color:white} .share-btn.email {background:var(--gray-600);color:white} .share-btn.copy {background:var(--gray-500);color:white} .share-btn:hover {transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-md)} .page-stats {text-align:center} .stat-item {margin-bottom:1rem} .stat-number {display:block;font-size:2rem;font-weight:700;line-height:1} .stat-label {display:block;font-size:0.9rem;opacity:0.8;margin-top:0.25rem} .view-toggle .btn {border-radius:var(--border-radius-md);padding:0.5rem 0.75rem;transition:all 0.3s ease} .view-toggle .btn-check:checked+.btn {background-color:var(--primary-color);border-color:var(--primary-color);color:white} .empty-state {padding:4rem 2rem;text-align:center} .empty-icon i {opacity:0.3} .empty-actions {margin-top:2rem} .empty-actions .btn {margin:0 0.5rem} .skip-link {position:absolute;top:-40px;left:6px;background:var(--primary-color);color:white;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top 0.3s ease} .skip-link:focus {top:6px;color:white} .sr-only {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important} .pagination {margin:2rem 0} .pagination .page-link {border-radius:var(--border-radius-md);margin:0 2px;border:1px solid var(--gray-300);color:var(--gray-700);padding:0.75rem 1rem;transition:all 0.3s ease} .pagination .page-link:hover {background-color:var(--primary-color);border-color:var(--primary-color);color:white;transform:translateY(-2px)} .pagination .page-item.active .page-link {background-color:var(--primary-color);border-color:var(--primary-color);color:white;box-shadow:var(--shadow-md)} .form-control:focus,.form-select:focus {border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25)} .form-control-lg {padding:1rem 1.5rem;font-size:1.1rem;border-radius:var(--border-radius-md)} .position-relative .fas {z-index:5;pointer-events:none} .is-invalid {border-color:var(--danger)} .is-valid {border-color:var(--success)} .invalid-feedback {color:var(--danger);font-size:0.875rem;margin-top:0.25rem} .valid-feedback {color:var(--success);font-size:0.875rem;margin-top:0.25rem} @media (prefers-reduced-motion:reduce) {* {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} } .lazy {opacity:0;transition:opacity 0.3s} .lazy.loaded {opacity:1} .hero-video-section {position:relative !important;min-height:100vh !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background:#1a1a1a !important;pointer-events:auto !important} .topbar {background:#ED1C24 !important;color:white !important;font-size:0.85rem;display:flex !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:1002 !important;height:40px !important;align-items:center !important;margin:0 !important;padding:0 !important;border:none !important} .site-header {position:fixed !important;top:40px !important;left:0 !important;right:0 !important;z-index:1000 !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,0.1);padding:0.25rem 0 !important;transition:all 0.3s ease;margin:0 !important;border:none !important} .header-container {display:flex;align-items:center;justify-content:space-between;padding:0 1rem;max-width:1400px;margin:0 auto;position:relative;gap:1rem} .header-logo {flex-shrink:0;z-index:1001} .logo-link {display:flex;align-items:center;text-decoration:none;color:#333} .logo-img {height:32px;width:auto;transition:height 0.3s ease} .logo-text {display:block;margin-left:0.75rem;font-weight:600;color:#333;font-size:0.9rem} .logo-full {display:none} .logo-short {display:inline} .desktop-nav {display:none;align-items:center;flex:1;justify-content:center} .nav-menu {display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:space-evenly;width:100%;min-width:500px} .nav-item {margin:0} .desktop-nav .nav-link {color:#333;text-decoration:none;font-weight:500;padding:0.75rem 0.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;text-align:center} .desktop-nav .nav-link:hover {color:#e80000;background:rgba(232,0,0,0.05);transform:translateY(-1px)} .desktop-nav .nav-link.active {color:#e80000;background:rgba(232,0,0,0.1);font-weight:600} .desktop-nav .nav-link.active::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,#e80000,#ff4444);border-radius:1px} .header-actions {display:none;gap:0.5rem;flex-shrink:0} .header-btn {padding:0.5rem 0.75rem;border-radius:20px;text-decoration:none;font-weight:500;transition:all 0.3s ease;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:0.85rem;border:1px solid #ddd;background:transparent} .header-btn.secondary:hover {background:#f8f9fa;border-color:#e80000;color:#e80000} .header-btn.primary {background:#e80000;color:white;border:1px solid #e80000} .header-btn.primary:hover {background:#cc0000;border-color:#cc0000;transform:translateY(-1px);box-shadow:0 4px 12px rgba(232,0,0,0.3)} .mobile-menu-btn {display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;background:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.1);border-radius:8px;cursor:pointer;padding:10px;z-index:1001;transition:all 0.3s ease;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.1)} .mobile-menu-btn:hover {transform:translateY(-1px);background:rgba(255,255,255,1);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-color:rgba(0,0,0,0.2)} .mobile-menu-btn:focus {outline:2px solid #e80000;outline-offset:2px;border-radius:8px} .mobile-menu-btn:active {transform:translateY(0) scale(0.98);background:rgba(0,0,0,0.05);box-shadow:0 1px 4px rgba(0,0,0,0.1)} .hamburger-line {width:26px;height:3px;background:#333;margin:2.5px 0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin:center;border-radius:3px;position:relative} .mobile-menu-btn:hover .hamburger-line {background:#e80000} .mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(1) {transform:rotate(45deg) translate(6px,6px)} .mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(2) {opacity:0;transform:scaleX(0)} .mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px)} .mobile-nav-overlay {position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.85);z-index:1001;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .mobile-nav-overlay.active {opacity:1;visibility:visible;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} .mobile-nav-content {position:absolute;top:0;right:0;width:min(300px,85vw);height:100%;background:white;box-shadow:-5px 0 25px rgba(0,0,0,0.4);transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;border-radius:20px 0 0 20px} .mobile-nav-overlay.active .mobile-nav-content {transform:translateX(0)} .mobile-nav-header {display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ED1C24;color:white} .mobile-nav-logo {height:30px;width:auto;filter:brightness(0) invert(1)} .mobile-nav-close {background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:0.5rem} .mobile-nav-menu {flex:1;padding:0} .mobile-nav-list {list-style:none;margin:0;padding:0} .mobile-nav-item {border-bottom:1px solid #eee} .mobile-nav-link {display:flex;align-items:center;padding:1rem 1.5rem;color:#333;text-decoration:none;font-weight:500;transition:all 0.3s ease} .mobile-nav-link:hover,.mobile-nav-link.active {background:#f8f9fa;color:#ED1C24} .mobile-nav-link i {margin-right:0.75rem;font-size:1.1rem;width:20px;text-align:center;color:#666} .mobile-nav-link:hover i,.mobile-nav-link.active i {color:#ED1C24} .mobile-nav-actions {padding:1rem;border-top:1px solid #eee;background:#f8f9fa} .mobile-nav-btn {display:block;padding:0.75rem 1rem;margin:0.5rem 0;border-radius:6px;text-decoration:none;text-align:center;font-weight:500;transition:all 0.3s ease} .mobile-nav-btn.primary {background:#ED1C24;color:white;border:none} .mobile-nav-btn.primary:hover {background:#c41e3a;color:white} .mobile-nav-btn.secondary {background:white;color:#333;border:1px solid #ddd} .mobile-nav-btn.secondary:hover {background:#f8f9fa;color:#ED1C24} @media (max-width:767px) {.mobile-nav-overlay {display:block !important} .mobile-nav-overlay.active {opacity:1;visibility:visible} } @media (hover:none) and (pointer:coarse) {.mobile-nav-link:hover,.mobile-nav-btn:hover {transform:none} .mobile-nav-link:active {background:linear-gradient(135deg,rgba(237,28,36,0.15) 0%,rgba(255,71,87,0.1) 100%);transform:scale(0.98)} .mobile-nav-btn:active {transform:scale(0.95)} } @media (min-width:768px) and (max-width:1023px) {.mobile-menu-btn {display:none !important} .mobile-nav-overlay {display:none} .desktop-nav {display:flex !important;align-items:center} .logo-text {display:block !important} .logo-short {display:inline !important} .logo-full {display:none !important} .header-actions {display:none !important} } @media (min-width:1024px) {.desktop-nav {display:flex !important;align-items:center} .logo-text {display:block !important} .logo-full {display:inline !important} .logo-short {display:none !important} .header-actions {display:flex !important} .mobile-menu-btn {display:none !important} .mobile-nav-overlay {display:none} .topbar-text {display:inline} } @media (min-width:1200px) {.header-container,.topbar-container {padding-left:1rem;padding-right:1rem} } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {.logo-img {image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} } @media (max-width:767.98px) {.header-container {padding:0 1rem;justify-content:space-between;gap:1rem} .header-logo {order:1;flex-grow:1;min-width:0} .mobile-menu-btn {display:flex !important;order:3} .desktop-nav {display:none !important} .header-actions {display:none !important} .hero-video-section {min-height:60vh;padding:3rem 0} .stats-section,.featured-programs-section,.testimonials-section {padding:2.5rem 0} .form-group {margin-bottom:1rem} .form-control {font-size:1rem;padding:0.75rem} .btn {font-size:1rem;padding:0.75rem 1.5rem} .footer-main {padding:2.5rem 0 1.5rem} .footer-contact-section .contact-item {padding:0.875rem;margin-bottom:0.875rem} .d-tablet-none {display:none !important} .d-tablet-block {display:block !important} .text-md-center {text-align:center !important} .text-md-left {text-align:left !important} .text-md-right {text-align:right !important} .insights-hero {text-align:center;padding:2rem 0} body {padding-top:85px !important} .btn-premium,.btn-premium-primary,.btn-premium-secondary {font-size:0.9rem;padding:0.75rem 1.25rem} } @media (prefers-reduced-motion:reduce) {.site-header,.mobile-nav-overlay,.mobile-nav-content,.hamburger-line,.nav-link,.header-btn,.mobile-nav-link,.mobile-nav-btn {transition:none} } .hero-video-wrapper {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none} .hero-video {width:100%;height:100%;object-fit:cover;opacity:0.8;pointer-events:none} .hero-video-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,139,0.7) 0%,rgba(232,0,0,0.6) 100%);z-index:1;pointer-events:none} .hero-video-section {padding-top:80px} .hero-search-container {max-width:700px;margin:0 auto;padding:0 1rem;position:relative;z-index:200;pointer-events:auto} .hero-title {font-size:2rem;line-height:1.2;margin-bottom:1rem} .hero-subtitle {font-size:1.1rem;line-height:1.4;margin-bottom:2rem;opacity:0.9} .hero-actions {display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem} .btn-hero-primary,.btn-hero-outline {width:100%;max-width:280px;padding:0.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:25px;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;gap:0.5rem} @media (min-width:768px) {.hero-video-section {padding-top:120px} .hero-search-container {padding:0 2rem} .hero-title {font-size:3rem} .hero-subtitle {font-size:1.25rem} .hero-actions {flex-direction:row;gap:1.5rem;justify-content:center} .btn-hero-primary,.btn-hero-outline {width:auto;min-width:200px} } @media (min-width:1024px) {.hero-title {font-size:3.5rem} .hero-subtitle {font-size:1.375rem} } .hero-search-form {position:relative;z-index:200;pointer-events:auto} .hero-input-group {box-shadow:0 8px 25px rgba(0,0,0,0.1);border-radius:50px;overflow:hidden;max-width:100%} .hero-search-input {border:none !important;background:white !important;border-radius:50px 0 0 50px !important;padding:15px 25px !important;font-size:1rem !important;color:#333 !important;min-height:50px;position:relative;z-index:200;pointer-events:auto} .hero-search-input::placeholder {color:#666 !important;opacity:1 !important} .hero-search-input:focus {color:#000 !important;background:white !important;outline:none !important;box-shadow:0 0 0 3px rgba(232,0,0,0.1) !important} .btn-hero-search {background:linear-gradient(45deg,#e80000,#ff4444) !important;border:none !important;border-radius:0 50px 50px 0 !important;color:white !important;padding:15px 25px !important;font-weight:600 !important;min-height:50px;position:relative;z-index:200;pointer-events:auto;cursor:pointer} .btn-hero-search:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,0,0,0.4);background:linear-gradient(45deg,#ff4444,#e80000)} .hero-actions {position:relative;z-index:200;pointer-events:auto} .btn-hero-primary,.btn-hero-outline {position:relative;z-index:200;pointer-events:auto;cursor:pointer} .language-switcher {display:flex;align-items:center;gap:0.5rem;height:30px;min-width:60px} .lang-btn {border:none;background:none;padding:0.25rem 0.5rem;cursor:pointer;transition:none} .footer-logo {width:101px;height:35px;aspect-ratio:101/35;object-fit:contain} .site-header {position:sticky;top:var(--topbar-height);left:0;right:0;height:var(--header-height);min-height:var(--header-height);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);z-index:var(--z-header,1000);transition:all 0.3s ease;border-bottom:1px solid rgba(0,0,0,0.08)} .site-header.scrolled {box-shadow:0 4px 20px rgba(0,0,0,0.15)} .site-header .header-container {display:flex !important;align-items:center !important;height:100% !important;padding:0 2rem !important;max-width:1200px !important;margin:0 auto !important;position:relative !important;justify-content:space-between !important;overflow:hidden !important;width:100% !important} .site-header .header-logo {display:flex !important;align-items:center !important;flex-shrink:0 !important} .logo-link {display:flex;align-items:center;text-decoration:none;transition:transform 0.3s ease} .logo-link:hover {transform:scale(1.02)} .logo-img {height:35px !important;width:101px !important;object-fit:contain !important;transition:all 0.3s ease !important;display:block !important;visibility:visible !important} .logo-text {margin-left:0.75rem !important} .logo-full {font-size:1.2rem;font-weight:700;color:var(--primary-color);line-height:1.2} .logo-short {display:none;font-size:1.1rem;font-weight:700;color:var(--primary-color)} .site-header .desktop-nav {display:flex !important;align-items:center !important;flex:1 !important;justify-content:center !important;margin-left:1rem !important;margin-right:1rem !important;max-width:calc(100% - 400px) !important} .site-header .nav-menu {display:flex !important;list-style:none !important;margin:0 !important;padding:0 !important;align-items:center !important;justify-content:center !important;gap:0.25rem !important;flex-wrap:nowrap !important;width:100% !important} .site-header .nav-item {margin:0 !important;flex-shrink:0 !important;flex:1 !important;max-width:140px !important} .site-header .nav-link {color:#333 !important;text-decoration:none !important;font-weight:500 !important;padding:0.75rem 0.4rem !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;position:relative !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:0.85rem !important;white-space:nowrap !important;text-align:center !important;width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important} .site-header .nav-link:hover {color:#374151 !important;text-decoration:none !important;background:#f8fafc !important;transform:translateY(-1px) !important} .site-header .nav-link.active {color:#374151 !important;font-weight:600 !important;position:relative !important;background:#f1f5f9 !important} .site-header .header-actions {display:flex !important;align-items:center !important;gap:1rem !important;margin-left:auto !important;flex-shrink:0 !important;white-space:nowrap !important} .header-btn {padding:0.5rem 1rem !important;border-radius:8px !important;font-weight:500 !important;font-size:0.9rem !important;text-decoration:none !important;transition:all 0.15s ease-in-out !important;border:none !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important} .header-btn.secondary {color:#6b7280 !important;background:transparent !important;border:1px solid transparent !important} .header-btn.secondary:hover {color:#374151 !important;background:#f8fafc !important;transform:translateY(-1px) !important;text-decoration:none !important} .header-btn.primary {color:white !important;background:#3b82f6 !important;border:1px solid #3b82f6 !important;box-shadow:0 1px 2px rgba(0,0,0,0.05) !important} .header-btn.primary:hover {background:#2563eb !important;border-color:#2563eb !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(59,130,246,0.25) !important;text-decoration:none !important} .mobile-toggle {display:none;background:none;border:none;padding:0.5rem;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:6px;transition:background-color 0.3s ease} .mobile-toggle:hover {background:rgba(0,0,139,0.05)} .mobile-toggle.active .hamburger-line:nth-child(1) {transform:translateY(6px) rotate(45deg)} .mobile-toggle.active .hamburger-line:nth-child(2) {opacity:0} .mobile-toggle.active .hamburger-line:nth-child(3) {transform:translateY(-6px) rotate(-45deg)} .mobile-menu-header {padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:space-between} .mobile-menu-logo {color:#ffffff;text-decoration:none} .mobile-cta-buttons {padding:2rem;border-top:1px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;gap:1rem;margin-top:auto} .mobile-cta-btn {display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;text-align:center} .mobile-cta-btn i {margin-right:0.5rem} .mobile-cta-btn.secondary {background:rgba(59,130,246,0.1);color:#3b82f6;border:2px solid #3b82f6} .mobile-cta-btn.secondary:hover {background:#3b82f6;color:white;text-decoration:none} .mobile-cta-btn.primary {background:#3b82f6;color:white;border:2px solid #3b82f6} .mobile-cta-btn.primary:hover {background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.3)} @media (max-width:1400px) {.site-header .header-container {max-width:1300px !important;padding:0 1.5rem !important;gap:0.75rem !important} .site-header .nav-menu {gap:0.2rem !important} .site-header .nav-item {max-width:130px !important} .site-header .nav-link {font-size:0.82rem !important;padding:0.75rem 0.35rem !important} .site-header .desktop-nav {margin-left:0.75rem !important;margin-right:0.75rem !important;max-width:calc(100% - 380px) !important} .header-btn {padding:0.5rem 0.75rem !important;font-size:0.85rem !important} } @media (max-width:1200px) {.site-header .header-container {padding:0 1.25rem !important;max-width:1100px !important;gap:0.5rem !important} .site-header .desktop-nav {margin-left:0.5rem !important;margin-right:0.5rem !important;max-width:calc(100% - 360px) !important} .site-header .nav-menu {justify-content:space-between !important;width:100% !important;gap:0.15rem !important} .site-header .nav-item {flex:1 !important;max-width:120px !important} .site-header .nav-link {padding:0.7rem 0.3rem !important;font-size:0.8rem !important;width:100% !important} .site-header .header-actions {gap:0.4rem !important} .header-btn {padding:0.5rem 0.7rem !important;font-size:0.82rem !important} } @media (max-width:1024px) {.site-header .header-container {padding:0 1rem !important;gap:0.4rem !important} .site-header .desktop-nav {margin-left:0.25rem !important;margin-right:0.25rem !important;max-width:calc(100% - 320px) !important} .site-header .nav-menu {justify-content:space-between !important;gap:0.1rem !important} .site-header .nav-item {flex:1 !important;max-width:110px !important} .site-header .nav-link {padding:0.65rem 0.25rem !important;font-size:0.78rem !important;width:100% !important} .site-header .header-actions {gap:0.3rem !important} .header-btn {padding:0.45rem 0.6rem !important;font-size:0.78rem !important} } @media (max-width:900px) {.site-header .nav-menu {gap:0.75rem !important} .site-header .nav-link {padding:0.5rem 0.5rem !important;font-size:0.85rem !important} .site-header .header-actions {gap:0.5rem !important} .header-btn {padding:0.375rem 0.625rem !important;font-size:0.75rem !important} } @media (max-width:768px) {.hero-video-section,.hero-section,.professional-hero,.insights-hero,.page-header {padding-top:calc(var(--total-header-height,120px)+4rem)} .logo-img {width:50px;height:17px} .logo-full {display:none} .logo-short {display:inline} } @media (max-width:1100px) {.site-header .header-actions {display:none !important} } @media (max-width:991.98px) {.site-header .desktop-nav {display:none !important} .mobile-menu-btn {display:flex !important;align-items:center !important;justify-content:center !important;padding:0.5rem !important;background:none !important;border:none !important;cursor:pointer !important;z-index:1002 !important} .site-header .header-container {justify-content:space-between !important;padding:0 1rem !important} .site-header .header-actions {display:none !important} .hamburger-line {display:block !important;width:25px !important;height:3px !important;background:#333 !important;margin:3px 0 !important;transition:0.3s !important;border-radius:2px !important} } @media (max-width:768px) {.header-container {padding:0 1.5rem} .topbar .container-fluid {padding:0 1.5rem} .topbar-contact {gap:1rem} .topbar-link {font-size:0.75rem} .logo-img {width:80px;height:28px} .logo-full {display:none} .logo-short {display:inline} } @media (max-width:575px) {.header-container {padding:0 1rem} .topbar .container-fluid {padding:0 1rem} .topbar-contact {gap:0.75rem} .topbar-contact .topbar-link:last-child {display:none} .topbar .social-links {gap:0.5rem} .topbar .language-switcher {padding-left:0.75rem} .logo-img {width:70px;height:24px} } .text-5xl {font-size:var(--text-5xl)} .font-light {font-weight:300} .font-normal {font-weight:400} .font-medium {font-weight:500} .font-semibold {font-weight:600} .font-bold {font-weight:700} .font-extrabold {font-weight:800} .font-black {font-weight:900} .heading-premium {font-family:var(--font-heading);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .heading-premium-xl {font-family:var(--font-heading);font-size:3.5rem;font-weight:800;line-height:1.1;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem} .heading-premium-lg {font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem} .heading-premium-md {font-family:var(--font-heading);font-size:2rem;font-weight:600;line-height:1.3;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem} .card-premium {background:white;border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,139,0.1);transition:all 0.3s ease;overflow:hidden;position:relative} .card-premium::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))} .card-premium:hover {transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,139,0.2)} .skills-category-card {cursor:pointer;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;box-shadow:0 4px 20px rgba(0,0,0,0.08);border-radius:20px;overflow:hidden;background:white;border:1px solid rgba(0,0,139,0.1)} .skills-category-card:hover {transform:translateY(-12px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,0.15)} .skills-category-card:hover .card-hover-overlay {opacity:1 !important} .skills-category-card:hover .category-icon {transform:scale(1.1) rotate(5deg)} .card-hover-overlay {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.3s ease;pointer-events:none !important;z-index:-1 !important} .category-icon {width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;margin-right:1rem} .category-icon::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.6s ease} .skills-category-card:hover .category-icon::before {width:100px;height:100px} .hero-section {min-height:65vh;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:var(--hero-padding-top,184px)} .hero-content-wrapper {z-index:2;position:relative;width:100%} .hero-title-premium {font-size:3.5rem;font-weight:700;line-height:1.2;color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.3);margin-bottom:1.5rem} @media (max-width:575.98px) {.hero-title-premium {font-size:1.5rem !important} .heading-premium-xl {font-size:2rem} .heading-premium-lg {font-size:1.75rem} .heading-premium-md {font-size:1.25rem} } .btn-premium {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:white;font-weight:600;border-radius:8px;padding:0.75rem 1.5rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,139,0.3);position:relative;overflow:hidden} .btn-premium::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease} .btn-premium:hover {background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,139,0.4);color:white} .btn-premium:hover::before {left:100%} .btn-premium-primary {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:white;font-weight:600;padding:0.75rem 2rem;border-radius:8px;transition:all 0.3s ease} .btn-premium-primary:hover {background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,139,0.4);color:white} .btn-premium-secondary {background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));border:none;color:white;font-weight:600;padding:0.75rem 2rem;border-radius:8px;transition:all 0.3s ease} .btn-premium-secondary:hover {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transform:translateY(-2px);box-shadow:0 8px 25px rgba(232,0,0,0.4);color:white} .btn-premium-outline {background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);font-weight:600;border-radius:8px;padding:0.75rem 1.5rem;transition:all 0.3s ease;position:relative;overflow:hidden} .btn-premium-outline::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transition:left 0.3s ease;z-index:-1} .btn-premium-outline:hover {color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,139,0.3)} .btn-premium-outline:hover::before {left:0} .btn-premium-video {background:linear-gradient(135deg,#e80000,#ff4444);border:none;color:white !important;font-weight:600;text-transform:none;border-radius:8px;box-shadow:0 4px 15px rgba(232,0,0,0.3);transition:all 0.3s ease;position:relative;overflow:hidden;z-index:10;display:inline-flex;align-items:center;justify-content:center;text-decoration:none} .btn-premium-video::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease} .btn-premium-video:hover {background:linear-gradient(135deg,#ff4444,#e80000);transform:translateY(-2px);box-shadow:0 8px 25px rgba(232,0,0,0.4);color:white} .btn-premium-video:hover::before {left:100%} .btn-premium-video:active {transform:translateY(0);box-shadow:0 4px 15px rgba(232,0,0,0.3)} .video-preview-card {transition:all 0.3s ease;border-radius:12px;overflow:hidden} .video-preview-card:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.15) !important} .video-preview-card .bg-pattern {background:repeating-linear-gradient( 45deg,transparent,transparent 10px,rgba(255,255,255,0.05) 10px,rgba(255,255,255,0.05) 20px )} .video-thumbnail:hover img {transform:scale(1.05)} .video-overlay:hover {background:linear-gradient(45deg,rgba(0,0,139,0.8),rgba(232,0,0,0.8)) !important} .play-icon-wrapper {position:relative;display:inline-block} .play-pulse {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid rgba(255,255,255,0.5);border-radius:50%;animation:pulse 2s infinite} @keyframes pulse {0% {transform:translate(-50%,-50%) scale(1);opacity:1} 100% {transform:translate(-50%,-50%) scale(1.5);opacity:0} } .play-icon-main {transition:all 0.3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))} .video-overlay:hover .play-icon-main {transform:scale(1.1);color:#ffffff} .video-duration-badge {font-size:0.75rem;font-weight:600;backdrop-filter:blur(10px);border-radius:6px} #programVideoModal .modal-dialog {max-width:90vw;width:1200px} #programVideoModal .modal-content {border-radius:12px;overflow:hidden} #programVideoModal .modal-header {background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid rgba(255,255,255,0.1)} #programVideoModal .modal-footer {background:rgba(248,249,250,0.95);backdrop-filter:blur(10px)} .video-loading-overlay {backdrop-filter:blur(5px)} .video-loading-overlay .spinner-border {width:3rem;height:3rem} .quick-actions {display:flex;flex-direction:column;gap:0.75rem;align-items:stretch} .quick-actions .btn {flex-shrink:0;white-space:nowrap;min-height:44px} .program-row {border-bottom:1px solid #f1f5f9;transition:all 0.2s ease;height:60px} .program-row:hover {background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.1)} .program-thumb {width:36px;height:28px;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.1);transition:transform 0.2s ease} .program-thumb img {width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease} .program-row:hover .program-thumb {transform:scale(1.1)} .program-row:hover .program-thumb img {transform:scale(1.05)} .inhouse-training-banner {border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,139,0.2)} .inhouse-training-banner .inhouse-icon {opacity:0.9} .inhouse-training-banner .text-white-75 {color:rgba(255,255,255,0.85)} .inhouse-training-compact {border:2px solid var(--primary-color);transition:all 0.3s ease} .inhouse-training-compact:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,139,0.2)} .inhouse-icon-sm {width:40px;height:40px;display:flex;align-items:center;justify-content:center} .inhouse-training-cta {position:relative;overflow:hidden} .inhouse-training-cta::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,139,0.05) 0%,rgba(232,0,0,0.05) 100%);z-index:1} .inhouse-training-cta .container {position:relative;z-index:2} .benefit-icon {width:45px !important;height:45px !important;font-size:1rem !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important} .inhouse-training-cta p,.inhouse-training-cta .text-white,.inhouse-training-cta .fs-5,section.inhouse-training-cta p,section.inhouse-training-cta .text-white,section.inhouse-training-cta .fs-5,.bg-gradient-light.inhouse-training-cta p,.bg-gradient-light.inhouse-training-cta .text-white,.bg-gradient-light.inhouse-training-cta .fs-5 {color:white !important;text-shadow:2px 2px 4px rgba(0,0,0,0.7) !important} .inhouse-training-cta .benefit-icon+div h6,.inhouse-training-cta .benefit-icon+div h6.text-dark,.inhouse-training-cta .benefit-icon+div h6.mb-1,section.inhouse-training-cta .benefit-icon+div h6,section.inhouse-training-cta .benefit-icon+div h6.text-dark,section.inhouse-training-cta .benefit-icon+div h6.mb-1,.bg-gradient-light.inhouse-training-cta .benefit-icon+div h6,.bg-gradient-light.inhouse-training-cta .benefit-icon+div h6.text-dark,.bg-gradient-light.inhouse-training-cta .benefit-icon+div h6.mb-1,.inhouse-training-cta h6,.inhouse-training-cta h6.text-dark,.inhouse-training-cta h6.mb-1,section.inhouse-training-cta h6,section.inhouse-training-cta h6.text-dark,section.inhouse-training-cta h6.mb-1,.bg-gradient-light.inhouse-training-cta h6,.bg-gradient-light.inhouse-training-cta h6.text-dark,.bg-gradient-light.inhouse-training-cta h6.mb-1 {color:white !important;font-weight:700 !important;text-shadow:2px 2px 4px rgba(0,0,0,0.7) !important} .inhouse-training-cta .benefit-icon+div small,.inhouse-training-cta .benefit-icon+div small.text-muted,.inhouse-training-cta small,.inhouse-training-cta small.text-muted,.inhouse-training-cta .text-muted,section.inhouse-training-cta .benefit-icon+div small,section.inhouse-training-cta .benefit-icon+div small.text-muted,section.inhouse-training-cta small,section.inhouse-training-cta small.text-muted,section.inhouse-training-cta .text-muted,.bg-gradient-light.inhouse-training-cta .benefit-icon+div small,.bg-gradient-light.inhouse-training-cta .benefit-icon+div small.text-muted,.bg-gradient-light.inhouse-training-cta small,.bg-gradient-light.inhouse-training-cta small.text-muted,.bg-gradient-light.inhouse-training-cta .text-muted {color:rgba(255,255,255,0.95) !important;font-weight:500 !important;text-shadow:1px 1px 3px rgba(0,0,0,0.6) !important} .inhouse-stats-card {display:none !important} .inhouse-visual {position:relative;overflow:visible !important} section.inhouse-training-cta.bg-gradient-light .text-dark,section.inhouse-training-cta.py-5.bg-gradient-light .text-dark,.inhouse-training-cta.bg-gradient-light .text-dark,.bg-gradient-light.inhouse-training-cta .text-dark {color:white !important;text-shadow:2px 2px 4px rgba(0,0,0,0.7) !important} section.inhouse-training-cta.bg-gradient-light .text-muted,section.inhouse-training-cta.py-5.bg-gradient-light .text-muted,.inhouse-training-cta.bg-gradient-light .text-muted,.bg-gradient-light.inhouse-training-cta .text-muted {color:rgba(255,255,255,0.95) !important;text-shadow:1px 1px 3px rgba(0,0,0,0.6) !important} @media (max-width:768px) {.inhouse-training-cta h2 {font-size:1.75rem !important;padding:0.75rem 1rem !important} } body {padding-top:85px !important;margin:0} .main-wrapper,.container-fluid,.container {padding-top:0;margin-top:0} .hero-section,.professional-hero,.insights-hero,.page-header {margin-top:0;padding-top:var(--hero-padding-top,184px);position:relative;z-index:1} .hero-video-section .container,.insights-hero .container,.hero-application-bg .container,.hero-section .container {padding-top:2rem !important} .section {margin-top:0;padding-top:1rem;position:relative;z-index:1} .header-wrapper {position:sticky;top:0;z-index:var(--header-z-index) !important;background:var(--header-bg);box-shadow:var(--header-shadow);width:100%;height:var(--total-header-height)} .navbar {position:relative;top:0;z-index:inherit;background:var(--header-bg);height:var(--header-height);width:100%;margin:0;border:none} .navbar-brand,.navbar-nav,.navbar-toggler {z-index:inherit;position:relative} .modal-backdrop {z-index:var(--z-modal-backdrop) !important;background:rgba(0,0,0,0.5)} .modal {z-index:var(--z-modal) !important;display:flex;align-items:center;justify-content:center;padding:1rem} .modal-dialog {z-index:calc(var(--z-modal)+1) !important;margin:0 auto;width:100%;max-width:800px;position:relative;display:flex;flex-direction:column;pointer-events:auto} .modal-content {z-index:calc(var(--z-modal)+2) !important;background:white;border:none;border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,0.2);overflow:hidden;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;position:relative} .modal-header {padding:1.5rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;flex-shrink:0} .modal-header .btn-close {filter:brightness(0) invert(1);opacity:0.8} .modal-header .btn-close:hover {opacity:1} .modal-body {padding:1.5rem;overflow-y:auto;flex:1;max-height:calc(100vh - 200px)} .modal-footer {padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0} #videoModal,#blogDetailModal,#programVideoModal {z-index:var(--z-modal) !important} #videoModal .modal-backdrop,#blogDetailModal .modal-backdrop,#programVideoModal .modal-backdrop {z-index:var(--z-modal-backdrop) !important} #videoModal .modal-dialog {max-width:900px} #videoModal .modal-content {background:#000;border-radius:10px} #videoModal .modal-body {padding:0;background:#000} #blogDetailModal .modal-dialog {max-width:800px} .modal-blog-image {width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:8px} .application-form-container,.form-container {margin-top:1rem !important;position:relative !important;z-index:1 !important} .program-details-container,.application-section {padding-top:1rem !important} .container-fluid.mt-4,.container.mt-4 {margin-top:1.5rem !important;padding-top:0 !important} .container-fluid:first-child,.container:first-child {padding-top:0 !important;margin-top:0 !important} .application-form,.contact-form,.registration-form {position:relative !important;z-index:1 !important} .form-control,.form-select {position:relative !important;z-index:2 !important;pointer-events:auto !important} .btn,.btn[data-bs-toggle="modal"],.play-button,.read-more-btn,.story-btn,.video-play-btn,.btn-play,[onclick],[data-bs-toggle],.impact-story-card .btn,.card .btn {pointer-events:auto !important;position:relative !important;z-index:1053 !important;cursor:pointer !important;display:inline-block !important;visibility:visible !important;opacity:1 !important} .btn::before,.btn::after,.card::before,.card::after,.impact-story-card::before,.impact-story-card::after {pointer-events:none !important} .card,.impact-story-card,.story-card {pointer-events:auto !important;position:relative !important} .video-play-btn,.video-play-btn-lg,button.video-play-btn {position:absolute !important;z-index:999999 !important;pointer-events:auto !important;cursor:pointer !important;background:rgba(255,255,255,0.95) !important;border:2px solid rgba(0,0,139,0.2) !important;box-shadow:0 6px 25px rgba(0,0,0,0.4) !important} a[onclick*="showFullStory"] {position:relative !important;z-index:999999 !important;pointer-events:auto !important;cursor:pointer !important;display:inline-block !important} .position-relative {z-index:auto !important} .position-absolute {z-index:auto !important} .top-50.start-50.translate-middle {z-index:999999 !important;pointer-events:auto !important} .filters-container,.search-container,.sort-container,.filters-section {position:relative !important;z-index:100 !important;pointer-events:auto !important} .filters-container .form-control,.filters-container .form-select,.search-container .form-control,.sort-container .form-select,.filters-section .form-control,.filters-section .form-select,.mobile-filters .form-control,.mobile-filters .form-select {pointer-events:auto !important;z-index:101 !important;position:relative !important} #searchInput,#searchInputMobile,#categoryFilter,#categoryFilterMobile,#sortFilter,#sortFilterMobile,#priceFilter,#priceFilterMobile,#perPageSelect,#perPageSelectMobile {pointer-events:auto !important;z-index:102 !important;position:relative !important} .modal:not(#applicationModal) {z-index:var(--z-modal) !important} .modal-backdrop:not(#applicationModal .modal-backdrop) {z-index:var(--z-modal-backdrop) !important} .modal::before,.modal .modal-dialog::before {display:none !important} .header-wrapper,.topbar {z-index:var(--z-header) !important} .card-hover-overlay,.overlay,.img-fluid,.position-absolute:not(button):not(.btn):not([onclick]) {pointer-events:none !important;z-index:-1 !important} .modal {pointer-events:auto !important} .modal-dialog,.modal-content,.modal-header,.modal-body,.modal-footer {pointer-events:auto !important} .modal .btn,.modal .btn-close,.modal .form-control,.modal .form-select,.modal a,.modal button {pointer-events:auto !important;position:relative;z-index:auto} .modal-backdrop {pointer-events:auto !important} @media (max-width:992px) {.modal-dialog {max-width:90%;margin:0.5rem auto} .modal-content {max-height:calc(100vh - 1rem)} .modal-body {max-height:calc(100vh - 150px)} } @media (max-width:768px) {:root {--header-height:45px;--topbar-height:40px} body {padding-top:85px !important} .header-wrapper {height:var(--total-header-height)} .topbar {height:var(--topbar-height)} .navbar {height:var(--header-height)} .modal {padding:0.5rem} .modal-dialog {width:95%;max-width:none;margin:0.5rem auto} .modal-content {max-height:calc(100vh - 1rem)} .modal-body {padding:1rem;max-height:calc(100vh - 120px)} .modal-header {padding:1rem} .modal-footer {padding:0.75rem 1rem} } @media (max-width:576px) {.modal {padding:0.25rem} .modal-dialog {width:98%;margin:0.25rem auto} .modal-content {max-height:calc(100vh - 0.5rem);border-radius:10px} .modal-body {padding:0.75rem;max-height:calc(100vh - 100px)} .modal-header {padding:0.75rem} .modal-footer {padding:0.5rem 0.75rem} } #programVideoModal {z-index:var(--z-modal) !important} #programVideoModal .modal-backdrop {z-index:var(--z-modal-backdrop) !important} #programVideoModal .modal-dialog {z-index:calc(var(--z-modal)+1) !important;max-width:900px} .select2-container {z-index:1041 !important} .select2-dropdown {z-index:1042 !important} #applicationModal {z-index:10050 !important;pointer-events:auto !important;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.5) !important;display:none !important} #applicationModal.show {display:block !important} #applicationModal .modal-backdrop {display:none !important} #applicationModal .modal-dialog {z-index:10051 !important;margin:120px auto 20px auto !important;position:relative !important;pointer-events:auto !important;max-width:800px !important;width:90% !important;max-height:calc(100vh - 140px) !important;overflow:visible !important} #applicationModal .modal-content {z-index:10052 !important;position:relative !important;pointer-events:auto !important;background:white !important;border-radius:8px !important;box-shadow:0 4px 20px rgba(0,0,0,0.3) !important;border:none !important;max-height:calc(100vh - 140px) !important;overflow-y:auto !important} #applicationModal .modal-body,#applicationModal .modal-header,#applicationModal .modal-footer {pointer-events:auto !important;position:relative !important;z-index:auto !important} #applicationModal .btn-close {pointer-events:auto !important;position:relative !important;z-index:auto !important;filter:invert(1) !important} #applicationModal .btn-danger {pointer-events:auto !important;position:relative !important;z-index:auto !important;background-color:#dc3545 !important;border-color:#dc3545 !important;color:white !important} #applicationModal .btn-danger:hover {background-color:#c82333 !important;border-color:#bd2130 !important;color:white !important} #applicationModal .btn-danger:focus,#applicationModal .btn-danger:active {background-color:#bd2130 !important;border-color:#b21f2d !important;color:white !important;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.5) !important} #applicationModal input,#applicationModal select,#applicationModal textarea,#applicationModal .form-control,#applicationModal .form-select {pointer-events:auto !important;position:relative !important;z-index:auto !important;background:white !important;border:1px solid #ddd !important;color:#333 !important} #applicationModal input:focus,#applicationModal select:focus,#applicationModal textarea:focus,#applicationModal .form-control:focus,#applicationModal .form-select:focus {border-color:#0d6efd !important;box-shadow:0 0 0 0.2rem rgba(13,110,253,0.25) !important} #applicationModal .form-check-input {pointer-events:auto !important;position:relative !important;z-index:auto !important;background-color:white !important;border:1px solid #dee2e6 !important;width:1.2em !important;height:1.2em !important} #applicationModal .form-check-input:checked {background-color:#0d6efd !important;border-color:#0d6efd !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important} #applicationModal .form-check-input:focus {border-color:#86b7fe !important;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25) !important} #applicationModal .form-check-input:indeterminate {background-color:#0d6efd !important;border-color:#0d6efd !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important} .navbar-container {display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%} .navbar-brand {display:flex;align-items:center;text-decoration:none;margin-right:2rem} .navbar-logo {height:50px;width:auto;max-width:180px;object-fit:contain;transition:transform 0.3s ease} .navbar-logo:hover {transform:scale(1.03)} .navbar-logo-text {font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-left:0.75rem} .navbar-menu {display:flex;align-items:center;flex-grow:1} .navbar-nav {display:flex;list-style:none;margin:0;padding:0;gap:1.5rem} .nav-item {position:relative} .nav-link {color:var(--nav-link-color);text-decoration:none;font-weight:500;padding:0.5rem 0;position:relative;display:flex;align-items:center;transition:color 0.2s ease} .nav-link:hover {color:var(--nav-link-hover)} .nav-link.active {color:var(--nav-link-active);font-weight:600} .nav-link.active::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--nav-link-active);border-radius:2px} .navbar-actions {display:flex;gap:1rem;margin-left:2rem} .btn-outline {background:transparent;border-color:var(--primary-color);color:var(--primary-color)} .btn-outline:hover {background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)} .mobile-menu-toggle {display:none;background:none;border:none;padding:0.75rem;cursor:pointer;margin-right:1rem;border-radius:8px;transition:all 0.3s ease;position:relative;z-index:1001} .mobile-menu-toggle:hover {background:rgba(0,0,139,0.05)} .hamburger {display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;position:relative} .mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {transform:translateY(8.5px) rotate(45deg)} .mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {opacity:0;transform:scaleX(0)} .mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {transform:translateY(-8.5px) rotate(-45deg)} .main-header {background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,139,0.1);transition:all 0.3s ease;position:fixed;top:var(--topbar-height);left:0;right:0;z-index:var(--header-z-index);height:var(--header-height)} .navbar-brand {transition:transform 0.3s ease} .navbar-brand:hover {transform:scale(1.05)} .navbar-nav .nav-link {position:relative;transition:all 0.3s ease;border-radius:8px;margin:0 2px} .navbar-nav .nav-link:hover {background:rgba(0,0,139,0.05);color:var(--primary-color) !important;transform:translateY(-1px)} .navbar-nav .nav-link.active {background:linear-gradient(135deg,rgba(0,0,139,0.1) 0%,rgba(232,0,0,0.1) 100%);color:var(--primary-color) !important} .navbar-nav .nav-link::after {content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);transition:all 0.3s ease;transform:translateX(-50%)} .navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after {width:100%} @media (max-width:991.98px) {.main-header {padding:0.5rem 0} .navbar-nav {gap:0.5rem} .navbar-nav .nav-link {padding:0.75rem 1rem;border-radius:8px;margin:0} } @media (max-width:991px) {.mobile-menu-toggle {display:block} .navbar-menu {position:fixed;top:calc(var(--topbar-height)+var(--header-height));left:0;right:0;background:white;padding:1.5rem 2rem;box-shadow:0 10px 30px rgba(0,0,0,0.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease;height:calc(100vh - var(--topbar-height) - var(--header-height));overflow-y:auto;z-index:1000} .navbar-menu.active {transform:translateY(0);opacity:1;visibility:visible} .navbar-nav {flex-direction:column;gap:0.5rem} .nav-item {width:100%} .nav-link {padding:0.75rem 0;font-size:1.1rem} .navbar-actions {margin:2rem 0 1rem;flex-direction:column;gap:1rem} .btn {width:100%;padding:0.75rem 1.5rem} } @media (max-width:575px) {.navbar-logo {height:36px;max-width:130px} .navbar-logo-text {font-size:1.25rem} .mobile-menu-toggle {margin-right:0.5rem} } @media (max-width:400px) {.topbar {height:auto;padding:0.25rem 0} .topbar-container {flex-wrap:wrap;justify-content:center;gap:0.5rem;padding:0.25rem 0.5rem} .topbar-left,.topbar-right {width:100%;justify-content:center;flex-wrap:wrap;gap:0.5rem} .language-switcher {border:none;padding:0;margin:0;justify-content:center} .navbar-menu {top:calc(var(--topbar-height)+var(--header-height));height:calc(100vh - var(--topbar-height) - var(--header-height))} } .training-fields-hero {background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);min-height:65vh} .training-fields-hero .hero-background-pattern {background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,0.2) 0%,transparent 50%);opacity:0.6} .training-fields-hero .geometric-element-1 {top:15%;right:10%;width:100px;height:100px;background:linear-gradient(45deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));border-radius:20px;transform:rotate(45deg)} .training-fields-hero .geometric-element-2 {bottom:20%;left:15%;width:60px;height:60px;background:linear-gradient(45deg,rgba(255,193,7,0.2),rgba(255,193,7,0.1));border-radius:15px;transform:rotate(30deg)} .training-fields-hero .geometric-element-3 {top:40%;left:5%;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%} .training-fields-breadcrumb {background:rgba(255,255,255,0.1);border-radius:25px;padding:0.5rem 1.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);margin-bottom:2rem} .training-fields-hero .btn-warning {font-weight:600;border-radius:8px;box-shadow:0 4px 15px rgba(255,193,7,0.3)} .training-fields-hero .btn-outline-light {font-weight:600;border-radius:8px;border-width:2px} .training-fields-hero .stats-corporate {backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)} .training-fields-hero .stats-corporate h5,.training-fields-hero .stats-corporate p,.training-fields-hero .stats-corporate .small {color:#212529 !important} .training-fields-hero .stats-corporate .display-6 {color:#dc3545 !important;font-weight:bold !important} .category-card-enhanced {transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,139,0.1);border:1px solid rgba(0,0,139,0.1)} .category-card-enhanced:hover {transform:translateY(-12px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,0.15)} .category-card-enhanced .category-icon-enhanced {width:70px;height:70px;border-radius:18px;font-size:1.8rem;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);margin-bottom:1.5rem} .category-card-enhanced:hover .category-icon-enhanced {transform:scale(1.1) rotate(5deg)} .category-card-enhanced .card-body {padding:2rem} .category-card-enhanced .card-title {font-weight:700;font-size:1.3rem;margin-bottom:1rem;color:#1e293b} .category-card-enhanced .card-text {color:#64748b;line-height:1.6;margin-bottom:1.5rem} .category-card-enhanced .program-count-badge {background:linear-gradient(135deg,#3b82f6,#1e40af);color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600} .career-path-card {border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,139,0.1);transition:all 0.3s ease;border:1px solid rgba(0,0,139,0.1)} .career-path-card:hover {transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,139,0.2)} .career-path-card .card-header {background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:1.5rem} .career-path-card .card-title {font-weight:700;color:#1e293b;margin-bottom:0.5rem} .career-path-card .card-body {padding:1.5rem} .career-path-card .list-unstyled li {padding:0.25rem 0} .career-path-card .fas.fa-arrow-right {color:#f59e0b} .training-fields-cta {background:var(--bs-primary)} .training-fields-cta .btn-light {color:#212529 !important} .training-fields-cta p {color:white !important} .insights-hero {background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);position:relative;overflow:hidden} .insights-hero::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.1) 0%,transparent 50%);opacity:0.6} .insights-hero .container {position:relative;z-index:2} .blog-featured-image {width:100%;height:400px;object-fit:cover} .insights-illustration {max-height:300px;object-fit:cover} .blog-category-filters {z-index:100} .featured-badge {position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.75rem;font-weight:600;z-index:10;box-shadow:0 2px 8px rgba(245,158,11,0.3)} .article-content {font-size:1.1rem;line-height:1.8;color:#374151} .article-content h2,.article-content h3,.article-content h4 {color:#1e293b;font-weight:700;margin-top:2rem;margin-bottom:1rem} .article-content p {margin-bottom:1.5rem} .article-content blockquote {border-left:4px solid #3b82f6;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#64748b;background:#f8fafc;padding:1.5rem;border-radius:8px} .article-content ul,.article-content ol {margin-bottom:1.5rem;padding-left:1.5rem} .article-content li {margin-bottom:0.5rem} .insights-search {max-width:500px} .insights-search input {border:2px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:white;border-radius:25px 0 0 25px;padding:0.75rem 1.5rem;backdrop-filter:blur(10px)} .insights-search input::placeholder {color:rgba(255,255,255,0.7)} .insights-search input:focus {border-color:#fbbf24;background:rgba(255,255,255,0.2);box-shadow:0 0 0 0.2rem rgba(251,191,36,0.25);color:white} .insights-search button {background:#fbbf24;color:#1e293b;border:2px solid #fbbf24;border-radius:0 25px 25px 0;padding:0.75rem 1.5rem;font-weight:600;transition:all 0.3s ease} .insights-search button:hover {background:#f59e0b;border-color:#f59e0b;transform:translateY(-1px)} @media (max-width:768px) {.insights-card-title {font-size:1.1rem} .insights-card-excerpt {font-size:0.9rem} .article-content {font-size:1rem} .insights-read-more-btn {font-size:0.8rem;padding:6px 12px} } .comments-section {margin-top:3rem;padding-top:2rem;border-top:2px solid #e5e7eb} .comments-header h3 {color:#1e293b;font-weight:700} .blog-rating-display {display:flex;align-items:center;gap:0.5rem} .rating-stars {display:flex;gap:2px} .rating-stars .star {color:#fbbf24;font-size:1.1rem} .rating-stars .star.empty {color:#d1d5db} .rating-summary {font-size:0.9rem;color:#6b7280;margin-left:0.5rem} .comment-form-container {background:#f8fafc !important;border:1px solid #e2e8f0} .comment-form .form-label {font-weight:600;color:#374151;margin-bottom:0.5rem} .comment-form .form-control {border:1px solid #d1d5db;border-radius:8px;padding:0.75rem;transition:all 0.3s ease} .comment-form .form-control:focus {border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)} .rating-input {margin-bottom:1rem} .rating-input .stars {display:flex;gap:4px;margin-top:0.5rem} .rating-input .stars i {font-size:1.5rem;color:#d1d5db;cursor:pointer;transition:all 0.2s ease} .rating-input .stars i:hover,.rating-input .stars i.active {color:#fbbf24;transform:scale(1.1)} .comments-list {margin-top:2rem} .comment-item {background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all 0.3s ease} .comment-item:hover {box-shadow:0 4px 12px rgba(0,0,0,0.08)} .comment-header {display:flex;justify-content:between;align-items:flex-start;margin-bottom:1rem} .comment-author {display:flex;align-items:center;gap:0.75rem} .comment-avatar {width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:1.1rem} .comment-author-info h5 {margin:0;font-size:1rem;font-weight:600;color:#1e293b} .comment-meta {font-size:0.85rem;color:#6b7280;margin-top:0.25rem} .comment-rating {display:flex;gap:2px;margin-left:auto} .comment-rating .star {color:#fbbf24;font-size:0.9rem} .comment-content {color:#374151;line-height:1.6;margin-bottom:1rem} .comment-actions {display:flex;gap:1rem;align-items:center} .comment-like-btn {background:none;border:none;color:#6b7280;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.25rem} .comment-like-btn:hover {color:#3b82f6} .comment-like-btn.liked {color:#3b82f6} .comment-reply-btn {background:none;border:none;color:#6b7280;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease} .comment-reply-btn:hover {color:#3b82f6} .comment-replies {margin-top:1rem;margin-left:2rem;border-left:2px solid #e5e7eb;padding-left:1rem} .comment-replies .comment-item {background:#f9fafb;border-color:#e5e7eb} .reply-form {margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0} .no-comments {text-align:center;padding:3rem 1rem;color:#6b7280} .no-comments i {font-size:3rem;color:#d1d5db;margin-bottom:1rem} .comment-loading {opacity:0.6;pointer-events:none} .comment-message {padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500} .comment-message.success {background:#dcfce7;color:#166534;border:1px solid #bbf7d0} .comment-message.error {background:#fef2f2;color:#dc2626;border:1px solid #fecaca} @media (max-width:768px) {.comment-replies {margin-left:1rem} .comment-header {flex-direction:column;gap:0.5rem} .comment-rating {margin-left:0} } .page-header.bg-gradient-primary {background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%) !important} .page-header.bg-gradient-primary * {color:white !important} .page-header .heading-premium-xl {color:white !important;text-shadow:2px 2px 4px rgba(0,0,0,0.3)} .page-header .text-white {color:white !important} .page-header .stat-number {color:white !important;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,0.3)} .page-header .stat-label {color:white !important;text-shadow:1px 1px 2px rgba(0,0,0,0.3)} .page-header .breadcrumb-item a {color:rgba(255,255,255,0.7) !important} .page-header .breadcrumb-item.active {color:white !important} #contactForm .form-control,#contactForm .form-select {border:2px solid #000000 !important;background-color:white !important;color:#000000 !important;font-weight:500;padding:12px 16px;border-radius:8px;transition:all 0.3s ease} #contactForm .form-control:focus,#contactForm .form-select:focus {border-color:#000000 !important;box-shadow:0 0 0 4px rgba(0,0,0,0.15) !important;background-color:#f8f9fa !important;outline:none} #contactForm .form-control::placeholder {color:#666666 !important;font-weight:400} #contactForm .form-label {color:#000000 !important;font-weight:600;margin-bottom:8px;text-shadow:none} .card.border-0.shadow-sm .card-body {background:white !important;border:2px solid #e5e7eb;border-radius:12px} #contactForm .btn-primary {background:#1e40af !important;border:2px solid #000000 !important;color:white !important;font-weight:600;padding:12px 24px;border-radius:8px;transition:all 0.3s ease} #contactForm .btn-primary:hover {background:#1e3a8a !important;border-color:#000000 !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)} .card-body h3 {color:#000000 !important;font-weight:700} .alert-info {background-color:#e7f3ff !important;border:1px solid #000000 !important;color:#000000 !important} .alert-info strong {color:#000000 !important} .hover-lift {transition:all 0.3s ease} .hover-lift:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15) !important} .social-btn {transition:all 0.3s ease;min-width:140px} .social-btn:hover {transform:translateY(-2px);background:rgba(255,255,255,0.1)} .accordion-button:focus {border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgba(25,27,223,0.25)} .accordion-button:not(.collapsed) {background-color:rgba(25,27,223,0.1);color:var(--primary-color)} .contact-card-icon {width:70px;height:70px} .contact-map-placeholder {height:300px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:12px} .contact-footer-text {color:white} .floating-contact-container {position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none} .floating-contact-container>* {pointer-events:auto} .whatsapp-chat-widget {width:350px;max-width:calc(100vw - 40px);background:white;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(20px) scale(0.95);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;border:1px solid rgba(0,0,0,0.1);position:relative;z-index:10000} .whatsapp-chat-widget.active {opacity:1;visibility:visible;transform:translateY(0) scale(1)} .chat-header {background:linear-gradient(135deg,#25d366,#128c7e);color:white;padding:20px;display:flex;align-items:flex-start;gap:15px;position:relative} .chat-avatar {width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid rgba(255,255,255,0.3)} .chat-avatar img {width:100%;height:100%;object-fit:cover} .chat-info {flex:1} .chat-info h4 {margin:0 0 8px 0;font-size:1.1rem;font-weight:600} .chat-info p {margin:0 0 8px 0;font-size:0.9rem;line-height:1.4;opacity:0.95} .chat-info small {font-size:0.75rem;opacity:0.8} .chat-close {position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.2);border:none;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease} .chat-close:hover {background:rgba(255,255,255,0.3)} .chat-actions {padding:20px;display:flex;gap:10px;background:#f8f9fa} .chat-input {flex:1;padding:12px 16px;border:1px solid #e9ecef;border-radius:25px;font-size:0.9rem;outline:none;transition:border-color 0.3s ease} .chat-input:focus {border-color:#25d366} .chat-send {width:45px;height:45px;background:#25d366;border:none;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease} .chat-send:hover {background:#128c7e} .floating-contact-buttons {display:flex;flex-direction:column;gap:10px;opacity:1;visibility:visible;transform:translateY(0);transition:all 0.3s ease;align-items:flex-end;margin-bottom:0} .contact-button {width:auto;min-width:160px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;position:relative;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1);color:white;flex-shrink:0;margin:0;padding:0 16px 0 0;overflow:hidden;border:none;animation:slideInRight 0.5s ease-out forwards;opacity:0;transform:translateX(80px)} .contact-button:hover {transform:translateX(-8px) translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.2)} .contact-button:active {transform:translateX(-8px) translateY(-2px) scale(0.96)} .button-icon {width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;background:rgba(255,255,255,0.15);border-radius:50%;margin-right:12px;transition:all 0.3s ease;position:relative;overflow:hidden} .button-icon::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.3s ease} .contact-button:hover .button-icon {background:rgba(255,255,255,0.25);transform:scale(1.05)} .contact-button:hover .button-icon::before {width:100%;height:100%} .contact-button:hover .button-icon i {animation:iconBounce 0.6s ease-in-out} .button-content {display:flex;flex-direction:column;align-items:flex-start;flex:1} .button-label {font-size:0.9rem;font-weight:600;line-height:1.2;margin-bottom:1px} .button-sublabel {font-size:0.7rem;opacity:0.85;font-weight:400;line-height:1.1} .status-indicator {position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white;z-index:10} .status-indicator.online {background:#4CAF50;animation:pulse-green 2s ease-in-out infinite} .status-indicator.busy {background:#FF9800} .status-indicator.offline {background:#9E9E9E} .notification-badge {position:absolute;top:-4px;right:-4px;background:#FF4444;color:white;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:600;border:2px solid white;z-index:10} @keyframes pulse-green {0%,100% {opacity:1;transform:scale(1)} 50% {opacity:0.7;transform:scale(1.1)} } @keyframes bounce {0%,100% {transform:scale(1)} 50% {transform:scale(1.2)} } .button-ripple {position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);pointer-events:none} .whatsapp-btn {background:linear-gradient(135deg,#25d366,#128c7e);order:1;animation-delay:0.1s;position:relative} .whatsapp-btn::before {content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#25d366,#128c7e,#25d366);border-radius:32px;z-index:-1;opacity:0;transition:opacity 0.3s ease} .whatsapp-btn:hover::before {opacity:0.7;animation:borderGlow 2s ease-in-out infinite} .phone-btn {background:linear-gradient(135deg,#4CAF50,#45a049);order:2;animation-delay:0.2s;position:relative} .phone-btn::before {content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#4CAF50,#45a049,#4CAF50);border-radius:32px;z-index:-1;opacity:0;transition:opacity 0.3s ease} .phone-btn:hover::before {opacity:0.7;animation:borderGlow 2s ease-in-out infinite} .email-btn {background:linear-gradient(135deg,#2196F3,#1976D2);order:3;animation-delay:0.3s;position:relative} .email-btn::before {content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#2196F3,#1976D2,#2196F3);border-radius:32px;z-index:-1;opacity:0;transition:opacity 0.3s ease} .email-btn:hover::before {opacity:0.7;animation:borderGlow 2s ease-in-out infinite} @keyframes slideInRight {0% {opacity:0;transform:translateX(100px)} 100% {opacity:1;transform:translateX(0)} } @keyframes borderGlow {0%,100% {opacity:0.7;transform:scale(1)} 50% {opacity:1;transform:scale(1.02)} } @keyframes iconBounce {0%,100% {transform:scale(1)} 50% {transform:scale(1.2)} } @keyframes ripple {0% {width:0;height:0;opacity:1} 100% {width:200px;height:200px;opacity:0} } @keyframes float {0%,100% {transform:translateY(0px)} 50% {transform:translateY(-5px)} } @keyframes fadeOut {0% {opacity:1;transform:scale(1)} 100% {opacity:0;transform:scale(0.5)} } @keyframes slideInScale {0% {opacity:0;transform:scale(0.5) translateY(-10px)} 100% {opacity:1;transform:scale(1) translateY(0)} } @media (max-width:1024px) and (min-width:769px) {.whatsapp-chat-widget {width:380px;max-width:calc(100vw - 60px)} .chat-actions {padding:25px} .chat-input {padding:15px 20px;font-size:1rem;border-radius:30px} .chat-send {width:50px;height:50px} } @media (max-width:768px) {.floating-contact-container {bottom:15px;right:15px;gap:8px} .floating-contact-buttons {gap:8px} .contact-button {min-width:140px;height:44px;border-radius:22px;padding:0 14px 0 0} .button-icon {width:44px;height:44px;font-size:1.1rem;margin-right:10px} .button-label {font-size:0.85rem} .button-sublabel {font-size:0.65rem} .notification-badge {width:14px;height:14px;font-size:0.55rem} .chat-header {padding:20px 25px} .chat-info h4 {font-size:1.2rem} .chat-info p {font-size:1rem;line-height:1.5} .chat-actions {padding:20px 25px 25px;background:#f8f9fa;position:relative} .chat-input {padding:15px 20px;font-size:1rem;border-radius:30px;min-height:50px;line-height:1.4} .chat-send {width:50px;height:50px;font-size:1.2rem} .contact-button {min-width:180px;height:55px} .button-icon {width:55px;height:55px;font-size:1.3rem;margin-right:12px} .button-label {font-size:0.9rem} .button-sublabel {font-size:0.75rem} } @media (max-width:480px) {.floating-contact-container {bottom:10px;right:10px;gap:6px} .floating-contact-buttons {gap:6px} .contact-button {min-width:120px;height:40px;border-radius:20px;padding:0 12px 0 0} .button-icon {width:40px;height:40px;font-size:1rem;margin-right:8px} .button-label {font-size:0.8rem} .button-sublabel {font-size:0.6rem} .notification-badge {width:12px;height:12px;font-size:0.5rem;top:-2px;right:-2px;border:1px solid white} .whatsapp-chat-widget {width:calc(100vw - 20px);max-width:none;position:fixed;bottom:60px;right:10px;left:10px;margin:0;transform-origin:bottom center} .chat-header {padding:18px 20px} .chat-avatar {width:45px;height:45px} .chat-info h4 {font-size:1.1rem} .chat-info p {font-size:0.95rem} .chat-actions {padding:18px 20px 22px;gap:8px} .chat-input {padding:12px 18px;font-size:0.95rem;min-height:45px;border-radius:25px} .chat-send {width:45px;height:45px;font-size:1.1rem} .contact-button {min-width:160px;height:50px;padding:0 15px 0 0} .button-icon {width:50px;height:50px;font-size:1.2rem;margin-right:10px} .button-label {font-size:0.85rem} .button-sublabel {font-size:0.7rem} } @media (max-width:768px) and (orientation:landscape) {.whatsapp-chat-widget {bottom:60px;max-height:calc(100vh - 80px);overflow-y:auto} .chat-header {padding:15px 20px} .chat-info h4 {font-size:1rem} .chat-info p {font-size:0.9rem;line-height:1.3} .chat-actions {padding:15px 20px 18px} .chat-input {min-height:40px;padding:10px 15px} .chat-send {width:40px;height:40px} } .back-to-top-btn {background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;width:45px;height:45px;color:white;font-size:1rem;cursor:pointer;transition:all 0.3s ease;margin-left:1rem;box-shadow:0 4px 12px rgba(59,130,246,0.3)} .back-to-top-btn:hover {transform:translateY(-3px);box-shadow:0 6px 20px rgba(59,130,246,0.4)} @media (max-width:768px) {.footer-main {padding:3rem 0 1.5rem} .footer-brand {padding-right:0;margin-bottom:2rem} .footer-contact {padding-left:0} .footer-logo-section {flex-direction:column;align-items:flex-start;text-align:left} .footer-logo,.footer-logo-fallback {margin-right:0;margin-bottom:1rem} .social-links {justify-content:flex-start} .footer-legal {flex-direction:column;gap:0.5rem;align-items:flex-start} .back-to-top-btn {margin-left:0;margin-top:1rem} } @media (max-width:991.98px) {.navbar-toggler {display:block !important;border:none;background:linear-gradient(135deg,rgba(0,0,139,0.1),rgba(232,0,0,0.1));padding:0.75rem;border-radius:10px;transition:all 0.3s ease;position:relative;z-index:9998} .navbar-toggler:focus {outline:none;box-shadow:0 0 0 3px rgba(0,0,139,0.25);transform:scale(1.05)} .navbar-toggler:hover {background:linear-gradient(135deg,rgba(0,0,139,0.15),rgba(232,0,0,0.15));transform:translateY(-1px)} .hamburger-menu {width:24px;height:18px;display:flex !important;flex-direction:column;justify-content:space-between;position:relative} .hamburger-menu .bar {width:100%;height:3px;background:linear-gradient(90deg,#00008b,#e80000);border-radius:2px;transition:all 0.3s ease;display:block !important} .mobile-menu-toggle[aria-expanded="true"] .hamburger-menu .bar:nth-child(1) {transform:rotate(45deg) translate(6px,6px)} .mobile-menu-toggle[aria-expanded="true"] .hamburger-menu .bar:nth-child(2) {opacity:0} .mobile-menu-toggle[aria-expanded="true"] .hamburger-menu .bar:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px)} } @media (max-width:991.98px) {.navbar-nav-desktop {display:none !important} .main-header .navbar {min-height:60px} .navbar-brand-text {font-size:1.1rem} .navbar-cta {display:none !important} .navbar-toggler {display:block !important;position:relative !important;z-index:10000 !important;background:rgba(0,0,139,0.1) !important;border:1px solid rgba(0,0,139,0.2) !important;border-radius:8px !important;padding:8px !important;margin-left:8px !important;flex-shrink:0 !important} .navbar-brand {flex-grow:1 !important;max-width:calc(100% - 60px) !important;overflow:hidden !important} .brand-text {font-size:1rem !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} } @media (min-width:992px) {.navbar-nav-desktop {display:flex !important} .navbar-toggler {display:none !important} .mobile-menu-overlay {display:none !important} } .achievement-card {background:white;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 8px 32px rgba(0,0,139,0.1);transition:all 0.3s ease;position:relative;overflow:hidden;border:1px solid rgba(0,0,139,0.1)} .achievement-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))} .achievement-card:hover {transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,139,0.2)} .achievement-icon {width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;margin:0 auto 1.5rem;transition:all 0.3s ease} .achievement-card:hover .achievement-icon {transform:scale(1.1) rotate(5deg)} .achievement-number {font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:0.5rem} .achievement-label {font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:0.5rem} .achievement-description {color:#6b7280;font-size:0.9rem} .badge-premium {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:0.5rem 1rem;border-radius:20px;font-weight:600;font-size:0.85rem;box-shadow:0 2px 8px rgba(0,0,139,0.3)} .bg-gradient-primary {background:var(--primary-color) !important;color:white !important} .page-header {background:var(--primary-color) !important;color:white !important;padding:3rem 0} .popular-programs-section {background-color:#e5e7eb;padding:4rem 0} @media (max-width:768px) {.popular-programs-section {padding:3rem 0} } @media (max-width:576px) {.popular-programs-section {padding:2.5rem 0} } .benefits-section {background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 50%,#2563eb 100%);color:white;padding:4rem 0} .benefits-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:0.5} .card-premium-transparent {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);height:100%} .card-premium-transparent:hover {background:rgba(255,255,255,0.2);transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,0,0,0.2)} .benefit-icon {font-size:3rem;margin-bottom:1.5rem} @media (max-width:768px) {.benefits-section {padding:3rem 0} .benefit-icon {font-size:2.5rem;margin-bottom:1rem} .card-premium-transparent {margin-bottom:1.5rem} } @media (max-width:576px) {.benefits-section {padding:2.5rem 0} .benefit-icon {font-size:2rem} } .btn-outline-light:hover {background-color:white !important;border-color:white !important;color:var(--secondary-color) !important;font-weight:600 !important} .btn-outline-light:hover i {color:var(--secondary-color) !important} .hero-video-section .btn-outline-light:hover,.hero-section .btn-outline-light:hover {background-color:rgba(255,255,255,0.98) !important;border-color:rgba(255,255,255,0.98) !important;color:#1a1a1a !important;font-weight:700 !important;text-shadow:none !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(255,255,255,0.3) !important} .hero-video-section .btn-outline-light:hover i,.hero-section .btn-outline-light:hover i {color:#1a1a1a !important} .about-hero-section {position:relative !important;overflow:visible !important} .hero-section,.hero-video-section,.about-section,.mission-section,.vision-section {position:relative !important;overflow:visible !important} .about-hero-title {font-size:3.5rem !important;font-weight:700 !important;line-height:1.2 !important;color:white !important} .about-hero-subtitle {font-size:1.25rem !important;color:white !important} .about-section-title {font-size:2.5rem !important;font-weight:700 !important;line-height:1.2 !important} .icon-circle-sm {width:40px !important;height:40px !important} .icon-circle-md {width:45px !important;height:45px !important} .icon-circle-lg {width:60px !important;height:60px !important} .icon-circle-xl {width:50px !important;height:50px !important} .icon-circle-xxl {width:100px !important;height:100px !important} .about-image-lg {width:100% !important;height:400px !important;object-fit:cover !important;position:relative !important;z-index:1 !important} .floating-stats-card {width:200px !important;z-index:999999 !important;background-color:white !important;position:absolute !important;box-shadow:0 4px 20px rgba(0,0,0,0.15) !important;border-radius:12px !important;pointer-events:auto !important} .floating-highlight-card {width:200px !important;z-index:999999 !important;position:absolute !important;box-shadow:0 4px 20px rgba(0,0,0,0.15) !important;border-radius:12px !important;pointer-events:auto !important} .floating-vision-card {width:180px !important;z-index:999999 !important;position:absolute !important;box-shadow:0 4px 20px rgba(0,0,0,0.15) !important;border-radius:12px !important;pointer-events:auto !important} .text-black-important {color:#000000 !important} .text-muted-important {color:#6c757d !important} .overlay-light {opacity:0.1 !important;z-index:2 !important} .achievements-section {--bs-bg-opacity:1 !important} .achievement-text-black {color:#000000 !important} .achievement-card {background-color:white !important;border:none !important} .achievement-card .text-black-important {color:#000000 !important} .achievement-card .achievement-number {color:#000000 !important} .achievement-card .achievement-title {color:#000000 !important} .achievement-card .achievement-description {color:#000000 !important} .btn-outline-black {color:#000000 !important;border-color:#ffffff !important;background-color:transparent !important} .btn-outline-black:hover {background-color:#ffffff !important;color:var(--primary-color) !important;border-color:#ffffff !important} .page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6 {color:white !important} .page-header p,.page-header .lead {color:rgba(255,255,255,0.9) !important} .blog-image-lg {height:450px !important;object-fit:cover !important} .video-play-btn-lg {width:90px !important;height:90px !important;backdrop-filter:blur(10px) !important;background:rgba(255,255,255,0.95) !important} .video-play-icon {margin-left:4px !important} .achievement-badge-card {width:220px !important;backdrop-filter:blur(10px) !important} .icon-circle-values {width:80px !important;height:80px !important} .team-member-image {width:120px !important;height:120px !important;object-fit:cover !important} .team-member-placeholder {width:120px !important;height:120px !important} .cta-section {background:#343a40 !important;margin-bottom:0 !important;color:white !important} .modal-content-scroll {max-height:70vh !important;overflow-y:auto !important} .modal-header-premium {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border-bottom:none} .modal-lg {max-width:900px} .modal-xl {max-width:1140px} .modal-body-scroll {max-height:60vh;overflow-y:auto} .modal-content-scroll {max-height:70vh !important;overflow-y:auto !important} .spinner-lg {width:3rem !important;height:3rem !important} .modal-blog-image {max-height:500px !important;object-fit:cover !important} .hero-container {position:relative !important;z-index:100 !important;pointer-events:auto !important} .badge-premium {animation-delay:0.2s !important;background:linear-gradient(45deg,#e80000,#ff4444) !important;color:white !important;border:none !important} .hero-title-premium {animation-delay:0.4s !important;text-shadow:2px 2px 4px rgba(0,0,0,0.5) !important;font-size:clamp(2.5rem,5vw,4rem) !important;font-weight:800 !important} .text-gradient-hero {color:white !important;background:none !important;-webkit-background-clip:unset !important;-webkit-text-fill-color:unset !important;background-clip:text !important} .hero-subtitle-premium {animation-delay:0.6s !important;font-size:1.25rem !important;text-shadow:1px 1px 2px rgba(0,0,0,0.4) !important;max-width:600px !important;margin:0 auto !important} .hero-search-container {animation-delay:0.7s !important} .hero-search-wrapper {max-width:700px !important;width:100% !important} .hero-search-input {background:rgba(255,255,255,0.95) !important;border:none !important;border-radius:50px 0 0 50px !important;padding:12px 20px !important;font-size:1rem !important;height:48px !important;color:#333 !important;flex:1 !important;min-width:350px !important} .hero-search-input::placeholder {color:#6c757d !important} .btn-hero-search {background:linear-gradient(45deg,#e80000,#ff4444) !important;border:none !important;border-radius:0 50px 50px 0 !important;color:white !important;font-weight:bold !important;padding:12px 24px !important;height:48px !important;transition:all 0.3s ease !important;white-space:nowrap !important;min-width:140px !important} .hero-actions {animation-delay:0.8s !important} .btn-hero-primary {background:linear-gradient(45deg,#e80000,#ff4444) !important;border:none !important;box-shadow:0 4px 15px rgba(232,0,0,0.3) !important;transition:all 0.3s ease !important} .btn-hero-outline {border:2px solid white !important;backdrop-filter:blur(10px) !important;background:rgba(255,255,255,0.1) !important;color:white !important} .btn-hero-outline:hover,.btn-hero-outline:focus,.btn-hero-outline:active,.btn-hero-outline.active {background:rgba(255,255,255,0.95) !important;color:#1a1a1a !important;border-color:rgba(255,255,255,0.95) !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(255,255,255,0.4) !important;text-shadow:none !important;font-weight:600 !important} .btn-hero-outline:hover,.btn-hero-outline:hover *,.btn-hero-outline:focus,.btn-hero-outline:focus *,.btn-hero-outline:active,.btn-hero-outline:active *,.btn-hero-outline.active,.btn-hero-outline.active * {color:#1a1a1a !important} .btn-hero-outline:hover i,.btn-hero-outline:focus i,.btn-hero-outline:active i,.btn-hero-outline.active i {color:#1a1a1a !important;opacity:1 !important} .hero-stats {animation-delay:0.9s !important;position:relative !important;z-index:999999 !important} .hero-stat-card {background-color:rgba(248,249,250,0.9) !important;border-color:rgba(108,117,125,0.3) !important;position:absolute !important;z-index:999999 !important;box-shadow:0 4px 20px rgba(0,0,0,0.15) !important;border-radius:12px !important;pointer-events:auto !important} .stats-section {background-color:#e5e7eb !important} .stats-description {font-size:1.1rem !important} .featured-programs-section {background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);position:relative;overflow:hidden;padding:4rem 0} .featured-programs-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:0.3} .program-card-image {height:200px;object-fit:cover;width:100%} @media (max-width:768px) {.featured-programs-section {padding:3rem 0} .program-card-image {height:180px} .card-premium {margin-bottom:1.5rem} } @media (max-width:576px) {.featured-programs-section {padding:2.5rem 0} .program-card-image {height:160px} } .course-category {color:#6c757d !important;font-size:0.9rem !important} .benefit-icon-lg {font-size:3rem !important} .testimonial-avatar-placeholder {width:50px !important;height:50px !important;font-weight:bold !important} .form-control-premium {background:white !important;color:#000 !important;border:1px solid #d1d5db !important;border-radius:8px !important} .form-control-premium::placeholder {color:#6c757d !important;opacity:1 !important} .form-control-premium::-webkit-input-placeholder {color:#6c757d !important;opacity:1 !important} .form-control-premium::-moz-placeholder {color:#6c757d !important;opacity:1 !important} .form-control-premium:-ms-input-placeholder {color:#6c757d !important;opacity:1 !important} .form-control-premium:-moz-placeholder {color:#6c757d !important;opacity:1 !important} #searchInput::placeholder,#searchInputMobile::placeholder {color:#6c757d !important;opacity:1 !important} #searchInput::-webkit-input-placeholder,#searchInputMobile::-webkit-input-placeholder {color:#6c757d !important;opacity:1 !important} #searchInput::-moz-placeholder,#searchInputMobile::-moz-placeholder {color:#6c757d !important;opacity:1 !important} #searchInput:-ms-input-placeholder,#searchInputMobile:-ms-input-placeholder {color:#6c757d !important;opacity:1 !important} #searchInput:-moz-placeholder,#searchInputMobile:-moz-placeholder {color:#6c757d !important;opacity:1 !important} .search-box .btn-primary {background:linear-gradient(135deg,#007bff 0%,#0056b3 100%) !important;border:none !important;border-radius:0 8px 8px 0 !important;font-weight:500 !important} .search-box .btn-primary:hover {background:linear-gradient(135deg,#0056b3 0%,#004085 100%) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,123,255,0.3) !important} .search-box .input-group-text {border-radius:8px 0 0 8px !important;border:1px solid #d1d5db !important} .search-box .form-control {border-radius:0 !important} * {--bs-body-color:inherit !important} .page-header *,.bg-gradient-primary *,section.page-header *,section.programs-page * {color:inherit !important} .page-header h1,.page-header .heading-premium-xl,.bg-gradient-primary h1,.bg-gradient-primary .heading-premium-xl,.text-white.heading-premium-xl,h1.heading-premium-xl,section h1,section .heading-premium-xl,.page-header p,.bg-gradient-primary p,section p.text-white {color:#ffffff !important} .bg-gradient-primary,.page-header {color:#ffffff !important} section.programs-page p,section.programs-page p.text-white,.programs-page .hero-subtitle,.programs-page p.hero-subtitle,p.hero-subtitle.text-white {color:#ffffff !important} section.programs-page .badge.bg-white,.programs-page .badge.bg-white,.badge.bg-white,div .badge.bg-white {color:#000000 !important;background-color:#ffffff !important} .programs-page .badge.bg-white .fas.fa-briefcase {color:rgb(239,8,8) !important} .hero-title {color:#ffffff !important} .hero-subtitle {color:#ffffff !important} .quick-stats-badge,.badge.quick-stats-badge,span.badge.quick-stats-badge {color:#ffffff !important} .programs-page input.form-control-premium,input.form-control-premium,.form-control-premium {color:#000000 !important;background-color:#ffffff !important} .programs-page input.form-control-premium::placeholder,input.form-control-premium::placeholder,.form-control-premium::placeholder {color:#6c757d !important;opacity:1 !important} .programs-page input.form-control-premium::-webkit-input-placeholder,input.form-control-premium::-webkit-input-placeholder {color:#6c757d !important;opacity:1 !important} .programs-page input.form-control-premium::-moz-placeholder,input.form-control-premium::-moz-placeholder {color:#6c757d !important;opacity:1 !important} .programs-page input.form-control-premium:-ms-input-placeholder,input.form-control-premium:-ms-input-placeholder {color:#6c757d !important;opacity:1 !important} .programs-page input.form-control-premium:-moz-placeholder,input.form-control-premium:-moz-placeholder {color:#6c757d !important;opacity:1 !important} .form-control-premium option {background:white !important;color:#000 !important} .form-select.form-control-premium {background:white !important;color:#000 !important} .form-select.form-control-premium option {background:white !important;color:#000 !important} .filters-section {padding:1.5rem 0 !important;border-bottom:1px solid #e2e8f0 !important} .search-icon-desktop {left:12px !important;top:50% !important;transform:translateY(-50%) !important;color:#64748b !important;font-size:0.9rem !important} .search-input-desktop {border:1px solid #d1d5db !important;border-radius:8px !important;font-size:0.9rem !important;height:40px !important} .view-toggle-left {border-radius:6px 0 0 6px !important} .view-toggle-right {border-radius:0 6px 6px 0 !important} .mobile-form-label {font-size:0.85rem !important;font-weight:500 !important} .search-icon-mobile {left:12px !important;top:50% !important;transform:translateY(-50%) !important;color:#64748b !important;font-size:0.9rem !important} .search-input-mobile {border:1px solid #d1d5db !important;border-radius:8px !important;font-size:1rem !important;height:45px !important} .mobile-select {border:1px solid #d1d5db !important;border-radius:8px !important;font-size:1rem !important;height:45px !important;background-color:white !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;transition:all 0.2s ease !important} .results-section {background:#ffffff !important;min-height:60vh !important;padding:2rem 0 !important} .quick-stats-badge {font-size:0.8rem !important} .table-container {border-radius:12px !important;overflow-x:auto !important;overflow-y:visible !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important;max-width:100% !important;background:white !important} .programs-table {font-size:0.9rem !important} .table-header {background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important;border-bottom:2px solid #cbd5e1 !important} .table-header-cell {border:none !important;font-weight:600 !important;color:#1e293b !important} .table-header-cell-number {width:5% !important;text-align:center !important} .table-header-cell-program {width:65% !important} .table-header-cell-category {width:15% !important} .table-header-cell-duration {width:15% !important} .sort-icon {cursor:pointer !important;font-size:0.7rem !important} .table-header-cell-actions {border:none !important;font-weight:600 !important;color:#1e293b !important;width:20% !important} .program-row {border-bottom:1px solid #f1f5f9 !important;transition:all 0.2s ease !important;height:60px !important} .program-cell {padding:0.75rem 0.5rem !important;vertical-align:middle !important;border:none !important} .program-title {font-weight:600 !important;color:#1e293b !important;font-size:0.95rem !important;line-height:1.3 !important} .program-description {color:#64748b !important;font-size:0.85rem !important;line-height:1.4 !important;margin-top:0.25rem !important} .category-badge {background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%) !important;color:white !important;font-size:0.75rem !important;padding:0.25rem 0.75rem !important;border-radius:12px !important;font-weight:500 !important} .duration-text {color:#475569 !important;font-weight:500 !important;font-size:0.9rem !important} .action-buttons {white-space:nowrap !important} .btn-action {font-size:0.8rem !important;padding:0.375rem 0.75rem !important;border-radius:6px !important;font-weight:500 !important;transition:all 0.2s ease !important} .empty-state-icon {font-size:4rem !important;opacity:0.3 !important} .debug-info {font-size:0.9rem !important} .program-number-cell {border:none !important} .program-number-text {font-size:0.8rem !important} .program-thumb {width:36px !important;height:28px !important;border-radius:4px !important;overflow:hidden !important;box-shadow:0 1px 4px rgba(0,0,0,0.1) !important} .program-thumb-img {object-fit:cover !important} .program-content {min-width:0 !important} .program-title-compact {font-size:0.85rem !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} .featured-badge {font-size:0.6rem !important} .instructor-info {font-size:0.7rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} .instructor-icon {font-size:0.65rem !important} .duration-icon {font-size:0.65rem !important} .duration-text-compact {font-size:0.75rem !important;font-weight:500 !important} .btn-details {font-size:0.7rem !important;padding:0.3rem 0.6rem !important} .no-schedules-badge {font-size:0.65rem !important;padding:0.4rem 0.6rem !important} .program-card-img {width:100% !important;height:200px !important;object-fit:cover !important} .video-play-btn {width:70px !important;height:70px !important;backdrop-filter:blur(10px) !important;background:var(--bs-primary) !important} .video-modal-container {position:relative !important;width:100% !important;height:0 !important;padding-bottom:56.25% !important;background:#000 !important} .video-iframe {position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important} .video-element {position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:contain !important} .video-fallback {position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;text-align:center !important;color:white !important} .page-header .breadcrumb-item a {color:rgba(255,255,255,0.8) !important} .page-header .breadcrumb-item.active {color:white !important} .professional-hero h1,.professional-hero h2,.professional-hero h3,.professional-hero h4,.professional-hero h5,.professional-hero h6 {color:white !important} .professional-hero p,.professional-hero .lead {color:rgba(255,255,255,0.9) !important} .professional-hero .breadcrumb-item a {color:rgba(255,255,255,0.8) !important} .professional-hero .breadcrumb-item.active {color:white !important} .professional-hero .info-pill {background:rgba(255,255,255,0.1) !important;color:white !important;border:1px solid rgba(255,255,255,0.2) !important} .professional-hero .info-pill:hover {background:rgba(255,255,255,0.2) !important} section[style*="background:linear-gradient(135deg,#1e3c72"],section[style*="background-color:#f8f9fa"] {background:var(--primary-color) !important;color:white !important} .hero-section,.hero-video-section,.page-header,.professional-hero,.insights-hero,.bg-gradient-primary,.bg-gradient-light {background:var(--primary-color) !important;color:white !important} .hero-section,.hero-video-section,.page-header,.professional-hero,.insights-hero,.bg-gradient-primary,.bg-gradient-light {color:white !important} .hero-section *,.hero-video-section *,.page-header *,.professional-hero *,.insights-hero *,.bg-gradient-primary *,.bg-gradient-light * {color:white !important} .hero-section h1,.hero-section h2,.hero-section h3,.hero-section h4,.hero-section h5,.hero-section h6,.hero-video-section h1,.hero-video-section h2,.hero-video-section h3,.hero-video-section h4,.hero-video-section h5,.hero-video-section h6,.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6,.professional-hero h1,.professional-hero h2,.professional-hero h3,.professional-hero h4,.professional-hero h5,.professional-hero h6,.insights-hero h1,.insights-hero h2,.insights-hero h3,.insights-hero h4,.insights-hero h5,.insights-hero h6,.bg-gradient-primary h1,.bg-gradient-primary h2,.bg-gradient-primary h3,.bg-gradient-primary h4,.bg-gradient-primary h5,.bg-gradient-primary h6,.bg-gradient-light h1,.bg-gradient-light h2,.bg-gradient-light h3,.bg-gradient-light h4,.bg-gradient-light h5,.bg-gradient-light h6 {color:white !important} .hero-section p,.hero-section span,.hero-section div,.hero-section a,.hero-video-section p,.hero-video-section span,.hero-video-section div,.hero-video-section a,.page-header p,.page-header span,.page-header div,.page-header a,.professional-hero p,.professional-hero span,.professional-hero div,.professional-hero a,.insights-hero p,.insights-hero span,.insights-hero div,.insights-hero a,.bg-gradient-primary p,.bg-gradient-primary span,.bg-gradient-primary div,.bg-gradient-primary a,.bg-gradient-light p,.bg-gradient-light span,.bg-gradient-light div,.bg-gradient-light a {color:white !important} .hero-section a:hover,.hero-video-section a:hover,.page-header a:hover,.professional-hero a:hover,.insights-hero a:hover,.bg-gradient-primary a:hover,.bg-gradient-light a:hover {color:rgba(255,255,255,0.8) !important} .hero-section .badge,.hero-video-section .badge,.page-header .badge,.professional-hero .badge,.insights-hero .badge,.bg-gradient-primary .badge,.bg-gradient-light .badge {color:white !important} .hero-section .form-control::placeholder,.hero-video-section .form-control::placeholder,.page-header .form-control::placeholder,.professional-hero .form-control::placeholder,.insights-hero .form-control::placeholder,.bg-gradient-primary .form-control::placeholder,.bg-gradient-light .form-control::placeholder {color:rgba(255,255,255,0.7) !important} .hero-section small,.hero-section .text-muted,.hero-section .meta,.hero-video-section small,.hero-video-section .text-muted,.hero-video-section .meta,.page-header small,.page-header .text-muted,.page-header .meta,.professional-hero small,.professional-hero .text-muted,.professional-hero .meta,.insights-hero small,.insights-hero .text-muted,.insights-hero .meta,.bg-gradient-primary small,.bg-gradient-primary .text-muted,.bg-gradient-primary .meta,.bg-gradient-light small,.bg-gradient-light .text-muted,.bg-gradient-light .meta {color:rgba(255,255,255,0.8) !important} .navbar-nav .nav-link,.btn-primary,.btn-primary *,.card-premium .card-header,.card-premium .card-header * {color:white !important} [style*="background:#00008b"] *,[style*="background-color:#00008b"] *,[class*="bg-primary"] *,[class*="bg-gradient-primary"] *,.bg-dark * {color:white !important} .text-primary {color:#dc3545 !important} .hero-section .btn,.hero-video-section .btn,.page-header .btn,.professional-hero .btn,.insights-hero .btn,.bg-gradient-primary .btn,.bg-gradient-light .btn {color:white !important} .hero-section .text-dark,.hero-video-section .text-dark,.page-header .text-dark,.professional-hero .text-dark,.insights-hero .text-dark,.bg-gradient-primary .text-dark,.bg-gradient-light .text-dark {color:white !important} .hero-search-form {background:none !important;border:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important} .hero-search-form .d-flex {background:none !important;border:none !important;box-shadow:none !important;padding:0 !important} .hero-search-form .form-control {background:rgba(255,255,255,0.95) !important;border:none !important;box-shadow:none !important} .hero-search-form .btn {box-shadow:none !important} .hero-video-section .text-black,.hero-video-section .text-white,.hero-video-section .hero-stat-card .h2,.hero-video-section .hero-stat-card small,.hero-video-section .hero-stat-card div,.hero-video-section .rounded-3 * {color:#ffffff !important} .hero-video-section .rounded-3,.hero-video-section .hero-stat-card {background-color:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.2) !important} .hero-video-section h1,.hero-video-section h1 span,.hero-video-section .hero-title-premium,.hero-video-section .hero-title-premium span,.hero-video-section .heading-premium-xl,.hero-video-section .heading-premium-xl span,section.hero-video-section h1.hero-title-premium.heading-premium-xl,section.hero-video-section h1.hero-title-premium.heading-premium-xl span.text-white {color:#ffffff !important;background:none !important;background-image:none !important;-webkit-background-clip:unset !important;-webkit-text-fill-color:#ffffff !important;background-clip:unset !important} .hero-video-section p,.hero-video-section .hero-subtitle-premium {color:#ffffff !important} .hero-video-section .badge-premium {color:#ffffff !important} .hero-video-section .hero-search-input::placeholder,.hero-video-section .form-control.hero-search-input::placeholder {color:#6c757d !important;opacity:1 !important} .hero-video-section .hero-search-input::-webkit-input-placeholder,.hero-video-section .form-control.hero-search-input::-webkit-input-placeholder {color:#6c757d !important;opacity:1 !important} .hero-video-section .hero-search-input::-moz-placeholder,.hero-video-section .form-control.hero-search-input::-moz-placeholder {color:#6c757d !important;opacity:1 !important} .hero-video-section .hero-search-input:-ms-input-placeholder,.hero-video-section .form-control.hero-search-input:-ms-input-placeholder {color:#6c757d !important;opacity:1 !important} .featured-programs-section .heading-premium-lg {color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} .stats {background-color:#f8f9fa !important} .stats .badge.bg-primary {background:var(--primary-color) !important;color:white !important} .stats .heading-premium-lg {color:#333333 !important} .stats .text-premium-muted {color:#6b7280 !important} section[style*="background-color:#e5e7eb"] .card-premium {background:rgba(255,255,255,0.1) !important;border:1px solid rgba(255,255,255,0.2) !important} section[style*="background-color:#e5e7eb"] .card-premium .card-title {color:white !important} section[style*="background-color:#e5e7eb"] .card-premium .card-text,section[style*="background-color:#e5e7eb"] .card-premium .course-category {color:rgba(255,255,255,0.9) !important} .homepage-section-grey {background-color:#f8f9fa !important} .homepage-section-white {background-color:#ffffff !important} .homepage-section-grey h1,.homepage-section-grey h2,.homepage-section-grey h3,.homepage-section-grey h4,.homepage-section-grey h5,.homepage-section-grey h6 {color:#333333 !important} .homepage-section-grey p,.homepage-section-grey .text-muted {color:#6b7280 !important} .bg-gradient-secondary {background:linear-gradient(135deg,var(--secondary-color),#dc2626) !important} .bg-gradient-success {background:linear-gradient(135deg,#059669,#10b981) !important} .bg-gradient-warning {background:linear-gradient(135deg,#d97706,#f59e0b) !important} .bg-gradient-info {background:linear-gradient(135deg,#0284c7,#0ea5e9) !important} .btn-gradient-primary {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:white;transition:all 0.3s ease} .btn-gradient-primary:hover {background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,139,0.3);color:white} .feature-icon {width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;margin:0 auto 1.5rem;transition:all 0.3s ease} .feature-icon:hover {transform:scale(1.1) rotate(5deg)} .stat-card {background:white;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 8px 32px rgba(0,0,139,0.1);transition:all 0.3s ease;position:relative;overflow:hidden;border:1px solid rgba(0,0,139,0.1)} .stat-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))} .stat-card:hover {transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,139,0.2)} .stat-number {font-size:3rem;font-weight:800;color:var(--primary-color);margin-bottom:0.5rem;line-height:1} .stat-label {font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:0.5rem} .stat-description {color:#6b7280;font-size:0.9rem} .stats-section {background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:4rem 0} .stat-icon {width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;overflow:hidden} .stat-icon::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 100%);border-radius:inherit} .stat-icon i {font-size:2rem;position:relative;z-index:1} .stat-number {font-size:3rem;font-weight:800;line-height:1;margin:1rem 0 0.5rem} .stat-label {font-size:1.1rem;color:#1e293b;margin-bottom:0.25rem} .stat-subtext {font-size:0.9rem;color:#64748b} @media (max-width:768px) {.stats-section {padding:3rem 0} .stat-icon {width:60px;height:60px} .stat-icon i {font-size:1.5rem} .stat-number {font-size:2.2rem} .stat-label {font-size:1rem} } @media (max-width:576px) {.stats-section .row.g-4 {gap:1rem} .stat-number {font-size:1.8rem} .stat-label {font-size:0.9rem} } .empty-state {text-align:center;padding:4rem 2rem;color:#6b7280} .empty-state-icon {font-size:4rem;color:#d1d5db;margin-bottom:1.5rem} .empty-icon {width:120px;height:120px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:3rem;margin:0 auto 2rem;animation:float 3s ease-in-out infinite} @keyframes float {0%,100% {transform:translateY(0)} 50% {transform:translateY(-10px)} } .empty-actions {margin-top:2rem} .empty-actions .btn {margin:0.5rem} .text-premium-muted {color:#6b7280;font-size:1.1rem;line-height:1.6} .quick-actions {display:flex;flex-direction:column;gap:0.75rem;align-items:flex-end} .quick-actions .btn {font-weight:500;border-radius:8px;transition:all 0.3s ease;text-decoration:none} .quick-actions .btn:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)} .program-video-play-btn {width:70px;height:70px;border-radius:50%;backdrop-filter:blur(10px);background:var(--primary-color) !important;border:none;color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,139,0.4)} .program-video-play-btn:hover {background:var(--secondary-color) !important;transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,139,0.5);color:white} .category-visual {transition:all 0.5s ease;will-change:transform;opacity:0.1} .skills-category-card:hover .category-visual {transform:translateX(-10px) scale(1.1);opacity:0.15 !important} .highlight-item {transition:all 0.3s ease;position:relative;overflow:hidden;background:rgba(0,0,139,0.05);border-radius:8px;padding:8px 12px;display:flex;align-items:center} .highlight-item::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease} .skills-category-card:hover .highlight-item {animation:slideInUp 0.3s ease forwards} .skills-category-card:hover .highlight-item::before {left:100%} @keyframes slideInUp {from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:translateY(0)} } @media (max-width:991.98px) {.topbar-premium {padding:0.5rem 0;font-size:0.85rem} .topbar-item-premium {font-size:0.85rem;margin-right:1rem} .navbar {padding:0.75rem 0 !important} .navbar-logo {height:45px !important;max-width:160px !important} .navbar-brand-text {font-size:1.1rem} .quick-actions {align-items:center;text-align:center;margin-top:2rem} .quick-actions .btn {width:100%;margin-bottom:0.5rem} } @media (max-width:767.98px) {.navbar-logo {height:38px !important;max-width:140px !important} .navbar-brand-text {font-size:1rem} .hero-search-form {padding:1.5rem} .newsletter-form-container {flex-direction:column} .newsletter-input,.newsletter-btn {width:100%} .footer-social-icons {justify-content:center} } @media (max-width:575.98px) {.navbar {min-height:60px;padding:0.5rem 0 !important} .navbar-logo {height:35px !important;max-width:120px !important} .navbar-brand-text {font-size:0.9rem} .hero-search-form {padding:1rem} .hero-search-form .form-control,.hero-search-form .btn {padding:0.75rem 1rem;font-size:1rem} .category-visual {opacity:0.05 !important} .footer-contact-section .contact-item {padding:1rem;margin-bottom:1rem} .footer-contact-section .contact-text {font-size:0.85rem} .footer-contact-section .contact-text strong {font-size:0.9rem} } .text-gradient {color:white !important;background:none !important;-webkit-background-clip:unset !important;-webkit-text-fill-color:unset !important;background-clip:text} .text-shadow {text-shadow:0 2px 4px rgba(0,0,0,0.1)} @media (max-width:575.98px) {:root {--header-height:60px;--topbar-height:32px;--container-padding:1rem;--section-padding:2rem 0;--card-padding:1rem;--font-size-base:0.9rem;--font-size-h1:1.75rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem} .container {padding-left:var(--container-padding) !important;padding-right:var(--container-padding) !important} h1,.h1 {font-size:var(--font-size-h1) !important} h2,.h2 {font-size:var(--font-size-h2) !important} h3,.h3 {font-size:var(--font-size-h3) !important} body {font-size:var(--font-size-base)} .btn {padding:0.75rem 1.5rem;font-size:0.9rem} .btn-lg {padding:1rem 2rem;font-size:1rem} .card-premium {margin-bottom:1.5rem} .card-body {padding:var(--card-padding) !important} section {padding:var(--section-padding) !important} .featured-programs-section .row.g-4>.col-lg-4,.featured-programs-section .row.g-4>.col-lg-3,.featured-programs-section .row.g-4>.col-md-6,.popular-programs-section .row.g-4>.col-lg-4,.popular-programs-section .row.g-4>.col-lg-3,.popular-programs-section .row.g-4>.col-md-6,.stats-section .row.g-4>.col-lg-4,.stats-section .row.g-4>.col-lg-3,.stats-section .row.g-4>.col-md-6 {flex:0 0 100%;max-width:100%;margin-bottom:1.5rem} } @media (min-width:576px) and (max-width:767.98px) {:root {--header-height:70px;--topbar-height:36px;--container-padding:1.5rem;--section-padding:3rem 0;--card-padding:1.5rem} .container {padding-left:var(--container-padding) !important;padding-right:var(--container-padding) !important} .featured-programs-section .row.g-4>.col-lg-4,.popular-programs-section .row.g-4>.col-lg-4,.stats-section .row.g-4>.col-lg-4 {flex:0 0 50%;max-width:50%} } @media (min-width:768px) and (max-width:991.98px) {:root {--header-height:80px;--topbar-height:40px;--container-padding:2rem;--section-padding:4rem 0;--card-padding:2rem} .container {max-width:720px;padding-left:var(--container-padding) !important;padding-right:var(--container-padding) !important} .featured-programs-section .row.g-4>.col-lg-4,.popular-programs-section .row.g-4>.col-lg-4,.stats-section .row.g-4>.col-lg-4 {flex:0 0 50%;max-width:50%} .featured-programs-section .row.g-4>.col-lg-3,.popular-programs-section .row.g-4>.col-lg-3,.stats-section .row.g-4>.col-lg-3 {flex:0 0 33.333333%;max-width:33.333333%} } @media (min-width:992px) and (max-width:1199.98px) {.container {max-width:960px} } @media (min-width:1200px) {.container {max-width:1140px} } @media (min-width:1400px) {.container {max-width:1320px} } @media (max-width:991.98px) {.site-header {padding:0.5rem 0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px)} .header-container {padding:0 1rem} .desktop-nav,.header-actions {display:none !important} .mobile-toggle {display:flex !important;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;border-radius:8px;transition:all 0.2s ease} .mobile-toggle:hover {background:rgba(0,0,139,0.1)} .mobile-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {transform:rotate(45deg) translate(5px,5px)} .mobile-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {opacity:0} .mobile-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)} .logo-img {height:32px;width:auto} .logo-text .logo-full {display:none} .logo-text .logo-short {display:inline} .logo-img {height:28px} .logo-text {font-size:0.9rem} } @media (max-width:575.98px) {.header-container {padding:0 0.75rem} .logo-text {display:block !important;font-size:0.85rem} .mobile-toggle {width:40px;height:40px} .hamburger-line {width:20px} } @media (max-width:991.98px) {.hero-video-section {min-height:70vh;padding:4rem 0} .hero-title-premium {font-size:2.5rem !important;line-height:1.2;margin-bottom:1.5rem} .hero-subtitle-premium {font-size:1.1rem;margin-bottom:2rem} .hero-search-container {margin-bottom:2rem} .hero-search-input {font-size:1rem;padding:1rem 1.5rem} .btn-hero-search {padding:1rem 1.5rem;font-size:1rem} .hero-actions {gap:1rem} .hero-actions .btn {padding:1rem 2rem;font-size:1rem} .hero-stats {margin-top:3rem} .hero-stat-card {padding:1.5rem 1rem} .hero-stat-card .h2 {font-size:1.5rem} } @media (max-width:575.98px) {.hero-title-premium {font-size:2rem !important;margin-bottom:1rem} .hero-subtitle-premium {font-size:1rem;margin-bottom:1.5rem} .hero-search-container {padding:0 1rem} .hero-actions {flex-direction:column;align-items:stretch} .hero-actions .btn {width:100%;margin-bottom:0.75rem} .hero-stats .row {gap:1rem} .hero-stat-card {padding:1rem} } @media (max-width:575.98px) {.hero-video-section {min-height:50vh;padding:2rem 0} .hero-title-premium {font-size:1.75rem !important} .hero-subtitle-premium {font-size:0.95rem} .hero-search-container {padding:0 0.5rem} .hero-search-input {font-size:0.9rem;padding:0.875rem 1.25rem} .btn-hero-search {padding:0.875rem 1.25rem;font-size:0.9rem} .hero-actions .btn {padding:0.875rem 1.5rem;font-size:0.9rem} .hero-stat-card .h2 {font-size:1.25rem} .hero-stat-card small {font-size:0.8rem} } .mobile-cta-buttons {padding:2rem;border-top:1px solid rgba(255,255,255,0.1);margin-top:2rem} .mobile-cta-btn {display:block;width:100%;padding:1rem 1.5rem;margin-bottom:1rem;text-align:center;text-decoration:none;border-radius:12px;font-weight:600;transition:all 0.2s ease} .mobile-cta-btn.primary {background:#ffffff;color:var(--primary-color);border:2px solid #ffffff} .mobile-cta-btn.primary:hover {background:transparent;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,0.2)} .mobile-cta-btn.secondary {background:transparent;color:#ffffff;border:2px solid rgba(255,255,255,0.5)} .mobile-cta-btn.secondary:hover {background:rgba(255,255,255,0.1);border-color:#ffffff;transform:translateY(-2px)} @media (max-width:991.98px) {.stats-section {padding:3rem 0} .stat-number {font-size:2.5rem} .stat-label {font-size:1rem} } @media (max-width:767.98px) {.stats-section {padding:2.5rem 0} .stat-icon {width:60px;height:60px;margin-bottom:1rem} .stat-icon i {font-size:1.5rem} .stat-number {font-size:2rem} } @media (max-width:575.98px) {.stats-section .row.g-4 {gap:1rem} .stat-number {font-size:1.75rem} .stat-label {font-size:0.9rem} .stat-subtext {font-size:0.8rem} } @media (max-width:991.98px) {.featured-programs-section {padding:3rem 0} .program-card-image {height:200px} } @media (max-width:767.98px) {.featured-programs-section {padding:2.5rem 0} .program-card-image {height:180px} .card-title {font-size:1.1rem} } @media (max-width:575.98px) {.featured-programs-section {padding:2rem 0} .program-card-image {height:160px} .card-body {padding:1rem} .card-title {font-size:1rem;margin-bottom:0.75rem} .course-category {font-size:0.8rem} } @media (max-width:767.98px) {.form-group {margin-bottom:1rem} .form-control {font-size:1rem;padding:0.75rem 1rem} .form-label {font-size:0.9rem;margin-bottom:0.5rem} .btn-form {width:100%;padding:1rem;font-size:1rem} } @media (max-width:575.98px) {.form-control {font-size:0.9rem;padding:0.875rem 1rem} .form-label {font-size:0.85rem} .btn-form {padding:0.875rem;font-size:0.9rem} } @media (max-width:991.98px) {.footer-main {padding:3rem 0 2rem} .footer-brand {text-align:center;margin-bottom:2rem} .footer-links {text-align:center;margin-bottom:2rem} .footer-social {text-align:center} } @media (max-width:767.98px) {.footer-main {padding:2.5rem 0 1.5rem} .footer-logo {height:32px} .footer-brand-name {font-size:1.1rem} .footer-description {font-size:0.9rem} .footer-section-title {font-size:1rem;margin-bottom:1rem} .footer-nav li {margin-bottom:0.5rem} .footer-nav a {font-size:0.9rem} .social-link {width:36px;height:36px;font-size:1rem} } @media (max-width:575.98px) {.footer-main {padding:2rem 0 1rem} .footer-logo {height:28px} .footer-brand-name {font-size:1rem} .footer-description {font-size:0.85rem} .footer-section-title {font-size:0.95rem} .footer-nav a {font-size:0.85rem} .social-link {width:32px;height:32px;font-size:0.9rem} } .aspect-ratio-16-9 {aspect-ratio:16/9;max-width:100%;height:auto} @media (max-width:575.98px) {.d-mobile-none {display:none !important} .d-mobile-block {display:block !important} .d-mobile-flex {display:flex !important} } @media (min-width:576px) {.d-mobile-only {display:none !important} } @media (max-width:575.98px) {.text-sm-center {text-align:center !important} .text-sm-left {text-align:left !important} .text-sm-right {text-align:right !important} } @media (max-width:575.98px) {.insights-search {flex-direction:column;gap:0.5rem} .insights-search input,.insights-search button {width:100%} .event-list-item .row {flex-direction:column} .list-event-image {height:200px;min-height:200px} .page-stats {text-align:center;margin-top:2rem} .stat-number {font-size:1.5rem} .category-chip {font-size:0.8rem;padding:0.4rem 0.8rem} } @media (max-width:767.98px) {.insights-hero {text-align:center} .events-container .col-lg-4 {margin-bottom:1.5rem} .share-btn {width:35px;height:35px;margin:0 0.2rem} .social-btn {min-width:120px;margin-bottom:0.5rem} .empty-actions .btn {display:block;width:100%;margin:0.5rem 0} } @media (max-width:991.98px) {.page-stats {display:none} .insights-search {margin-bottom:2rem} .view-toggle {margin-top:1rem} } @media (min-width:992px) {.insights-card-body {padding:2rem} .event-card:hover {transform:translateY(-10px)} } .topbar-premium {background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:0.75rem 0;font-size:0.875rem;position:relative;z-index:1030;box-shadow:0 2px 8px rgba(0,0,139,0.15)} .topbar-premium::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);animation:topbar-shimmer 4s infinite} .topbar-info-premium {display:flex;align-items:center;gap:2rem;flex:1} .topbar-item-premium {display:flex;align-items:center;color:rgba(255,255,255,0.95);font-size:0.85rem;font-weight:500;transition:all 0.3s ease;gap:0.5rem} .topbar-item-premium:hover {color:white;transform:translateY(-1px)} .topbar-item-premium i {width:16px;text-align:center;font-size:0.9rem} .topbar-actions-premium {display:flex;align-items:center;gap:1.5rem;justify-content:flex-end} .topbar-social-premium {display:flex;align-items:center;gap:0.75rem} .topbar-social-premium a {display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.15);border-radius:8px;color:rgba(255,255,255,0.9);text-decoration:none;transition:all 0.3s ease;font-size:0.85rem;backdrop-filter:blur(10px)} .topbar-social-premium a:hover {background:rgba(255,255,255,0.3);color:white;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.2)} .topbar-cta-premium {margin-left:1rem} .btn-topbar-premium {background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;backdrop-filter:blur(10px)} .btn-topbar-premium:hover {background:rgba(255,255,255,0.3);color:white;transform:translateY(-1px);box-shadow:0 4px 15px rgba(255,255,255,0.2)} .contact-modal {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9997;display:none;align-items:center;justify-content:center;backdrop-filter:blur(5px)} .contact-modal.show {display:flex} .contact-modal-content {background:white;padding:2rem;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.3);max-width:400px;width:90%;position:relative;animation:modal-slide-in 0.3s ease} @keyframes modal-slide-in {from {opacity:0;transform:translateY(-50px) scale(0.9)} to {opacity:1;transform:translateY(0) scale(1)} } .navbar {background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,139,0.1);padding:1rem 0;position:sticky;top:0;z-index:var(--header-z-index);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--primary-color),var(--secondary-color)) 1;transition:all 0.3s ease} .navbar.scrolled {background:rgba(255,255,255,0.98);padding:0.75rem 0;box-shadow:0 6px 40px rgba(0,0,139,0.15)} .navbar-container {max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between} .navbar-brand {display:flex;align-items:center;text-decoration:none;color:var(--primary-color) !important;font-weight:700;gap:1rem;transition:all 0.4s ease;position:relative} .navbar-brand::after {content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width 0.4s ease} .navbar-brand:hover {color:var(--secondary-color) !important;transform:translateY(-1px)} .navbar-brand:hover::after {width:100%} .navbar-logo {height:50px;width:auto;max-width:180px;object-fit:contain;transition:all 0.4s ease;filter:drop-shadow(0 2px 4px rgba(0,0,139,0.1))} .navbar-brand:hover .navbar-logo {transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(232,0,0,0.2))} .navbar-brand-text {font-size:1.2rem;font-weight:800;line-height:1.1;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px} .navbar-nav-desktop {display:flex !important;align-items:center !important;gap:0.5rem;margin:0;padding:0;flex-direction:row !important} .navbar-toggler {border:none;background:linear-gradient(135deg,rgba(0,0,139,0.1),rgba(232,0,0,0.1));padding:0.75rem;border-radius:10px;transition:all 0.3s ease} .navbar-toggler:focus {outline:none;box-shadow:0 0 0 3px rgba(0,0,139,0.25);transform:scale(1.05)} .navbar-toggler:hover {background:linear-gradient(135deg,rgba(0,0,139,0.15),rgba(232,0,0,0.15));transform:translateY(-1px)} .hamburger-menu {width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between} .hamburger-menu .bar {width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;transition:all 0.3s ease} .mobile-menu-toggle:hover .hamburger-menu .bar {background:linear-gradient(90deg,var(--secondary-color),var(--primary-color))} .footer-modern {background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:white;position:relative;margin-top:4rem} .footer-top-accent {position:relative;height:80px;overflow:hidden;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)} .footer-wave-pattern {position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E") repeat-x;animation:wave-flow 20s linear infinite} @keyframes wave-flow {0% {transform:translateX(0)} 100% {transform:translateX(-1200px)} } .footer-main {padding:4rem 0 2rem;position:relative} .footer-brand-section {margin-bottom:2rem} .footer-logo-container {display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem} .footer-logo {height:60px;width:auto;max-width:200px;object-fit:contain;filter:brightness(1.1) contrast(1.1)} .footer-logo-fallback {width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;display:flex;align-items:center;justify-content:center;color:white} .footer-brand-title {font-size:1.75rem;font-weight:700;color:white;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,0.3)} .footer-description {color:rgba(255,255,255,0.8);line-height:1.6;font-size:0.95rem} .footer-newsletter {background:rgba(255,255,255,0.05);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px)} .footer-heading {font-size:1.1rem;font-weight:600;color:white;margin-bottom:1rem;position:relative} .footer-heading::after {content:'';position:absolute;bottom:-5px;left:0;width:30px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))} .footer-text {color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:1rem} .newsletter-form-container {display:flex;gap:0.5rem;margin-top:1rem} .newsletter-input {flex:1;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white;border-radius:8px;padding:0.75rem 1rem} .newsletter-input::placeholder {color:rgba(255,255,255,0.6)} .newsletter-input:focus {background:rgba(255,255,255,0.15);border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,0,139,0.25);color:white} .newsletter-btn {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:white;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all 0.3s ease;white-space:nowrap} .newsletter-btn:hover {background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,139,0.3)} .footer-social {margin-top:2rem} .footer-social-icons {display:flex;gap:1rem;margin-top:1rem} .social-icon {display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;color:rgba(255,255,255,0.9);text-decoration:none;transition:all 0.3s ease;font-size:1.1rem;backdrop-filter:blur(10px)} .social-icon:hover {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px rgba(0,0,139,0.4);border-color:transparent} .footer-links-section {margin-bottom:2rem} .footer-links {list-style:none;padding:0;margin:0} .footer-links li {margin-bottom:0.75rem} .footer-links a {color:rgba(255,255,255,0.8);text-decoration:none;font-size:0.9rem;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem} .footer-links a:hover {color:white;transform:translateX(5px)} .footer-links a::before {content:'→';opacity:0;transition:opacity 0.3s ease} .footer-links a:hover::before {opacity:1} .view-all-link {font-weight:600;color:var(--primary-color) !important} .view-all-link:hover {color:var(--secondary-color) !important} .footer-contact-section {margin-bottom:2rem} .footer-contact-info {margin-top:1rem;display:flex;flex-direction:column;gap:0.5rem} .contact-item {display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-radius:12px;margin-bottom:1.25rem;background:rgba(255,255,255,0.05);transition:all 0.3s ease;min-height:auto;width:100%;box-sizing:border-box} .contact-item:hover {background:rgba(255,255,255,0.08);transform:translateY(-2px)} .contact-icon {width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;flex-shrink:0} .contact-icon.whatsapp {background:linear-gradient(135deg,#25d366,#128c7e)} .contact-text {flex:1;color:rgba(255,255,255,0.9);font-size:0.9rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;min-width:0} .contact-text a {color:rgba(255,255,255,0.9);text-decoration:none;transition:color 0.3s ease} .contact-text a:hover {color:white} .contact-text strong {color:white;font-weight:600;display:block;margin-bottom:0.5rem} .contact-item:last-child .contact-text {line-height:1.6} .contact-item:last-child .contact-text br+text {margin-top:0.25rem} @media (max-width:991.98px) {.footer-contact-section .contact-item {padding:1rem;margin-bottom:1rem;gap:0.75rem} .footer-contact-section .contact-icon {width:36px;height:36px;font-size:1rem} .footer-contact-section .contact-text {font-size:0.85rem;line-height:1.5} } @media (max-width:767.98px) {.footer-contact-section .contact-item {padding:0.875rem;margin-bottom:0.875rem;gap:0.75rem} .footer-contact-section .contact-icon {width:32px;height:32px;font-size:0.9rem} .footer-contact-section .contact-text {font-size:0.8rem;line-height:1.4} .footer-contact-section .contact-text strong {font-size:0.85rem;margin-bottom:0.375rem} } @media (max-width:575.98px) {.footer-contact-section .contact-item {padding:0.75rem;margin-bottom:0.75rem;gap:0.625rem;flex-direction:row;align-items:center} .footer-contact-section .contact-icon {width:28px;height:28px;font-size:0.8rem;flex-shrink:0} .footer-contact-section .contact-text {font-size:0.75rem;line-height:1.3;flex:1;min-width:0} .footer-contact-section .contact-text strong {font-size:0.8rem;margin-bottom:0.25rem} .contact-item:last-child .contact-text {line-height:1.4} } .footer-bottom {background:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.1);padding:1.5rem 0} .footer-copyright {color:rgba(255,255,255,0.7);font-size:0.9rem} .footer-legal {display:flex;align-items:center;gap:1rem} .legal-link {color:rgba(255,255,255,0.8);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease} .legal-link:hover {color:white} .legal-divider {color:rgba(255,255,255,0.4)} .back-to-top-btn {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:white;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:1rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,139,0.3)} .back-to-top-btn:hover {background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,139,0.4)} .whatsapp-float {position:fixed !important;bottom:20px !important;right:20px !important;width:56px !important;height:56px !important;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;color:white !important;font-size:1.4rem !important;text-decoration:none !important;box-shadow:0 4px 16px rgba(37,211,102,0.3) !important;z-index:99999 !important;transition:all 0.3s ease !important;animation:whatsapp-pulse 3s ease-in-out infinite !important;visibility:visible !important;opacity:1 !important;margin:0 !important;padding:0 !important;border:none !important;outline:none !important} .whatsapp-float:hover {background:linear-gradient(135deg,#128c7e 0%,#25d366 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px rgba(37,211,102,0.4);color:white;text-decoration:none} .whatsapp-float:active {transform:translateY(0) scale(0.95);transition:all 0.1s ease} @keyframes whatsapp-pulse {0%,100% {transform:scale(1);box-shadow:0 8px 32px rgba(37,211,102,0.3)} 50% {transform:scale(1.02);box-shadow:0 10px 36px rgba(37,211,102,0.4)} } .whatsapp-float.pulse-animation {animation:whatsapp-pulse 1s ease-in-out !important} @media screen and (max-width:768px) {.whatsapp-float {width:50px !important;height:50px !important;font-size:1.2rem;bottom:80px !important;right:16px !important;z-index:9999 !important;box-shadow:0 3px 12px rgba(37,211,102,0.3);-webkit-tap-highlight-color:transparent;animation:whatsapp-pulse 4s ease-in-out infinite;display:flex !important;visibility:visible !important;opacity:1 !important;position:fixed !important} .whatsapp-float:hover {transform:translateY(-1px) scale(1.02);box-shadow:0 4px 16px rgba(37,211,102,0.4)} .whatsapp-float:active {transform:scale(0.95);transition:all 0.15s ease} } @media screen and (max-width:480px) {.whatsapp-float {width:46px !important;height:46px !important;font-size:1.1rem;bottom:70px !important;right:12px !important;display:flex !important;visibility:visible !important;opacity:1 !important;position:fixed !important} } @media screen and (max-width:360px) {.whatsapp-float {width:44px !important;height:44px !important;font-size:1.1rem;bottom:60px !important;right:12px !important;display:flex !important;visibility:visible !important;opacity:1 !important;position:fixed !important} } @media (hover:none) and (pointer:coarse) {.whatsapp-float:hover {transform:none;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)} .whatsapp-float:active {transform:scale(0.95);transition:transform 0.1s ease;background:linear-gradient(135deg,#128c7e 0%,#25d366 100%)} } @media screen and (max-width:768px) and (orientation:landscape) {.whatsapp-float {bottom:12px;right:12px;width:44px;height:44px;font-size:1.1rem;bottom:max(12px,env(safe-area-inset-bottom,12px));right:max(12px,env(safe-area-inset-right,12px))} } @supports (padding:max(0px)) {@media screen and (max-width:768px) {.whatsapp-float {bottom:max(20px,calc(env(safe-area-inset-bottom)+20px));right:max(20px,calc(env(safe-area-inset-right)+20px))} } } .navbar-toggler {border:none !important;outline:none !important;padding:0.25rem 0.5rem !important;background:transparent !important;box-shadow:none !important;z-index:1051;position:relative} .navbar-toggler:focus {box-shadow:none !important;outline:none !important} .mobile-menu-toggle[aria-expanded="true"] .hamburger-menu .bar:nth-child(1) {transform:rotate(45deg) translate(6px,6px)} .mobile-menu-toggle[aria-expanded="true"] .hamburger-menu .bar:nth-child(2) {opacity:0} .mobile-menu-toggle[aria-expanded="true"] .hamburger-menu .bar:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px)} .mobile-fullscreen-menu {position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 50%,#e2e8f0 100%);z-index:1050;overflow-y:auto;transform:translateX(-100%);transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);opacity:0;visibility:hidden;display:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} .mobile-fullscreen-menu.show {transform:translateX(0);opacity:1;visibility:visible;display:block !important} .mobile-menu-header {display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:2px solid rgba(0,0,139,0.1);background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:1001} .mobile-menu-title {font-size:1.75rem;font-weight:800;color:var(--primary-color);margin:0;letter-spacing:-0.025em;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .mobile-menu-content {padding:2rem;height:calc(100vh - 120px);overflow-y:auto;scroll-behavior:smooth} @media (max-width:991.98px) {.mobile-menu-toggle {display:block} .desktop-nav {display:none !important} } .mobile-menu-backdrop {position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:1049;opacity:0;visibility:hidden;transition:all 0.3s ease} .mobile-menu-backdrop.show {opacity:1;visibility:visible} .mobile-search-section {margin-bottom:2rem} .mobile-section-title {font-size:1rem;font-weight:600;color:#4a5568;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.05em} .mobile-search-form {display:flex;gap:0.5rem} .mobile-search-input {flex:1;padding:0.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;transition:all 0.3s ease} .mobile-search-input:focus {border-color:#00008b;box-shadow:0 0 0 3px rgba(0,0,139,0.1)} .mobile-search-btn {background:#00008b;color:white;border:none;padding:0.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.3s ease} .mobile-search-btn:hover {background:#000070;transform:translateY(-1px)} .mobile-category-section {margin-bottom:2rem} .mobile-category-btn {width:100%;background:white;border:2px solid #e2e8f0;padding:1rem;text-align:left;font-size:1rem;font-weight:600;color:#2d3748;border-radius:8px;cursor:pointer;transition:all 0.3s ease;display:flex;justify-content:space-between;align-items:center} .mobile-category-btn:hover {border-color:#00008b;background:#f7fafc} .mobile-category-btn.open {border-color:#00008b;background:#f0f4f8} .nav-link-mobile {color:#374151 !important;font-weight:500;padding:0.8rem 1rem;border-radius:8px;transition:all 0.3s ease;text-decoration:none;font-size:0.95rem;display:flex;align-items:center} .nav-link-mobile:hover {color:var(--primary-color) !important;background:rgba(0,0,139,0.06)} .nav-link-mobile.active {color:var(--primary-color) !important;background:rgba(0,0,139,0.12);font-weight:600} @media (min-width:992px) {.mobile-fullscreen-menu {display:none !important} .navbar-toggler {display:none !important} .navbar-nav-desktop {display:flex !important} } @media (max-width:991.98px) {.navbar-nav-desktop {display:none !important} .main-header .navbar {min-height:60px} .navbar-brand-text {font-size:1.1rem} .navbar-toggler {display:block !important} } @media (max-width:768px) {.page-header {padding:2rem 0 !important} .page-header h1 {font-size:2rem !important} .page-header .lead {font-size:1rem !important} .hero-video-section {min-height:80vh !important;padding:2rem 0} .hero-title-premium {font-size:2.5rem !important;text-align:center} .hero-subtitle-premium {font-size:1.1rem !important;text-align:center} .card {margin-bottom:1.5rem} .card-body {padding:1.5rem 1rem !important} .contact-card-icon {width:60px !important;height:60px !important} .btn {padding:0.75rem 1.5rem;font-size:0.9rem} .btn-lg {padding:1rem 2rem;font-size:1rem} .form-control,.form-select {padding:0.75rem;font-size:1rem} .navbar-brand {font-size:1.1rem !important} .navbar-brand-text {font-size:1.1rem !important} .page-stats {text-align:center !important;margin-top:1rem} .stat-number {font-size:1.5rem !important} .stat-label {font-size:0.8rem !important} } @media (max-width:576px) {.container {padding-left:1rem !important;padding-right:1rem !important} .page-header {padding:1.5rem 0 !important} .page-header h1 {font-size:1.75rem !important} .hero-video-section {min-height:70vh !important;padding:1.5rem 0} .hero-title-premium {font-size:2rem !important} .hero-subtitle-premium {font-size:1rem !important} .hero-search-input {min-width:250px !important;font-size:0.9rem !important} .btn-hero-search {min-width:120px !important;font-size:0.9rem !important;padding:12px 16px !important} .card-body {padding:1rem !important} .contact-card-icon {width:50px !important;height:50px !important} .btn {padding:0.625rem 1.25rem;font-size:0.875rem} .hero-actions .btn {width:100%;margin-bottom:0.5rem} .navbar-brand {font-size:1rem !important} .navbar-logo {width:35px !important;height:35px !important} .footer-main {padding:2rem 0 1rem !important} .footer-brand,.footer-links,.footer-contact {text-align:center !important;margin-bottom:2rem} } @media (max-width:768px) {.btn,.nav-link,.navbar-toggler,.form-control,.form-select {min-height:44px} a {padding:0.25rem;margin:-0.25rem} .btn:focus,.form-control:focus,.form-select:focus {box-shadow:0 0 0 3px rgba(0,0,139,0.25) !important} body {overflow-x:hidden;position:relative} .row {margin-left:-0.75rem;margin-right:-0.75rem} .col,[class*="col-"] {padding-left:0.75rem;padding-right:0.75rem} section {padding:2rem 0 !important} .py-5 {padding-top:2rem !important;padding-bottom:2rem !important} #contactForm .form-control,#contactForm .form-select {padding:1rem !important;font-size:1rem !important;border-radius:8px !important} #contactForm .btn-primary {width:100%;padding:1rem !important;font-size:1rem !important;margin-top:1rem} } @media (max-width:896px) and (orientation:landscape) {.hero-video-section {min-height:100vh !important} .mobile-fullscreen-menu {padding-top:0} .mobile-menu-content {padding:1rem 2rem} } .navbar-container {display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem} .navbar-brand {display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:#1a202c;font-weight:600;font-size:1.2rem} .navbar-brand:hover {text-decoration:none;color:#00008b} .navbar-logo {width:45px;height:45px;object-fit:contain;border-radius:8px} .navbar-brand-text {font-size:1.2rem;font-weight:600;color:inherit;margin:0;line-height:1.2} .navbar-nav-desktop {display:flex !important;align-items:center;gap:0.5rem;margin-left:auto} .navbar-nav-desktop .nav-link {font-weight:500;color:#333;padding:0.5rem 1rem;border-radius:6px;transition:all 0.3s ease;position:relative} .navbar-nav-desktop .nav-link:hover {color:var(--primary-color);background:rgba(0,0,139,0.05);transform:translateY(-1px)} .navbar-nav-desktop .nav-link.active {color:var(--primary-color);background:rgba(0,0,139,0.1)} .navbar-nav-desktop {list-style:none;margin:0;padding:0} .nav-link {color:#374151;text-decoration:none;font-weight:500;font-size:0.95rem;padding:0.5rem 0;transition:all 0.3s ease;position:relative} .nav-link:hover {color:#00008b;text-decoration:none} .nav-link.active {color:#00008b;font-weight:600} .nav-link.active::after {content:'';position:absolute;bottom:-5px;left:0;right:0;height:2px;background:#00008b;border-radius:1px} .contact-page {min-height:100vh} .contact-info-card {height:100%;display:flex;flex-direction:column} .contact-info-card .card-body {flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center} .contact-card-icon {width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border-radius:50%} .contact-form-container {background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #e5e7eb} .contact-map-container {height:300px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);display:flex;align-items:center;justify-content:center;color:#666;font-size:1.1rem} @media (max-width:768px) {.contact-info-card {margin-bottom:2rem} .contact-form-container {padding:1.5rem;margin-top:2rem} .contact-map-container {height:250px;margin-top:2rem} .page-header .stat-item {margin-bottom:1rem} .page-header .page-stats {margin-top:2rem} } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {.navbar-logo,.footer-logo {image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} } @media print {.skip-link,.share-btn,.social-btn,.whatsapp-btn,.whatsapp-float,.pagination,.view-toggle,.topbar,.navbar-toggler,.back-to-top-btn {display:none !important} .insights-card,.event-card {break-inside:avoid;box-shadow:none !important;border:1px solid #ddd !important} .footer-modern {background:white !important;color:black !important} } .btn-hero-search:hover,.btn-hero-primary:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,0,0,0.4);background:linear-gradient(45deg,#ff4444,#e80000) !important;color:white !important;border-color:#e80000 !important} .btn-hero-primary:hover,.btn-hero-primary:hover *,.btn-hero-primary:focus,.btn-hero-primary:focus *,.btn-hero-primary:active,.btn-hero-primary:active * {color:white !important} .hero-search-input:focus {box-shadow:0 6px 20px rgba(0,0,0,0.15);outline:none;border:2px solid rgba(232,0,0,0.3)} .hero-search-form .input-group {box-shadow:0 8px 25px rgba(0,0,0,0.1);border-radius:50px;overflow:hidden} @keyframes fade-in-up {from {opacity:0;transform:translateY(30px)} to {opacity:1;transform:translateY(0)} } @keyframes slide-in-right {from {opacity:0;transform:translateX(50px)} to {opacity:1;transform:translateX(0)} } .animate-fade-in-up {animation:fade-in-up 0.8s ease-out forwards;opacity:0} .animate-slide-in-right {animation:slide-in-right 0.8s ease-out forwards;opacity:0} .min-vh-70 {min-height:70vh} .text-white-75 {color:rgba(255,255,255,0.75) !important} .section-title {font-size:2.5rem;font-weight:800;color:#2c3e50;margin-bottom:1rem} .section-subtitle {font-size:1.1rem;line-height:1.6;margin-bottom:2rem} .stat-item-modern:hover {transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,0.12)} .course-card:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.15)} .benefit-card:hover {transform:translateY(-5px);background:rgba(255,255,255,0.15)} .view-btn:hover {transform:translateY(-1px);box-shadow:0 4px 16px rgba(102,126,234,0.4) !important} .sort-icon:hover {color:#667eea !important;transform:scale(1.1)} .filters-section .form-control:focus,.filters-section .form-select:focus {border-color:#667eea;box-shadow:0 0 0 0.2rem rgba(102,126,234,0.25)} .view-enroll-btn:hover {background:linear-gradient(135deg,#007bff 0%,#0056b3 100%) !important;border-color:transparent !important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,123,255,0.4) !important} .enroll-btn:hover {background:linear-gradient(135deg,#28a745 0%,#20c997 100%) !important;border-color:transparent !important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(40,167,69,0.4) !important} .event-hero-image {height:400px;object-fit:cover} .hover-shadow {transition:all 0.3s ease} @media (max-width:768px) {.hero-title-premium {font-size:2.5rem !important} .hero-subtitle-premium {font-size:1.1rem !important} } .event-type-badge {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;font-size:0.75rem;font-weight:500;padding:0.5rem 1rem;border-radius:50px} .pagination .page-item.active .page-link {background-color:var(--primary-color);border-color:var(--primary-color)} .empty-state {padding:4rem 2rem} .empty-icon i {opacity:0.3} .event-hero-image {height:400px;object-fit:cover} @media (max-width:768px) {.event-hero-image {height:250px} .d-flex.gap-3 {flex-direction:column;gap:1rem !important} .badge {align-self:flex-start} } .partners-carousel-wrapper {overflow:hidden;position:relative;padding:2rem 0} .partners-carousel {width:100%;overflow:hidden} .partners-track {display:flex;animation:partnersScroll 30s linear infinite;width:calc(200px * 20)} .partner-slide {flex:0 0 auto;width:200px;padding:0 1rem;display:flex;align-items:center;justify-content:center} .partner-logo {max-width:120px;max-height:80px;object-fit:contain;filter:grayscale(0.7);opacity:0.8;transition:all 0.3s ease} .partner-slide:hover .partner-logo {filter:grayscale(0);opacity:1;transform:scale(1.05)} @keyframes partnersScroll {0% {transform:translateX(0)} 100% {transform:translateX(-50%)} } .partners-carousel-wrapper:hover .partners-track {animation-play-state:paused} .impact-story-card {transition:all 0.3s ease;position:relative !important;overflow:visible !important} .impact-story-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15) !important} button,.btn,a[onclick] {pointer-events:auto !important;position:relative !important;z-index:999999 !important} .video-play-btn,.video-play-btn-lg,button[data-video-url] {pointer-events:auto !important;z-index:999999 !important;position:absolute !important;cursor:pointer !important;background:white !important;border:2px solid #00008b !important;border-radius:50% !important;width:80px !important;height:80px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 20px rgba(0,0,0,0.3) !important} .video-play-btn i,.video-play-btn-lg i {color:#00008b !important;font-size:24px !important;margin-left:3px !important} .img-fluid {pointer-events:none !important} .position-absolute:not(.video-play-btn):not([onclick]) {pointer-events:none !important} .story-content {line-height:1.7} .modal-content:not(#applicationModal .modal-content) {border:none;border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,0.2);backdrop-filter:blur(10px)} .loading-dots .dot {display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--bs-primary);margin:0 2px;animation:loadingBounce 1.4s ease-in-out infinite both} .loading-dots .dot:nth-child(1) {animation-delay:-0.32s} .loading-dots .dot:nth-child(2) {animation-delay:-0.16s} .loading-dots .dot:nth-child(3) {animation-delay:0s} @keyframes loadingBounce {0%,80%,100% {transform:scale(0);opacity:0.5} 40% {transform:scale(1);opacity:1} } @media print {@page {margin:15mm;size:A4} .no-print {display:none !important} .print-break {page-break-before:always} body {font-family:Arial,sans-serif;font-size:12px;line-height:1.5;margin:0;padding:20px;color:#333;background:#fff} } .letterhead {background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-bottom:4px solid #1a365d;padding:25px 20px;margin-bottom:30px;position:relative;box-shadow:0 2px 10px rgba(0,0,0,0.1)} .company-name {font-size:26pt;font-weight:bold;margin-bottom:8px;color:#1a365d;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(0,0,0,0.1);line-height:1.1} .program-title {background:#f8f9fa;border:1px solid #dee2e6;padding:20px;margin-bottom:25px;text-align:center;page-break-inside:avoid} .info-table {width:100%;border-collapse:collapse;margin-bottom:15px} .info-table td {padding:8px 12px;border:1px solid #e5e7eb;vertical-align:top} .info-table .label {font-weight:bold;color:#1a365d;background:#f8f9fa;width:30%;text-transform:uppercase;font-size:9pt} .schedule-item {background:#f8f9fa;border:1px solid #e5e7eb;padding:15px;margin-bottom:12px} .header-container {max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);position:relative} .header-logo {flex-shrink:0} .logo-link {display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:var(--primary-color);transition:var(--transition)} .logo-link:hover {color:var(--primary-color);transform:translateY(-1px)} .logo-img {height:45px;width:auto;object-fit:contain;transition:var(--transition)} .logo-link:hover .logo-img {transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(232,0,0,0.2))} .logo-text {font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:-0.025em} .logo-full {display:inline} .logo-short {display:none} .desktop-nav {display:flex;align-items:center;margin-left:auto} @media (min-width:769px) {.desktop-nav {display:flex !important} .mobile-toggle {display:none !important} } .nav-menu {display:flex;align-items:center;gap:0.5rem;list-style:none;margin:0;padding:0} .nav-item {position:relative} .nav-link {display:flex;align-items:center;gap:0.25rem;padding:0.75rem 1rem;color:var(--text-dark);text-decoration:none;font-weight:500;font-size:0.95rem;border-radius:8px;transition:var(--transition);position:relative} .nav-link:hover {color:var(--primary-color);background:rgba(0,0,139,0.05);transform:translateY(-1px)} .nav-link.active {color:var(--primary-color);background:rgba(0,0,139,0.1);font-weight:600} .nav-link i {font-size:0.8rem;transition:var(--transition)} @media (max-width:991px) {.mobile-toggle {display:flex !important} .desktop-nav {display:none !important} .mobile-menu {display:block} } @media (min-width:992px) {.mobile-toggle {display:none !important} .mobile-menu {display:none !important} .mobile-menu-overlay {display:none !important} .desktop-nav {display:flex !important} } .mobile-toggle:hover {background:rgba(0,0,139,0.05)} .hamburger-line:not(:last-child) {margin-bottom:4px} .mobile-toggle.active .hamburger-line:nth-child(1) {transform:rotate(45deg) translate(6px,6px)} .mobile-toggle.active .hamburger-line:nth-child(2) {opacity:0;transform:scale(0)} .mobile-toggle.active .hamburger-line:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px)} .mobile-menu-content {padding:2rem 1.5rem;height:100%;display:flex;flex-direction:column} .mobile-cta-buttons {display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,0.1)} .mobile-cta-btn {display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem;border-radius:8px;text-decoration:none;font-weight:600;transition:var(--transition)} .mobile-cta-btn.primary {background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white)} .mobile-cta-btn.primary:hover {color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,139,0.3)} .mobile-cta-btn.secondary {background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)} .mobile-cta-btn.secondary:hover {background:var(--primary-color);color:var(--white);transform:translateY(-2px)} @media (max-width:1200px) {.header-container {max-width:100%;padding:0 2rem} } @media (max-width:1024px) {.logo-full {display:none} .logo-short {display:inline} .logo-text {font-size:1.1rem} .header-container {padding:0 1.5rem} } @media (max-width:768px) {.desktop-nav {display:none !important} .mobile-toggle {display:flex !important} .header-container {padding:0 1rem} .logo-img {height:40px} .logo-text {font-size:1rem} } @media (max-width:480px) {.header-container {padding:0 0.75rem} .logo-img {height:35px} .logo-text {font-size:0.9rem} .mobile-menu {width:100%;right:-100%;visibility:hidden;opacity:0} .mobile-menu.active {right:0;visibility:visible;opacity:1} } .navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .nav-link.active {color:var(--primary-color) !important} .navbar-nav .nav-link.active::after {content:'';position:absolute;bottom:0;left:15px;right:15px;height:2px;background:var(--primary-color)} .navbar-cta {display:flex;gap:10px;margin-left:20px} .navbar-cta .btn {padding:8px 16px;font-weight:500;border-radius:var(--radius-lg);transition:all 0.3s ease;font-size:0.9rem} .navbar-toggler {border:none;padding:4px 8px;background:none;position:relative;width:30px;height:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px} .navbar-toggler:focus {box-shadow:none} .navbar-toggler span {display:block;width:22px;height:2px;background-color:#333;transition:all 0.3s ease;border-radius:1px} .navbar-toggler:not(.collapsed) span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)} .navbar-toggler:not(.collapsed) span:nth-child(2) {opacity:0} .navbar-toggler:not(.collapsed) span:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)} @media (min-width:992px) {.navbar-nav {display:flex !important;visibility:visible !important} } @media (max-width:575.98px) {.topbar-contact .topbar-link:last-child {display:none} } .alert-container {position:relative;z-index:1045;margin-top:15px} .alert-container .alert {margin:0 15px 10px} @media (max-width:767.98px) {body {padding-top:85px !important} } @media (min-width:992px) {.navbar-menu {display:flex !important;visibility:visible !important;opacity:1 !important} .mobile-menu-toggle {display:none !important} .mobile-menu {display:none !important} .mobile-menu-overlay {display:none !important} .navbar-nav {display:flex !important;visibility:visible !important} .nav-item {display:block !important} .nav-link {display:block !important} } .navbar-container {position:relative;width:100%} .search-container {position:relative;max-width:100%} .search-container .input-group-text {background-color:#fff;border-right:none;color:var(--gray-500);padding:0.75rem 1rem} .search-container .form-control {border-left:none;padding-left:0;font-size:1rem;box-shadow:none;transition:all 0.3s ease} .search-container .form-control:focus {border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(0,0,139,0.1)} .search-container .input-group:focus-within {box-shadow:var(--shadow-primary);border-radius:0.5rem} .search-suggestions {background:white;border:1px solid var(--gray-200);border-top:none;border-radius:0 0 0.5rem 0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:300px;overflow-y:auto;z-index:1050} .search-suggestion-item {padding:0.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:all 0.2s ease;display:flex;align-items:center} .search-suggestion-item:hover {background-color:var(--gray-50);color:var(--primary-color)} .search-suggestion-item:last-child {border-bottom:none} .search-suggestion-item i {width:16px;text-align:center;margin-right:0.5rem;color:var(--gray-500)} .search-suggestion-item:hover i {color:var(--primary-color)} .search-stats {font-size:0.875rem;color:var(--gray-600);display:flex;align-items:center;gap:0.25rem} .search-stats strong {color:var(--primary-color);font-weight:600} .filters-section {background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid var(--gray-200);padding:1rem 0} .filters-section .form-select,.filters-section .form-control {border:1px solid var(--gray-300);border-radius:0.375rem;font-size:0.875rem;transition:all 0.2s ease} .filters-section .form-select:focus,.filters-section .form-control:focus {border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(0,0,139,0.1)} #clearSearch,#clearSearchMobile {border-left:1px solid var(--gray-300);background:white;color:var(--gray-500);transition:all 0.2s ease} #clearSearch:hover,#clearSearchMobile:hover {background:var(--gray-50);color:var(--primary-color)} .programs-table {background:white;border-radius:0.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1)} .programs-table .table-header {background:linear-gradient(135deg,var(--primary-color) 0%,#1a1a8b 100%);color:white} .programs-table .table-header-cell {border:none;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.025em} .program-row {transition:all 0.2s ease;border-bottom:1px solid var(--gray-100)} .program-row:hover {background-color:var(--gray-50);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)} .program-thumb {width:72px;height:56px;border-radius:0.375rem;overflow:hidden;background:var(--gray-100)} .program-thumb-img {object-fit:cover;transition:transform 0.2s ease} .program-row:hover .program-thumb-img {transform:scale(1.05)} .program-title-compact {font-size:0.95rem;font-weight:600;color:var(--gray-800);line-height:1.3;margin-bottom:0.25rem} .instructor-info {font-size:0.8rem;color:var(--gray-600);display:flex;align-items:center;gap:0.25rem} .duration-text-compact {font-size:0.875rem;color:var(--gray-700);font-weight:500} .no-schedules-badge {background:linear-gradient(135deg,var(--gray-500) 0%,var(--gray-600) 100%);font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:0.25rem} @media (max-width:768px) {.search-container .input-group-lg .form-control {font-size:1rem;padding:0.75rem} .search-container .input-group-lg .input-group-text {padding:0.75rem} .search-stats {font-size:0.8rem;margin-top:0.5rem} .filters-section {padding:0.75rem 0} .program-thumb {width:60px;height:48px} .program-title-compact {font-size:0.9rem} .instructor-info {font-size:0.75rem} } .search-loading {position:relative} .search-loading::after {content:'';position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--gray-300);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite} @keyframes spin {0% {transform:translateY(-50%) rotate(0deg)} 100% {transform:translateY(-50%) rotate(360deg)} } .empty-state {padding:3rem 1rem;text-align:center;color:var(--gray-600)} .empty-state-icon {font-size:3rem;margin-bottom:1rem;color:var(--gray-400)} .quick-stats-badge {font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:0.25rem;font-weight:500} .btn-group .btn {border-color:var(--primary-color);color:var(--primary-color);transition:all 0.2s ease} .btn-group .btn.active {background-color:var(--primary-color);border-color:var(--primary-color);color:white} .btn-group .btn:hover {background-color:var(--primary-color);border-color:var(--primary-color);color:white} .cursor-pointer {cursor:pointer} .hover-bg-light:hover {background-color:var(--gray-50) !important} .featured-programs-section h2,.featured-programs-section h2.heading-premium-lg,section.featured-programs-section h2,section.featured-programs-section h2.heading-premium-lg {color:white !important} .benefits-section h2,.benefits-section h2.heading-premium-lg,section.benefits-section h2,section.benefits-section h2.heading-premium-lg {color:white !important} .bg-gradient-secondary h2,.bg-gradient-secondary h2.heading-premium-lg,section.bg-gradient-secondary h2,section.bg-gradient-secondary h2.heading-premium-lg {color:white !important} .inhouse-training-cta h2,.inhouse-training-cta h2.heading-premium-lg,.inhouse-training-cta h2.text-white,.inhouse-training-cta h2.mb-4,section.inhouse-training-cta h2,section.inhouse-training-cta h2.heading-premium-lg,section.inhouse-training-cta h2.text-white,section.inhouse-training-cta h2.mb-4,section.inhouse-training-cta h2.text-dark,.bg-gradient-light h2,.bg-gradient-light h2.heading-premium-lg,.bg-gradient-light h2.text-dark,section.inhouse-training-cta.py-5.bg-gradient-light h2,section.inhouse-training-cta.py-5.bg-gradient-light h2.heading-premium-lg,section.inhouse-training-cta.py-5.bg-gradient-light h2.text-white,section.inhouse-training-cta.py-5.bg-gradient-light h2.mb-4 {color:white !important;-webkit-text-fill-color:white !important;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05)) !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;text-shadow:2px 2px 4px rgba(0,0,0,0.7) !important;font-weight:800 !important;padding:1rem 1.5rem !important;border-radius:12px !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.2) !important} .rich-text-content,.editor-content {line-height:1.7;color:var(--gray-700);font-size:1rem} .rich-text-content h1,.editor-content h1 {font-size:2rem;font-weight:700;color:var(--primary-color);margin-top:2rem;margin-bottom:1rem;line-height:1.3} .rich-text-content h2,.editor-content h2 {font-size:1.75rem;font-weight:600;color:var(--primary-color);margin-top:1.75rem;margin-bottom:0.875rem;line-height:1.3} .rich-text-content h3,.editor-content h3 {font-size:1.5rem;font-weight:600;color:var(--gray-800);margin-top:1.5rem;margin-bottom:0.75rem;line-height:1.3} .rich-text-content h4,.editor-content h4 {font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-top:1.25rem;margin-bottom:0.625rem;line-height:1.4} .rich-text-content h5,.editor-content h5 {font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-top:1.125rem;margin-bottom:0.5625rem;line-height:1.4} .rich-text-content h6,.editor-content h6 {font-size:1rem;font-weight:600;color:var(--gray-700);margin-top:1rem;margin-bottom:0.5rem;line-height:1.4} .rich-text-content p,.editor-content p {margin-bottom:1rem;line-height:1.7} .rich-text-content p:last-child,.editor-content p:last-child {margin-bottom:0} .rich-text-content ul,.rich-text-content ol,.editor-content ul,.editor-content ol {margin-bottom:1rem;padding-left:1.5rem} .rich-text-content ul li,.rich-text-content ol li,.editor-content ul li,.editor-content ol li {margin-bottom:0.5rem;line-height:1.6} .rich-text-content ul li:last-child,.rich-text-content ol li:last-child,.editor-content ul li:last-child,.editor-content ol li:last-child {margin-bottom:0} .rich-text-content ul ul,.rich-text-content ol ol,.rich-text-content ul ol,.rich-text-content ol ul,.editor-content ul ul,.editor-content ol ol,.editor-content ul ol,.editor-content ol ul {margin-top:0.5rem;margin-bottom:0.5rem} .rich-text-content strong,.rich-text-content b,.editor-content strong,.editor-content b {font-weight:600;color:var(--gray-800)} .rich-text-content em,.rich-text-content i,.editor-content em,.editor-content i {font-style:italic} .rich-text-content a,.editor-content a {color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:all 0.2s ease} .rich-text-content a:hover,.editor-content a:hover {color:var(--secondary-color);border-bottom-color:var(--secondary-color)} .rich-text-content blockquote,.editor-content blockquote {border-left:4px solid var(--primary-color);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--gray-600);background-color:var(--gray-50);padding:1rem;border-radius:0.375rem} .rich-text-content table,.editor-content table {width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.9rem} .rich-text-content table th,.rich-text-content table td,.editor-content table th,.editor-content table td {padding:0.75rem;text-align:left;border-bottom:1px solid var(--gray-200)} .rich-text-content table th,.editor-content table th {background-color:var(--gray-50);font-weight:600;color:var(--gray-800)} .rich-text-content img,.editor-content img {max-width:100%;height:auto;border-radius:0.5rem;margin:1rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.1)} .plain-text-content {line-height:1.7;color:var(--gray-700)} .plain-text-content p {margin-bottom:0.75rem} .plain-text-content p:last-child {margin-bottom:0} .section-content .rich-text-content,.section-content .editor-content,.section-content .plain-text-content {margin-top:0} @media (max-width:768px) {.rich-text-content,.editor-content {font-size:0.95rem} .rich-text-content h1,.editor-content h1 {font-size:1.75rem} .rich-text-content h2,.editor-content h2 {font-size:1.5rem} .rich-text-content h3,.editor-content h3 {font-size:1.25rem} .rich-text-content ul,.rich-text-content ol,.editor-content ul,.editor-content ol {padding-left:1.25rem} .professional-hero {padding:2rem 0} .professional-hero .program-header h1 {font-size:2rem} .professional-hero .key-info {justify-content:center;text-align:center} .professional-hero .quick-actions {text-align:center;margin-top:2rem} .hero-title-premium {font-size:1.8rem !important} .heading-premium-xl {font-size:2.5rem} .heading-premium-lg {font-size:2rem} .heading-premium-md {font-size:1.5rem} #programVideoModal .modal-dialog {max-width:95vw;margin:1rem} #programVideoModal .modal-footer {flex-direction:column;gap:1rem} .inhouse-training-banner .row {text-align:center} .inhouse-training-banner .col-lg-4 {margin-top:1rem} } .program-card {width:100%;max-width:100%;margin-bottom:1.5rem;overflow:hidden} .program-card .card-body {padding:1rem;display:flex;flex-direction:column;min-height:200px} .program-card .card-title {font-size:1.1rem;line-height:1.3;margin-bottom:0.75rem;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto} .program-card .card-text {font-size:0.9rem;line-height:1.4;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .program-card .btn,.btn-premium {width:100%;max-width:100%;padding:0.75rem 1rem;font-size:0.9rem;font-weight:500;border-radius:0.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:auto;box-sizing:border-box;min-height:44px;display:flex;align-items:center;justify-content:center;gap:0.5rem} .program-card .btn i {flex-shrink:0;font-size:0.8rem} .program-card .btn-text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .programs-grid {display:grid;grid-template-columns:1fr;gap:1rem;width:100%;padding:0 0.5rem} @media (min-width:480px) {.program-card .card-body {padding:1.25rem} .program-card .card-title {font-size:1.2rem} .program-card .card-text {font-size:0.95rem} .program-card .btn {font-size:0.95rem;padding:0.875rem 1.25rem} .programs-grid {padding:0 1rem} } @media (min-width:992px) {.programs-grid {grid-template-columns:repeat(3,1fr);gap:2rem} .program-card .card-body {padding:2rem;min-height:250px} .program-card .card-title {font-size:1.4rem} .program-card .card-text {font-size:1.1rem} .program-card .btn {font-size:1.1rem;padding:1.125rem 2rem} } @media (min-width:1200px) {.programs-grid {grid-template-columns:repeat(4,1fr)} .program-card .card-body {min-height:280px} } @media (max-width:767px) {.btn-premium,.btn-premium-primary,.btn-premium-secondary {width:100% !important;max-width:100% !important;font-size:0.9rem !important;padding:0.75rem 1rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} .btn-premium::before,.btn-premium-primary::before,.btn-premium-secondary::before {display:none} } @media (hover:none) and (pointer:coarse) {.program-card:hover {transform:none;box-shadow:0 4px 6px rgba(0,0,0,0.05)} .program-card .btn:hover {transform:none} } .programs-container {width:100%;max-width:100%;overflow-x:hidden} .programs-row {margin-left:-0.5rem;margin-right:-0.5rem} .programs-row>[class*="col-"] {padding-left:0.5rem;padding-right:0.5rem} @media (min-width:992px) {.programs-row {margin-left:-1rem;margin-right:-1rem} .programs-row>[class*="col-"] {padding-left:1rem;padding-right:1rem} } .suggestions-container {position:relative !important;top:0 !important;left:0 !important;right:0 !important;background:rgba(255,255,255,0.92) !important;backdrop-filter:blur(12px) saturate(180%) !important;-webkit-backdrop-filter:blur(12px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:12px !important;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08) !important;z-index:10 !important;display:none !important;max-height:300px !important;height:auto !important;overflow:hidden !important;margin-top:8px !important;margin-bottom:16px !important;opacity:0 !important;transform:translateY(-10px) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important} @supports not (backdrop-filter:blur(12px)) {.suggestions-container {background:rgba(255,255,255,0.98) !important} } .hero-search-container {transition:margin-bottom 0.3s ease !important} .hero-search-container.suggestions-active {margin-bottom:2rem !important} .suggestions-container.active {display:block !important;transform:translateY(0) scale(1) !important;opacity:1 !important;animation:slideInDown 0.3s cubic-bezier(0.4,0,0.2,1) forwards} .suggestions-list {max-height:260px;overflow-y:auto;padding:0.75rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:transparent} .suggestions-list::-webkit-scrollbar {width:6px} .suggestions-list::-webkit-scrollbar-track {background:rgba(248,250,252,0.5);border-radius:3px} .suggestions-list::-webkit-scrollbar-thumb {background:#cbd5e1;border-radius:3px;transition:background 0.2s ease} .suggestions-list::-webkit-scrollbar-thumb:hover {background:#94a3b8} .suggestion-item {display:flex !important;align-items:center !important;gap:0.75rem !important;padding:1rem 1.25rem !important;cursor:pointer !important;transition:all 0.2s ease !important;border-radius:8px !important;user-select:none !important;position:relative !important;width:100% !important;box-sizing:border-box !important;background:rgba(255,255,255,0.7) !important;color:#0f172a !important;text-decoration:none !important;margin-bottom:0.5rem !important;border-bottom:1px solid rgba(226,232,240,0.6) !important;box-shadow:0 1px 3px rgba(0,0,0,0.05) !important} .suggestion-item::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(232,0,0,0.08),rgba(255,68,68,0.05));opacity:0;transition:opacity 0.25s ease;border-radius:12px} .suggestion-item:hover,.suggestion-item.active {background:rgba(255,255,255,0.95) !important;color:#0f172a !important;transform:translateX(4px) !important;box-shadow:0 4px 16px rgba(232,0,0,0.2),0 2px 8px rgba(0,0,0,0.1) !important;border-left:4px solid #e80000 !important;padding-left:1.5rem !important} .suggestion-item:hover .suggestion-title,.suggestion-item.active .suggestion-title {color:#e80000 !important} .suggestion-item:hover::before,.suggestion-item.active::before {opacity:1} .suggestion-item * {pointer-events:none;position:relative;z-index:1} .suggestion-item:last-child {margin-bottom:0 !important} .suggestion-content {flex:1;min-width:0} .suggestion-title {font-weight:700 !important;color:#0c1017 !important;font-size:0.9rem !important;line-height:1.4 !important;margin-bottom:0.25rem !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;text-shadow:0 1px 2px rgba(255,255,255,0.5) !important} .suggestion-meta {display:flex !important;gap:0.75rem !important;align-items:center !important;flex-wrap:wrap !important} .suggestion-category {font-size:0.75rem !important;color:#ffffff !important;background:#e80000 !important;padding:0.3rem 0.75rem !important;border-radius:6px !important;font-weight:600 !important;white-space:nowrap !important;text-transform:uppercase !important;letter-spacing:0.025em !important} .suggestion-duration {font-size:0.75rem !important;color:#ffffff !important;font-weight:600 !important;white-space:nowrap !important;background:#1e40af !important;padding:0.3rem 0.75rem !important;border-radius:6px !important;text-transform:uppercase !important;letter-spacing:0.025em !important} .suggestions-list .loading,.suggestions-list .error,.suggestions-list .no-results {padding:1.5rem !important;text-align:center !important;color:#475569 !important;font-size:0.875rem !important;font-weight:500 !important;border-radius:8px !important;margin:0.5rem !important;background:transparent !important;border:none !important} .suggestions-list .error {color:#dc2626 !important} .suggestions-list .no-results {color:#475569 !important} .suggestions-list .loading {display:flex !important;align-items:center !important;justify-content:center !important;gap:0.75rem !important;color:#e80000 !important} .suggestions-list .loading::before {content:'';width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid #e80000;border-radius:50%;animation:spin 1s linear infinite} .suggestion-title mark {background:#fbbf24 !important;color:#92400e !important;padding:0.125rem 0.25rem !important;border-radius:4px !important;font-weight:800 !important;box-shadow:0 1px 2px rgba(146,64,14,0.2) !important} @keyframes slideInDown {0% {transform:translateY(-10px);opacity:0} 100% {transform:translateY(0);opacity:1} } @keyframes spin {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)} } @media (max-width:768px) {.suggestions-container {max-height:250px !important;margin-bottom:1rem !important} .suggestions-list {max-height:210px !important;padding:0.5rem} .suggestion-item {padding:0.875rem 1rem !important;gap:0.5rem !important;margin-bottom:0.25rem !important} .suggestion-title {font-size:0.85rem !important;font-weight:700 !important} .suggestion-item:hover,.suggestion-item.active {transform:translateX(2px) !important;padding-left:1.25rem !important} .hero-search-container.suggestions-active {margin-bottom:1.5rem !important} } .hero-video-section .hero-video-overlay {pointer-events:none !important;z-index:1 !important} .hero-stats {margin-top:4rem !important;position:relative;z-index:10} .hero-stats .hero-stat-card,.hero-video-section .hero-stat-card,section.hero-video-section .hero-stat-card {background:rgba(255,255,255,0.15) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:2px solid rgba(255,255,255,0.3) !important;border-radius:16px !important;padding:2rem 1.5rem !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 12px 40px rgba(0,0,0,0.2) !important;position:relative !important;overflow:hidden !important;height:100% !important;min-height:140px !important;opacity:1 !important;visibility:visible !important} .hero-stats .hero-stat-card:hover,.hero-video-section .hero-stat-card:hover,section.hero-video-section .hero-stat-card:hover {transform:translateY(-8px) scale(1.02) !important;background:rgba(255,255,255,0.25) !important;box-shadow:0 20px 60px rgba(0,0,0,0.3) !important;border-color:rgba(255,255,255,0.4) !important} .hero-stats .hero-stat-card .h2,.hero-video-section .hero-stat-card .h2,section.hero-video-section .hero-stat-card .h2 {font-size:2.75rem !important;font-weight:800 !important;margin-bottom:0.5rem !important;color:#ffffff !important;text-shadow:0 3px 12px rgba(0,0,0,0.5) !important;line-height:1.1 !important;letter-spacing:-0.02em !important;opacity:1 !important} .hero-stats .hero-stat-card small,.hero-video-section .hero-stat-card small,section.hero-video-section .hero-stat-card small {font-size:0.875rem !important;font-weight:600 !important;color:rgba(255,255,255,0.95) !important;text-transform:uppercase !important;letter-spacing:0.5px !important;opacity:1 !important;display:block !important;margin-top:0.25rem !important;text-shadow:0 2px 6px rgba(0,0,0,0.3) !important} .hero-stat-card::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%);border-radius:16px;opacity:0;transition:opacity 0.3s ease;pointer-events:none} .hero-stat-card:hover::before {opacity:1} @media (max-width:1200px) {.hero-stat-card .h2 {font-size:2.5rem !important} .hero-stat-card {padding:1.75rem 1.25rem !important;min-height:130px} } @media (max-width:992px) {.hero-stats {margin-top:3rem !important} .hero-stat-card .h2 {font-size:2.25rem !important} .hero-stat-card {padding:1.5rem 1rem !important;min-height:120px} .hero-stat-card small {font-size:0.8rem !important} } @media (max-width:768px) {.hero-stats .col-6 {flex:0 0 50%;max-width:50%;margin-bottom:1rem} .hero-stat-card .h2 {font-size:2rem !important} .hero-stat-card {padding:1.25rem 0.75rem !important;min-height:110px;border-radius:12px !important} .hero-stat-card small {font-size:0.75rem !important} } @media (max-width:576px) {.hero-stats .col-6 {flex:0 0 100%;max-width:100%;margin-bottom:1rem} .hero-stat-card {margin-bottom:1rem;padding:1.5rem 1rem !important;min-height:100px} .hero-stat-card .h2 {font-size:2.5rem !important} .hero-stat-card small {font-size:0.875rem !important} } @keyframes statCountUp {from {opacity:0;transform:translateY(20px)} to {opacity:1;transform:translateY(0)} } .hero-stat-card {animation:statCountUp 0.6s ease-out forwards} .hero-stat-card:nth-child(1) {animation-delay:0.1s} .hero-stat-card:nth-child(2) {animation-delay:0.2s} .hero-stat-card:nth-child(3) {animation-delay:0.3s} .hero-stat-card:nth-child(4) {animation-delay:0.4s} .container,.container-fluid,.row,.col-12,.col-md-6,.col-lg-4,.col-lg-6,.col-lg-8 {max-width:100%;overflow-x:hidden} .section-title,.category-title,.card-title,.display-3 {word-wrap:break-word;overflow-wrap:break-word;hyphens:auto} img[loading="lazy"] {opacity:0;transition:opacity 0.3s ease} img[loading="lazy"].loaded {opacity:1} .card,.stats-corporate,.category-card {contain:layout style} .btn,.card,.category-card {will-change:transform;transform:translateZ(0)} .training-fields-hero {margin-top:0 !important;padding-top:0 !important} body {margin-top:0 !important;padding-top:0 !important} main,.main-content {padding-top:0 !important;margin-top:0 !important} .hero-section,.about-hero-section,.training-fields-hero {margin-top:0 !important;position:relative !important;z-index:1 !important} .hero-subtitle-premium {min-height:4rem !important;display:block !important;line-height:1.4 !important;font-size:1.125rem !important} .logo-img {width:87px !important;height:30px !important;object-fit:contain !important;display:block !important} .hero-section .container {min-height:500px !important;padding-top:2rem !important;margin-top:0 !important} .about-hero-title,.hero-title {margin-top:1rem !important;padding-top:0 !important} .hero-section,.about-hero-section {padding-top:4rem !important;margin-top:0 !important} .hero-section .container,.about-hero-section .container {padding-top:2rem !important} .about-hero-title,.hero-title,.hero-title-premium {margin-top:0 !important;padding-top:1rem !important} .hero-title-premium {font-size:clamp(1.75rem,4vw,2.5rem) !important;line-height:1.2 !important} .hero-image,.about-image {aspect-ratio:16/9;background-color:#f8f9fa} body {font-display:swap} .container,.container-fluid,.row,.col-12,.col-md-6,.col-lg-4,.col-lg-3 {max-width:100%;overflow-x:hidden} .program-card-image,.testimonial-avatar,.card-img-top {max-width:100%;height:auto;object-fit:cover} .card-title,.card-text,.hero-title-premium {word-wrap:break-word;overflow-wrap:break-word;hyphens:auto} .card-premium,.card-premium-transparent {max-width:100%;overflow:hidden;contain:layout style} img[loading="lazy"] {opacity:0;transition:opacity 0.3s} img[loading="lazy"].loaded {opacity:1} .no-webp picture source[type="image/webp"] {display:none} .program-card-image {aspect-ratio:16/9;min-height:225px} .testimonial-avatar {width:60px;height:60px;flex-shrink:0} .benefit-icon,.card-premium {will-change:transform;transform:translateZ(0)} .hero-overlay-custom {pointer-events:none !important;z-index:1 !important} .program-img-custom {aspect-ratio:16/9;max-width:100%;height:auto} .testimonial-img-custom {object-fit:cover;max-width:100%} .featured-programs-section .btn-primary.btn-premium,.popular-programs-section .btn-primary.btn-premium {background:linear-gradient(135deg,#1e3a8a,#1e40af) !important;border:none !important;color:white !important} .featured-programs-section .btn-primary.btn-premium:hover,.popular-programs-section .btn-primary.btn-premium:hover {background:linear-gradient(135deg,#1e40af,#2563eb) !important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,58,138,0.4) !important;color:white !important} .featured-programs-section .card-premium,.popular-programs-section .card-premium {max-width:100%} .featured-programs-section .card-body,.popular-programs-section .card-body {padding:1.25rem !important;min-height:auto !important} .featured-programs-section .card-title,.popular-programs-section .card-title {font-size:1rem !important;line-height:1.3 !important;margin-bottom:0.75rem !important} .featured-programs-section .card-text,.popular-programs-section .card-text {font-size:0.875rem !important;line-height:1.4 !important;margin-bottom:1rem !important} .featured-programs-section .program-card-image,.popular-programs-section .program-card-image {height:160px !important;min-height:160px !important} .featured-programs-section .btn,.popular-programs-section .btn {font-size:0.875rem !important;padding:0.75rem 1rem !important} @media (min-width:992px) {.featured-programs-section .col-lg-3,.popular-programs-section .col-lg-3 {flex:0 0 25%;max-width:25%} } @media (min-width:1200px) {.featured-programs-section .card-body,.popular-programs-section .card-body {padding:1.5rem !important} .featured-programs-section .card-title,.popular-programs-section .card-title {font-size:1.1rem !important} .featured-programs-section .program-card-image,.popular-programs-section .program-card-image {height:180px !important;min-height:180px !important} } .lead-magnets-section .row {display:flex;flex-wrap:wrap} .lead-magnets-section .col-lg-4 {flex:0 0 33.333333%;max-width:33.333333%} @media (min-width:992px) {.lead-magnets-section .col-lg-4 {flex:0 0 33.333333% !important;max-width:33.333333% !important} } @media (max-width:991px) {.lead-magnets-section .col-lg-4 {flex:0 0 50%;max-width:50%} } @media (max-width:767px) {.lead-magnets-section .col-lg-4 {flex:0 0 100%;max-width:100%} } #testimonialsCarousel {position:relative;overflow:hidden} .testimonials-section .carousel-inner {padding:0 60px} .testimonials-section .carousel-item {transition:transform 0.6s ease-in-out} .testimonials-section .testimonial-card {transition:all 0.3s ease;border:none;box-shadow:0 5px 15px rgba(0,0,0,0.1)} .testimonials-section .testimonial-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15)} .testimonials-section .carousel-control-prev,.testimonials-section .carousel-control-next {width:50px;height:50px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.9);border:2px solid #e9ecef;border-radius:50%;opacity:1;transition:all 0.3s ease} .testimonials-section .carousel-control-prev {left:10px} .testimonials-section .carousel-control-next {right:10px} .testimonials-section .carousel-control-prev:hover,.testimonials-section .carousel-control-next:hover {background:#007bff;border-color:#007bff;transform:translateY(-50%) scale(1.1)} .testimonials-section .carousel-control-icon {width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#333;font-size:16px} .testimonials-section .carousel-control-prev:hover .carousel-control-icon,.testimonials-section .carousel-control-next:hover .carousel-control-icon {color:white} .carousel-indicators-custom {position:static;margin:2rem 0 0 0;display:flex;justify-content:center;gap:10px} .carousel-indicators-custom button {width:12px;height:12px;border-radius:50%;border:2px solid #dee2e6;background:transparent;opacity:1;transition:all 0.3s ease} .carousel-indicators-custom button.active {background:#007bff;border-color:#007bff;transform:scale(1.2)} .carousel-indicators-custom button:hover {border-color:#007bff;transform:scale(1.1)} @media (max-width:991px) {.testimonials-section .carousel-inner {padding:0 40px} .testimonials-section .carousel-control-prev,.testimonials-section .carousel-control-next {width:40px;height:40px} .testimonials-section .carousel-control-prev {left:5px} .testimonials-section .carousel-control-next {right:5px} } @media (max-width:767px) {.testimonials-section .carousel-inner {padding:0 20px} .testimonials-section .carousel-control-prev,.testimonials-section .carousel-control-next {width:35px;height:35px} .testimonials-section .carousel-control-icon {font-size:14px} } .testimonials-section .testimonial-card .card-body {display:flex;flex-direction:column;min-height:280px} .testimonials-section .testimonial-card .card-text {flex-grow:1} .testimonials-scroll-section {padding:2rem 0} .testimonials-carousel-wrapper {overflow:visible;position:relative;padding:2rem 0;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem} .testimonials-carousel {width:100%;overflow:hidden} .testimonials-track {display:flex;animation:testimonialsScroll 40s linear infinite;width:calc(400px * 12)} .testimonial-slide {flex:0 0 auto;width:400px;padding:0 1rem;display:flex;align-items:center;justify-content:center} .testimonial-card-scroll {background:white;border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,0.08);border:1px solid #f0f0f0;transition:all 0.3s ease;display:flex;flex-direction:column;width:100%;max-width:350px;min-height:280px} .testimonial-card-scroll:hover {transform:translateY(-4px);box-shadow:0 12px 35px rgba(0,0,0,0.12)} .testimonial-card-scroll .stars {color:#ffc107;font-size:1rem;margin-bottom:1rem;text-align:center} .testimonial-quote {font-size:0.95rem;line-height:1.5;color:#555;font-style:italic;margin-bottom:1.5rem;flex-grow:1;text-align:center} .testimonial-author-scroll {display:flex;align-items:center;gap:0.75rem;margin-top:auto} .author-avatar-scroll {width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:1.1rem;flex-shrink:0} .author-info-scroll {display:flex;flex-direction:column} .author-info-scroll strong {font-size:0.9rem;color:#333;margin-bottom:0.2rem} .author-info-scroll small {font-size:0.8rem;color:#666} @keyframes testimonialsScroll {0% {transform:translateX(0)} 100% {transform:translateX(-50%)} } .testimonials-carousel-wrapper:hover .testimonials-track {animation-play-state:paused} .testimonial-nav-btn {position:static;width:50px;height:50px;border:none;border-radius:50%;background:rgba(255,255,255,0.9);color:#333;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1);z-index:10;flex-shrink:0} .testimonial-nav-btn:hover {background:#007bff;color:white;transform:scale(1.1);box-shadow:0 6px 20px rgba(0,123,255,0.3)} .testimonial-nav-prev {order:1} .testimonials-carousel {order:2;flex:1} .testimonial-nav-next {order:3} @media (max-width:991px) {.testimonial-slide {width:350px} .testimonials-track {width:calc(350px * 12)} .testimonial-card-scroll {padding:1.25rem;max-width:300px} .testimonial-quote {font-size:0.9rem} .testimonial-nav-btn {width:45px;height:45px;font-size:1.1rem} .testimonials-carousel-wrapper {gap:1.5rem} } @media (max-width:767px) {.testimonial-slide {width:300px} .testimonials-track {width:calc(300px * 12);animation-duration:35s} .testimonial-card-scroll {max-width:280px;padding:1rem;min-height:250px} .testimonial-quote {font-size:0.85rem} .author-avatar-scroll {width:35px;height:35px;font-size:1rem} .testimonial-nav-btn {width:40px;height:40px;font-size:1rem} .testimonials-carousel-wrapper {gap:1rem;flex-direction:column} .testimonial-nav-prev {order:0} .testimonials-carousel {order:1} .testimonial-nav-next {order:2} } .footer-modern-gradient {background:linear-gradient(135deg,#2c3e50 0%,#34495e 50%,#2c3e50 100%);color:#ffffff;position:relative;overflow:hidden} .footer-modern-gradient::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(52,73,94,0.9) 0%,rgba(44,62,80,0.95) 100%);z-index:1} .footer-main-content {position:relative;z-index:2;padding:3rem 0 1rem} .footer-main-content .row {align-items:flex-start;justify-content:space-evenly;margin-left:0;margin-right:0;display:flex;flex-wrap:nowrap} .footer-main-content .row>[class*="col-"] {padding-left:1rem;padding-right:1rem;flex:1;max-width:25%} .footer-main-content .row>[class*="col-"]:last-child {padding-left:0.5rem;padding-right:0.5rem} .footer-brand-compact {margin-bottom:2rem;text-align:center} .footer-logo-wrapper-compact {display:inline-flex;align-items:center;gap:0.375rem} .footer-logo-wrapper-compact .footer-favicon-small {width:160px !important;height:160px !important;max-width:160px !important;filter:brightness(0) invert(1);object-fit:contain} .footer-brand-name-compact {font-size:1.1rem;font-weight:600;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.3)} .footer-column {margin-bottom:1.5rem} .footer-column-title {font-size:1rem;font-weight:600;color:rgba(255,255,255,0.7);margin-bottom:1rem;text-transform:none;letter-spacing:0} .footer-links-list {list-style:none;padding:0;margin:0} .footer-links-list li {margin-bottom:0.75rem} .footer-links-list a {color:rgba(255,255,255,0.8);text-decoration:none;font-size:0.95rem;transition:all 0.3s ease;display:block;padding:0.25rem 0} .footer-links-list a:hover {color:#ffffff;transform:translateX(5px);text-decoration:none} .footer-newsletter-compact {border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;margin-top:2rem} .newsletter-title-compact {font-size:1.2rem;font-weight:600;color:#ffffff;margin-bottom:0.5rem} .newsletter-description-compact {color:rgba(255,255,255,0.8);font-size:0.9rem;line-height:1.5;margin-bottom:0} .newsletter-form-compact {max-width:100%} .newsletter-input-group-compact {display:flex;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15)} .newsletter-input-compact {flex:1;padding:0.75rem 1rem;border:none;background:rgba(255,255,255,0.95);color:#333;font-size:0.9rem;outline:none} .newsletter-input-compact::placeholder {color:#999} .newsletter-btn-compact {padding:0.75rem 1.25rem;background:#ffffff;color:#2c3e50;border:none;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;white-space:nowrap} .newsletter-btn-compact:hover {background:#f8f9fa;transform:translateY(-1px)} .footer-bottom-modern {background:rgba(0,0,0,0.2);padding:1.5rem 0;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,0.1)} .footer-copyright-modern p {color:rgba(255,255,255,0.8);font-size:0.9rem;margin:0} .designer-link {color:#ffffff;text-decoration:none;font-weight:500;transition:color 0.3s ease} .designer-link:hover {color:#3498db;text-decoration:none} .footer-legal-modern {display:flex;justify-content:flex-end;gap:2rem} .legal-link-modern {color:rgba(255,255,255,0.8);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease} .legal-link-modern:hover {color:#ffffff;text-decoration:none} .footer-contact-info {margin-top:1.5rem;margin-bottom:1.75rem} .contact-item-footer {display:flex;align-items:flex-start;margin-bottom:1rem;gap:0.75rem} .contact-item-footer i {color:rgba(255,255,255,0.7);font-size:1rem;width:16px;flex-shrink:0;margin-top:0.125rem} .contact-item-footer a {color:rgba(255,255,255,0.9);text-decoration:none;transition:color 0.3s ease;font-size:0.85rem;line-height:1.3;word-break:break-word;overflow-wrap:break-word} .contact-item-footer a:hover {color:#ffffff;text-decoration:none} .contact-item-footer span {color:rgba(255,255,255,0.9);font-size:0.85rem;line-height:1.3;word-break:break-word;overflow-wrap:break-word} .social-icon {width:36px;border-radius:8px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.8);text-decoration:none;transition:all 0.3s ease;font-size:0.9rem} .social-icon:hover {background:rgba(255,255,255,0.2);color:#ffffff;transform:translateY(-2px);text-decoration:none} @media (max-width:991px) {.footer-main-content {padding:2.5rem 0 1rem} .footer-main-content .row>[class*="col-"] {padding-left:1rem;padding-right:1rem} .footer-brand-compact {margin-bottom:1.5rem} .newsletter-form-compact {margin-top:1.5rem} .footer-legal-modern {justify-content:flex-start;margin-top:1rem} } @media (max-width:767px) {.footer-main-content {padding:2rem 0 1rem} .footer-brand-compact {margin-bottom:1.5rem;text-align:left} .footer-logo-wrapper-compact {justify-content:flex-start} .footer-brand-name-compact {font-size:1rem} .newsletter-form-compact {margin-top:1.5rem} .newsletter-input-group-compact {flex-direction:column;border-radius:0} .newsletter-input-compact,.newsletter-btn-compact {border-radius:6px} .newsletter-btn-compact {margin-top:0.5rem} .footer-legal-modern {flex-direction:column;gap:1rem} }