:root {
     --hero-bg-color: #000007;

     --section-1-bg-color: #b4e3f9;
     --section-2-bg-color: #ffffff;
     --section-3-bg-color: #005183;
     --section-4-bg-color: #eef4ed;
     --section-4-bg-image: url('images/bg-1.jpg');
     --section-5-bg-color: #ffffff;
     --section-6-bg-color: #111117;
     --section-6-bg-image: url('images/bg-1.jpg');
     --section-7-bg-color: #ffffff;
 }

 .filament-tiptap-grid,
 .filament-tiptap-grid-builder {
     display: grid;
     gap: 1rem;
     box-sizing: border-box;
     padding-bottom: 14px;
     border-radius: 10px;
 }

 .filament-tiptap-grid[type^="asymetric"] {
     grid-template-columns: 1fr;
     grid-template-rows: auto;
 }

 .filament-tiptap-grid-builder__column {
     /* border: 3px solid #09134a; */
     border-radius: 12px;
     height: fit-content;
     /* overflow: auto; */
 }

 .filament-tiptap-grid-builder__column {
     position: relative;
     padding: 10px;
     text-align: center;
 }

 .filament-tiptap-grid-builder__column img {
     max-width: 100%;
     height: auto;
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .filament-tiptap-grid-builder__column img:hover {
     transform: scale(1.05);
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
 }

 .fancybox__overlay {
     background-color: rgba(0, 0, 0, 0.8) !important;
 }

 .fancybox__image {
     max-width: 90vw;
     max-height: 80vh;
     margin: auto;
 }

 table {
     font-family: arial, sans-serif;
     border-collapse: collapse;
     width: 100%;
     height: auto;

 }

 td,
 th {
     border: 1px solid #dddddd;
     padding: 8px;

 }

 tr:nth-child(even) {
     background-color: #dddddd;
 }

 .section-content {
     text-align: justify;
 }

 /* Menu Highlight */

 nav-menu li a {
     padding: 10px 15px;
     text-decoration: none;
     color: #333;
     display: block;
 }

 .nav-menu li.active,
 .nav-menu li.active>a,
 .nav-menu .sub-menu li.active>a {
     background-color: #203154;
     color: #fff;
     font-weight: bold;
 }

 .sub-menu {
     display: none;
     position: absolute;
     background: #fff;
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
 }

 .menu-item-has-children:hover .sub-menu {
     display: block;
 }