body{
    padding:0;
    margin:0
}

header {
    position:relative;
    height:auto;
            background-color:rgba(13,110,253)/*
var(--bs-primary-rgb),var(--bs-bg-opacity))!important*/
        }
        .top{
            position:relative;
            left:0;
            top:0;
            height:112px;
            display: flex;
            align-items: center;  /* optional: space between logo and nav */
            justify-content: space-between; 
        }

        .logo {
            position:absolute;
            top:1.8%;
            left:6.8%;;
            z-index:1;
        }
        .lang{
            position:relative;     
            display: flex;       /* Makes the list items align horizontally */
            gap: 20px;           /* Optional: space between items */
            list-style: none;    /* Removes default bullets */
            margin: 0;
            padding: 0;
        }
.menu {
    position:relative;     
    display: flex;       /* Makes the list items align horizontally */
            gap: 20px;           /* Optional: space between items */
            list-style: none;    /* Removes default bullets */
            margin: 0;
            padding: 0;
        }
h1 {
    color: #1b1f3b !important;   
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    display:block !important;
    border:thin solid red !important;
}

.file-detail-row {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
  }

  .file-detail-label {
    flex: 0 0 25%;
    font-weight: 600;
    color: #0d6efd; /* Bootstrap primary color */
  }

  .file-detail-value {
    flex: 1;
    color: #212529; /* Bootstrap body text color */
  }

/*calud code*/
:root {
            --bs-primary: #2c5f8a;
            --bs-primary-rgb: 44, 95, 138;
            --sax-bg: #f7f9fb;
            --sax-text: #1f2d3d;
            --sax-muted: #5b6b7b;
        }
        body { background: var(--sax-bg); color: var(--sax-text); }
        .navbar-brand { font-weight: 600; letter-spacing: .5px; }
        .nav-link { font-weight: 500; }
        .navbar-dark .nav-link { color: rgba(255,255,255,.85); }
        .navbar-dark .nav-link:hover,
        .navbar-dark .nav-link.active { color: #fff; }

        /* Language switcher pill */
        .lang-switch select {
            border: 1px solid rgba(255,255,255,.4);
            background: rgba(255,255,255,.12);
            color: #fff;
            border-radius: 2rem;
            padding: .25rem 2rem .25rem .9rem;
            font-size: .875rem;
            line-height: 1.4;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M4.5 6l3.5 3.5L1
1.5 6z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right .6rem center;
            background-size: .9rem;
            cursor: pointer;
        }
        .lang-switch select option { color: var(--sax-text); }
        .lang-switch select:focus {
            outline: none;
            border-color: #fff;
            box-shadow: 0 0 0 .15rem rgba(255,255,255,.25);
        }
        footer { color: var(--sax-muted); }