/* Logo CSS */
header .logo img {
    width: 160px;
} .footer-logo6 .logo-white {
    filter: contrast(0) brightness(10);
}

/* Typography CSS */
.font-kode {
    font-family: "Kode Mono", monospace !important;
} .font-poppins {
    font-family: "Poppins", sans-serif !important;
} .text-arl {
    color: #a42227 !important;
} .bg-arl {
    background-color: #a42227 !important;
}

.ptb-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 100px 0;
}

.section-padding-max {
    padding: 175px 0;
} .section-margin {
    margin-top: 90px;
}

/* Font Weight CSS */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

.text-em { font-style: italic !important; }
.list-bull li {
    list-style-type: disc;
    margin-left: 25px;
}

/* Video Container CSS */
.video-container {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
} .video-container video {
    position: relative;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100vh;
    z-index: -2;
}


/* The Lab Section */
section.our-story-section {
    position: relative;
    background-color: #000000;
    z-index: 0;
} section.our-story-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg/about-bg.webp') center no-repeat;
    background-size: cover;
    opacity: 0.25;
    z-index: -1;
}

/* Filament RichEditor content */
.project-details-wrapper .details-content img {
    max-width: 100% !important;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Table CSS */
.project-details-wrapper .details-content tbody,
.project-details-wrapper .details-content td,
.project-details-wrapper .details-content tfoot,
.project-details-wrapper .details-content th,
.project-details-wrapper .details-content thead,
.project-details-wrapper .details-content tr {
    border: 1px solid #000;
} .project-details-wrapper .details-content table {
    margin-top: 20px;
    width: 100%;
} .project-details-wrapper .details-content table p {
    font-size: 16px;padding: 10px;
    margin-top: 0;
} .project-details-wrapper .details-content th p {
    font-weight: 600;
}