:root {--military-primary: #0a1d3c;--military-secondary: #1a3a6a;--military-accent: #d4af37;--card-bg: linear-gradient(180deg, #F6F7F8 0%, #E9ECEF 100%);--card-border: #d1d6dc;--text-primary: #2d3748;--text-secondary: #4a5568;}.military-card {background: var(--card-bg);border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), inset 0 0 10px rgba(255, 255, 255, 0.3);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);text-align: center;padding: 18px;height: 620px;min-height: 480px;display: flex;flex-direction: column;margin-bottom: 25px;border: 1px solid var(--card-border);position: relative;overflow: hidden;}.military-card-former-cmnd {background: var(--card-bg);border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), inset 0 0 10px rgba(255, 255, 255, 0.3);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);text-align: center;padding: 18px;height: auto;min-height: 480px;display: flex;flex-direction: column;margin-bottom: 25px;border: 1px solid var(--card-border);position: relative;overflow: hidden;}.military-card-former-cmnd:hover {transform: translateY(-8px) rotateX(1deg);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18), inset 0 0 15px rgba(255, 255, 255, 0.4);border-color: var(--military-primary);}.military-card::before, .military-card::after {content: '';position: absolute;left: 0;right: 0;height: 5px;background: linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100% );z-index: 2;transition: all 0.4s ease;}.military-card-former-cmnd::before, .military-card-former-cmnd::after {content: '';position: absolute;left: 0;right: 0;height: 5px;background: linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100% );z-index: 2;transition: all 0.4s ease;}.military-card::before {top: 0;transform-origin: top;}.military-card::after {bottom: 0;transform-origin: bottom;}.military-card .metal-border {position: absolute;width: calc(100% - 4px);height: calc(100% - 4px);top: 2px;left: 2px;border-radius: 10px;border: 1px solid rgba(212, 175, 55, 0.3);pointer-events: none;z-index: 1;}.military-card:hover {transform: translateY(-8px) rotateX(1deg);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18), inset 0 0 15px rgba(255, 255, 255, 0.4);border-color: var(--military-primary);}.military-card:hover::before, .military-card:hover::after {height: 8px;background: linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100% );}.card-img-org {overflow: hidden;border-radius: 8px;margin-bottom: 18px;flex-shrink: 0;height: auto;background: linear-gradient(135deg, #e0e0e0 0%, #c9cdd2 100%);position: relative;box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;z-index: 2;}.military-card:hover .card-img-org {box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.15);}.card-img-org img {width: 100%;height: auto;object-fit: cover;object-position: top center;transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);display: block;filter: grayscale(10%) contrast(1.05);}.military-card:hover .card-img-org img {transform: scale(1.06);filter: grayscale(0%) contrast(1.1);}.card-body-org {flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;padding: 0 8px;min-height: calc(620px - 340px - 36px - 36px);position: relative;z-index: 2;}.card-body-org h6 {font-size: clamp(15px, 1.8vw, 17px);color: var(--text-primary);margin: 12px 0;line-height: 1.6;transition: color 0.3s ease;}.military-card:hover .card-body-org h6 {color: var(--military-primary);}.card-body-org strong {color: var(--military-primary);font-size: clamp(17px, 2.1vw, 19px);font-weight: 700;display: block;margin-bottom: 10px;letter-spacing: 0.5px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);position: relative;}.card-body-org strong::after {content: '';display: block;width: 60px;height: 2px;background: var(--military-accent);margin: 10px auto;opacity: 0.7;transition: all 0.3s ease;}.military-card:hover .card-body-org strong::after {width: 80px;opacity: 1;}.card-body-org small {font-size: clamp(13px, 1.7vw, 15px);color: var(--text-secondary);display: block;margin-top: 10px;font-style: italic;line-height: 1.2;transition: color 0.3s ease;}.military-card:hover .card-body-org small {color: var(--text-primary);}.military-card .shine-effect {position: absolute;top: 0;left: -100%;width: 50%;height: 100%;background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100% );transform: skewX(-20deg);transition: all 0.8s ease;z-index: 1;}.military-card:hover .shine-effect {left: 150%;}@media (max-width: auto) {.military-card {min-height: auto;}.card-img-org {height: auto;}}@media (max-width: 992px) {.card-img-org {height: auto;}.military-card {min-height: autopx;}}@media (max-width: 768px) {.card-img-org {height: 200px;}.military-card {min-height: 420px;padding: 15px;}}@media (max-width: 576px) {.card-img-org {height: auto;}.military-card {min-height: 400px;}.card-body-org h6 {line-height: 1.5;}}#organization h1 {margin: 50px 0 35px;position: relative;padding-bottom: 18px;color: var(--military-primary);font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}#organization h1::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100px;height: 4px;background: linear-gradient( 90deg, var(--military-primary) 0%, var(--military-accent) 50%, var(--military-primary) 100% );border-radius: 2px;}#organization hr + .col-md-12 h1 {margin-top: 60px;}#organization hr + .col-md-12 h1 + .container {margin-top: 25px;}#organization hr:nth-of-type(2) {margin: 60px 0 35px;border: 0;height: 1px;background: linear-gradient( 90deg, rgba(10, 29, 60, 0) 0%, rgba(10, 29, 60, 0.4) 50%, rgba(10, 29, 60, 0) 100% );}#organization hr:nth-of-type(2) + .col-md-12 h1 {margin-bottom: 35px;}.nav-timeline {list-style: none;padding: 0;margin: 0;}.nav-timeline-item {background: #ffffff;border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 15px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}.nav-timeline-item:hover {box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);transform: translateY(-5px);}.nav-timeline-link {display: flex;align-items: center;padding: 15px 20px;background: #f8f9fa;color: #0056b3;text-decoration: none;font-size: 1.1rem;font-weight: bold;border-radius: 10px 10px 0 0;transition: background 0.3s ease, color 0.3s ease;}.nav-timeline-link:hover {background: #071739;color: #A68868;}.nav-timeline-link[aria-expanded="true"] {background: #071739;color: #A68868 !important;}.timeline-icon {margin-right: 10px;font-size: 1.2rem;color: inherit;transition: color 0.3s ease;}.nav-timeline-link:hover .timeline-icon {color: #ffffff;}.nav-timeline-content {padding: 20px;background: #ffffff;border-top: 1px solid #e0e0e0;border-radius: 0 0 10px 10px;}.nav-timeline-content p {margin: 0;color: #555;font-size: 1rem;line-height: 1.6;}.nav-timeline-item:hover .nav-timeline-link {background: #071739;color: #ffffff;}.nav-timeline-item:hover .nav-timeline-link .timeline-icon {color: #ffffff;}@media (min-width: 768px) {.offset-md-1 {margin: 0;width: 100%;}}@media (max-width: 768px) {.nav-timeline-link {font-size: 1rem;padding: 12px 15px;}.nav-timeline-content {padding: 15px;}}.intro-text {font-size: 1.4rem;color: #0a1d3c;margin-bottom: 30px;text-align: center;font-weight: bold;padding: 15px;background: #f0f8ff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}.intro-text:hover {background: #e0f0ff;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}.nav-timeline {list-style: none;padding: 0;margin: 0;}.nav-timeline-item {background: #ffffff;border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 15px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}.nav-timeline-item:hover {box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);transform: translateY(-5px);}.nav-timeline-link {display: flex;align-items: center;padding: 15px 20px;background: #f8f9fa;color: #0a1d3c;text-decoration: none;font-size: 1.1rem;font-weight: bold;border-radius: 10px;transition: background 0.3s ease, color 0.3s ease;font-family: 'Oswald', sans-serif !important;font-weight: 400;border: 1px solid;}.nav-timeline-link:hover {background: #0a1d3c;color: #ffffff;}.nav-timeline-link[aria-expanded="true"] {background: #0a1d3c;color: #A68868;border-radius: 10px 10px 0 0;}.timeline-icon {margin-right: 10px;font-size: 1.2rem;color: inherit;transition: color 0.3s ease;}.nav-timeline-link:hover .timeline-icon {color: #ffffff;}.nav-timeline-content {padding: 20px;background: #0a1d3c;border-top: 1px solid #e0e0e0;border-radius: 0 0 10px 10px;align-content: center;text-align: center;}.nav-timeline-content p {margin: 0;font-size: 1rem;line-height: 1.6;text-align: center;align-content:center;color:#d2cfcf;}@media (max-width: 768px) {.nav-timeline-link {font-size: 1rem;padding: 12px 15px;}.nav-timeline-content {padding: 15px;}}body {background-color: #f8f9fa;font-family: 'Arial', sans-serif;color: #333;}.custom-tabs .nav-link {color: #495057;font-weight: 500;border: none;border-bottom: 2px solid transparent;transition: all 0.3s ease;}.custom-tabs .nav-link.active {color: #0d6efd;border-bottom: 2px solid #0d6efd;}.custom-tabs .nav-link:hover {color: #0d6efd;border-bottom: 2px solid #0d6efd;}.hover-zoom-vnf {border-radius: 10px;transition: transform 0.3s ease, box-shadow 0.3s ease;}.hover-zoom img {transition: transform 0.3s ease;}.hover-zoom:hover {transform: scale(1.05);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.hover-zoom:hover img {transform: scale(1.1);}.section-title {color: #0a1d3c;margin-bottom: 8px;}.card {border: none;border-radius: 10px;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;background-color: #ffffff;}.img-space-vnf {margin-right: 5px;}.card:hover {transform: translateY(-10px);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.card-img {overflow: hidden;}.card-img img {width: 100%;height: auto;transition: transform 0.3s ease;}.card-body {padding: 1.5rem;text-align: center;}.card-body h6 {margin-bottom: 0.5rem;font-weight: 600;}.card-body small {color: #6c757d;}@media (max-width: 768px) {.col-md-6, .col-lg-3, .col-sm-12 {margin-bottom: 1.5rem;}}.card-img-vnf-home {overflow: hidden;border-radius: 10px 10px 0 0;transition: transform 0.3s ease, box-shadow 0.3s ease;}.card-img-vnf-home img {width: 100%;height: auto;transition: transform 0.3s ease;}.card-img-vnf-home:hover img {transform: scale(1.1);}.card-body-vnf-home {padding: 1.5rem;text-align: center;background-color: #ffffff;border-radius: 0 0 10px 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s ease;height: 100px;}.card-body-vnf-home h6 {margin-bottom: 0.5rem;font-weight: 600;color: #0d6efd;}.card-body-vnf-home small {color: #6c757d;font-style: italic;}.card:hover .card-img-vnf-home {transform: scale(1.05);}.card:hover .card-body-vnf-home {box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}.abut_us_card {color: #011835;text-align: center;background: var(--primary);margin: 10px;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.9);min-height: 60px;&:hover {transform: translate(5px, -5px);&:before {transform: translate(-5px, 5px);}&:after {transform: translate(-10px, 10px);}}}.abut_us_img_fluid {max-width: 100%;height: auto;.abut_us_img_fluid:hover {transform: translateY(-5px);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);transform: scale(1.05);}.abut_us_card:hover {transform: translateY(-5px);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);}.sln_contact_2025 {box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.8);margin: 10px 0;}.sln_contact_2025 .card-header {background-color: var(--primary) !important;}.sln_contact_2025 .card-title {color: white;}.insignia2025 {width: 100%;margin-bottom: 20px;border-radius: 10px;border: thick double var(--secondary);box-shadow: rgba(0, 0, 0, 0.9) 0px 14px 28px, rgba(0, 0, 0, 0.7) 0px 10px 10px;}.insignia2025 img {width: auto;height: auto;transition: transform 1s;}.insignia2025 img:hover {filter: grayscale(0);}.insignia2025 :hover img {transform: scale(1.1);}.containercofn {display: flex;flex-wrap: wrap;}.columncofn {flex: 1 1 calc(50% - 20px);}.columncofn:nth-child(1) {order: 1;}.columncofn:nth-child(2) {order: 2;}@media (max-width: 768px) {.columncofn {flex: 1 1 100%;}.columncofn:nth-child(1) {order: 2;}.columncofn:nth-child(2) {order: 1;}}.image-gallery-2025 {padding: 20px 0;}.img-container {overflow: hidden;margin-bottom: 1.5rem;border-radius: 8px;}.gallery-2025-img {transition: transform 0.3s ease;width: auto;height: 300px;object-fit: cover;}.gallery-2025-img:hover {transform: scale(1.1);cursor: pointer;}.img-container {position: relative;}.img-overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.3);opacity: 0;transition: opacity 0.3s ease;}.img-container:hover .img-overlay {opacity: 1;} /* Navy Journal specific styles */
        #tab4 .hover-zoom img {
            object-fit: contain;
            padding: 10px;
            background-color: white;
            max-width: 100%; /* Fixed width matching 666px */
            max-height: 390px;
        }