@charset "UTF-8";

.header {
    background: #C90107;
    background-size: 100%;
}

.header-container {
    height: 100px;
    padding: 10px;
}

.header-logo-section {
    width: 100%;
}

.header-logo {
    width: 150px;
    height: 90px;
}

.header-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Roboto', 'arial', 'sans-serif';
    margin-left: 20px;
}

.header-title-main {
    font-size: 0.9em;
    padding-top: 10px;
}

.header-title-prepared {
    font-size: 0.50em;
    padding-top: 10px;
}

.header-report-info {
    width: 100%;
    justify-content: flex-end; 
}

.header-report-text {
    color: white;
    margin-bottom: 0;
    text-align: right; 
}

@media (max-width: 767.98px) {
    .header-container {
        flex-direction: column;
        height: auto;
        align-items: center;
    }

    .header-logo-section {
        justify-content: center;
        margin-bottom: 10px;
    }

    .header-title {
        margin-left: 0;
        text-align: center;
    }

    .header-title-main {
        font-size: 0.8em; /* Slightly smaller on mobile */
        padding-top: 5px;
    }

    .header-title-prepared {
        font-size: 0.45em; /* Even smaller on mobile */
        padding-top: 5px;
    }

    .header-report-info {
        justify-content: center; /* Center report info */
        text-align: center; /* Center text */
    }

    .header-report-text {
        font-size: 0.8rem;
    }

    .header-logo {
        width: 120px;
        height: 72px;
    }
}

body {
    color: #434343
}

.bs-body-color {
    color: #434343
}

.autograde-shadow {
    filter: drop-shadow(2px 2px 2px gray)
}

#autograde-stamp-content {
    position: relative;
}

    #autograde-stamp-content img {
        z-index: 999;
        margin-top: -25px;
        margin-right: -25px;
    }

.text-red {
    color: #C90107 !important;
}

.text-gray {
    color: #434343 !important;
}

.main-section h3.text-blue {
    font-size: 1.5rem;
}

.image-indicators .indicator-col {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .image-indicators .indicator-col {
        width: 17%;
    }

        .image-indicators .indicator-col:not(:first-child), .image-indicators .indicator-col:not(:nth-child(5n)) {
            margin-left: 1.5%;
        }

        .image-indicators .indicator-col:not(:last-child), .image-indicators .indicator-col:not(:nth-child(10n)) {
            margin-right: 1.5%;
        }
}

@media (max-width: 767.98px) {
    .image-indicators .indicator-col {
        width: 30%;
    }

        .image-indicators .indicator-col:not(:first-child), .image-indicators .indicator-col:not(:nth-child(5n)) {
            margin-left: 1.666665%;
        }

        .image-indicators .indicator-col:not(:last-child), .image-indicators .indicator-col:not(:nth-child(10n)) {
            margin-right: 1.666665%;
        }
}

.image-indicators .indicator-col.active img {
    border: 2px #314E80 solid;
    border-radius: 10px;
}

.image-indicators .indicator-col img {
    padding: 5px;
    width: 100%;
    height: 8rem;
}

.carousel-inner {
    position: relative;
    overflow: visible;
}

    .carousel-inner .indicator-btn {
        opacity: 0.7;
        width: auto;
    }

        .carousel-inner .indicator-btn .carousel-control-prev-icon {
            background-image: none;
        }

        .carousel-inner .indicator-btn .carousel-control-next-icon {
            background-image: none;
            transform: rotate(180deg);
        }

        .carousel-inner .indicator-btn .carousel-btn {
            height: 36px;
            width: 36px;
            background: #323232;
        }

        .carousel-inner .indicator-btn .carousel-control-next-icon, .carousel-inner .indicator-btn .carousel-control-prev-icon {
            display: inline-block;
            width: 24px;
            margin-top: 6px;
            height: 24px;
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: 100% 100%;
            fill: #ffffff;
        }

    .carousel-inner .zoom-text {
        z-index: 14;
    }

    .carousel-inner .autograde {
        z-index: 999;
        margin-top: -25px;
        margin-right: -25px;
    }

.autograde-value {
    z-index: 999;
    margin-top: 10px;
    margin-right: 12px;
    font-size: 40px;
    font-weight: bolder;
    font-family: "Roboto", arial, sans-serif;
}

.autograde-na {
    z-index: 999;
    margin-top: 29px;
    margin-right: 12px;
    font-size: 30px;
    font-weight: bolder;
    font-family: "Roboto", arial, sans-serif;
}

.autograde-condition {
    z-index: 999;
    margin-right: -4px;
    margin-top: 63px;
    font-weight: bolder;
    font-family: "Roboto", arial, sans-serif;
    font-size: small;
    text-align: center;
    width: 87px;
}

.carousel-inner .carousel-item {
    position: relative;
    height: 51vh;
}

    .carousel-inner .carousel-item img:not(.zoomImg) {
        position: absolute;
        margin-left: 50%;
        top: 50%;
        width: 100%;
        min-height: 100%;
        -webkit-transform: translateY(-50%) translateX(-50%);
    }

.functions ul li a {
    line-height: 100%;
}

#gallery .modal-body {
    max-height: 60vh;
    overflow-y: auto;
}

    #gallery .modal-body::-webkit-scrollbar {
        width: 0.25em;
        background: white;
    }

    #gallery .modal-body::-webkit-scrollbar-thumb {
        background: #C90107;
    }

.tests .test {
    background: #F2F2F2;
    font-family: "Roboto", arial, sans-serif;
    border-radius: 6px;
}

@media (min-width: 768px) {
    .tests .test {
        width: 17%;
    }

        .tests .test:not(:first-child), .tests .test:not(:nth-child(5n)) {
            margin-left: 1.5%;
        }

        .tests .test:not(:last-child), .tests .test:not(:nth-child(10n)) {
            margin-right: 1.5%;
        }
}

@media (max-width: 767.98px) {
    .tests .test {
        width: 30%;
    }

        .tests .test:not(:first-child), .tests .test:not(:nth-child(5n)) {
            margin-left: 1.666665%;
        }

        .tests .test:not(:last-child), .tests .test:not(:nth-child(10n)) {
            margin-right: 1.666665%;
        }
}

.tests .test img {
    width: 59.37px;
    height: 60.47px;
}

.tests .test p {
    font-size: 0.75rem;
    line-height: 1rem;
}

    .tests .test p:first-child {
        color: #363A3F;
    }

.tests .test .rounded-pill {
    margin-top: -10px;
    padding: 5px;
    margin-right: -10px;
}

    .tests .test .rounded-pill.warning {
        background: #F2F2F2;
        font-weight: 700;
        font-size: 13px;
        line-height: 115%;
        text-align: center;
        width: 24px;
    }

    .tests .test .rounded-pill.checked {
        background: #F2F2F2;
    }

.tests .test-ac {
    background: #F2F2F2;
    font-family: "Roboto", arial, sans-serif;
    border-radius: 6px;
}

@media (min-width: 768px) {
    .tests .test-ac {
        width: 17%;
    }

        .tests .test-ac:not(:first-child), .tests .test-ac:not(:nth-child(5n)) {
            margin-left: 1.5%;
        }

        .tests .test-ac:not(:last-child), .tests .test-ac:not(:nth-child(10n)) {
            margin-right: 1.5%;
        }
}

@media (max-width: 767.98px) {
    .tests .test-ac {
        width: 30%;
    }

        .tests .test-ac:not(:first-child), .tests .test-ac:not(:nth-child(5n)) {
            margin-left: 1.666665%;
        }

        .tests .test-ac:not(:last-child), .tests .test-ac:not(:nth-child(10n)) {
            margin-right: 1.666665%;
        }
}

.tests .test-ac img {
    width: 120px;
    height: 64px;
}

.tests .test-ac p {
    font-size: 0.75rem;
    line-height: 1rem;
}

    .tests .test-ac p:first-child {
        color: #363A3F;
    }

.tests .test-ac .rounded-pill {
    margin-top: -10px;
    padding: 5px;
    margin-right: -10px;
}

    .tests .test-ac .rounded-pill.warning {
        background: #F2F2F2;
        font-weight: 700;
        font-size: 13px;
        line-height: 115%;
        text-align: center;
        width: 24px;
    }

    .tests .test-ac .rounded-pill.checked {
        background: #F2F2F2;
    }

.test-table {
    font-family: "Roboto", arial, sans-serif;
}

    .test-table .row {
        background: #F2F2F2;
        border-radius: 6px;
    }

        .test-table .row label {
            font-size: 13px;
            line-height: 270%;
        }

        .test-table .row p {
            margin-bottom: 0;
            font-size: 13px;
            line-height: 270%;
        }

.table-1 {
    font-family: "Roboto", arial, sans-serif;
}

    .table-1 svg {
        z-index: 15;
    }

    .table-1 h4 {
        font-family: "Roboto", arial, sans-serif;
        font-size: inherit;
    }

    .table-1 table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
    }

        .table-1 table tr {
            padding: 0.35em;
        }

            .table-1 table tr td:first-child {
                font-weight: 800;
            }

@media (min-width: 768px) {
    .table-1 table tr:nth-child(odd) {
        background: #F2F2F2;
    }

    .table-1 table tr:nth-child(even) {
        background: #F2F2F2;
    }
}

.table-1 table tr th, .table-1 table tr td {
    padding: 1rem;
    font-size: 0.813rem;
}

.table-1 table th {
    background: #F2F2F2;
    font-size: 0.813rem;
    font-weight: 800;
    border-radius: 4px;
}

@media screen and (max-width: 600px) {
    .table-1 table {
        border: 0;
    }

        .table-1 table thead {
            background: #F2F2F2;
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .table-1 table tr {
            display: block;
            margin-bottom: 0.625em;
        }

            .table-1 table tr td {
                border-bottom: 1px solid #ddd;
                display: block;
                font-size: 0.813rem;
                line-height: 150%;
            }

                .table-1 table tr td:not(:last-child) {
                    text-align: right;
                }

                .table-1 table tr td::before {
                    content: attr(data-label);
                    float: left;
                    font-weight: bold;
                }

                .table-1 table tr td:last-child {
                    border-bottom: 0;
                }
}

.table-1 .blue-heading {
    background: #434343;
    border-radius: 4px;
}

    .table-1 .blue-heading a {
        font-size: 0.875rem;
    }

@media (max-width: 767.98px) {
    .border-sm-top {
        border-top: 1px #dee2e6 solid;
    }
    .table-1 {
        font-size: 0.8rem;
    }
}

@media print {
    .page-break-after {
        page-break-after: always !important;
    }
}

.damage-table td {
    vertical-align: top;
}

@media (max-width: 767.98px) {
    .damage-table td:last-child {
        display: flex;
        justify-content: center;
    }
}

.damage-table td div.position-relative {
    width: 9rem;
    height: 6.75rem;
}

    .damage-table td div.position-relative img {
        width: 9rem;
    }

@media (min-width: 768px) {
    .damage-table td div.position-relative img {
        position: absolute;
        top: 0;
    }
}

.damage-table td div.position-relative svg {
    right: 5px;
    bottom: 5px;
    max-width: 9rem;
}

.f-row .colored-bullets li {
    position: relative;
    font-size: 0.813rem;
    line-height: 1.381rem;
}

    .f-row .colored-bullets li:before {
        margin-right: 5px;
        content: "•";
        font-size: 3rem;
        display: inline-block;
        position: absolute;
        left: -1.35rem;
        top: -0.05rem;
    }

    .f-row .colored-bullets li:first-child:before {
        color: #20942e;
    }

    .f-row .colored-bullets li:nth-child(2):before {
        color: #FFC200;
    }

    .f-row .colored-bullets li:nth-child(3):before {
        color: #CB0000;
    }

    .f-row .colored-bullets li:last-child:before {
        color: #1E78FF;
    }

.f-row .footer-list li {
    font-size: 0.813rem;
    line-height: 1.381rem;
}

    .f-row .footer-list li:last-child {
        font-size: 105%;
        font-weight: 800;
    }

.tooltip-inner {
    background-color: #C90107 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #C90107 !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #C90107 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #C90107 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #C90107 !important;
}

.collapsible {
    background-color: #434343 !important;
    color: white;
    cursor: pointer;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
}

    .active, .collapsible:hover {
        background-color: #434343 !important;
    }

.content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.collapsible-item {
    cursor: pointer;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
}

.content-item {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;

}

.collapsible-item:after {
    content: 'Expand';
    font-weight: bold;
    padding-left: 20px;
    text-decoration: underline;
    font-size: 0.83rem;
}

.active-item:after {
    content: "Collapse";
    padding-left: 20px;
    text-decoration: underline;
    font-size: 0.83rem;
}

.gray {
    color: #666666;
    font-family: "Roboto", arial, sans-serif;
    font-size: 0.813rem;
}

.black {
    color: black;
    font-family: "Roboto", arial, sans-serif;
    font-size: 0.813rem;
    padding-bottom: 10px;
}

.gray_black {
    color: #434343;
    font-family: "Roboto", arial, sans-serif;
    font-size: 0.813rem;
    Xpadding-bottom: 10px;
}

.right-style {
    text-align: right;
    width: 100px;
}

.svg-absolute {
    left: 160px;
    bottom: 15px;
    max-width: 9rem;
    cursor: pointer;
}

.img-absolute {
    cursor: pointer;
    padding: 10px;
    padding-bottom: 8px;
}

@-moz-document url-prefix() {

    .carousel-inner {
        position: relative;
        overflow: visible;
    }

        .carousel-inner .indicator-btn {
            opacity: 0.7;
            width: auto;
        }

            .carousel-inner .indicator-btn .carousel-control-prev-icon {
                background-image: none;
            }

            .carousel-inner .indicator-btn .carousel-control-next-icon {
                background-image: none;
                transform: rotate(180deg);
            }

            .carousel-inner .indicator-btn .carousel-btn {
                height: 36px;
                width: 36px;
                background: #323232;
            }

            .carousel-inner .indicator-btn .carousel-control-next-icon, .carousel-inner .indicator-btn .carousel-control-prev-icon {
                display: inline-block;
                width: 24px;
                margin-top: 6px;
                height: 24px;
                background-repeat: no-repeat;
                background-position: 50%;
                background-size: 100% 100%;
                fill: #ffffff;
            }

        .carousel-inner .zoom-text {
            z-index: 14;
        }

        .carousel-inner .autograde {
            z-index: 999;
            margin-top: -25px;
            margin-right: -25px;
        }

    .autograde-value {
        z-index: 999;
        margin-top: 10px;
        margin-right: 12px;
        font-size: 40px;
        font-weight: bolder;
        font-family: "Roboto", arial, sans-serif;
    }

    .autograde-na {
        z-index: 999;
        margin-top: 29px;
        margin-right: 12px;
        font-size: 30px;
        font-weight: bolder;
        font-family: "Roboto", arial, sans-serif;
    }

    .autograde-condition {
        z-index: 999;
        margin-right: -6px;
        margin-top: 63px;
        font-weight: bolder;
        font-family: "Roboto", arial, sans-serif;
        font-size: small;
        text-align: center;
        width: 92px;
    }

    .carousel-inner .carousel-item {
        position: relative;
        height: 51vh;
    }

        .carousel-inner .carousel-item img:not(.zoomImg) {
            position: absolute;
            margin-left: 50%;
            top: 50%;
            width: 100%;
            min-height: 100%;
            -webkit-transform: translateY(-50%) translateX(-50%);
        }
}

.p-pdo {
    padding-left: 1.5rem !important;
    padding-top: 0.7rem !important;
}

.p-pdo-r {
    padding-right: 2rem !important;
}

.th-rr {
    font-size: 0.813rem;
    padding: 1rem;
    font-weight: 800;
    background: gainsboro;
    border-radius: 4px;
    text-align: -webkit-match-parent;
    vertical-align: inherit;
    border-collapse: collapse;
    border-spacing: 2px;
    line-height: var(--bs-body-line-height);
    vertical-align: inherit;
    margin-right: calc(-.0 * var(--bs-gutter-x));
    margin-left: calc(-.0 * var(--bs-gutter-x));
    padding-right: 0;
}

.th-rr-bl {
    background: rgb(221, 235, 255);
}

.th-rr-bw {
    background: white;
    padding-top: 0.4rem !important;
    padding-bottom: 0rem !important;
}

.th-rr-pfc {
    padding-left: calc(var(--bs-gutter-x) * .0);
}

.tr-rr-fs {
    font-size: 0.813rem;
}

.tr-rr-ir {
    font-weight: 800;
    font-size: 0.813rem;
    padding: 1rem;
    padding-left: 2rem;
}

.tr-th-ir {
    padding-bottom: 0rem;
}

.cnpr {
    padding-right: 0rem !important;
}

.cnpl {
    padding-left: 0rem !important;
}

.cpl {
    padding-left: 1rem !important;
}

.bw {
    background: white;
}

.bwab {
    background-color: #F2F2F2;
}

.mr-ml {
    margin-right: calc(-.0 * var(--bs-gutter-x));
    margin-left: calc(-.0 * var(--bs-gutter-x));
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    padding: 1rem;
}

.pb-pt-0 {
    padding-bottom: 0rem !important;
    padding-top: 0rem !important;
}

.company-logo {
    height: 120px;
    padding-top: 30px;
    padding-left: 15px;
    margin-bottom: 30px;
}

a {
    color: #434343;
    text-decoration: none;
}

    a:hover,
    a:active {
        color: #C90107;
    }
.text-start {
    font-family: 'Helvitica', 'Arial';
    color: white;
}

@media (min-width: 768px) {
    .image-indicators .indicator-col {
        width: 17%;
    }

        .image-indicators .indicator-col:not(:first-child),
        .image-indicators .indicator-col:not(:nth-child(5n)) {
            margin-left: 1.5%;
        }

        .image-indicators .indicator-col:not(:last-child),
        .image-indicators .indicator-col:not(:nth-child(10n)) {
            margin-right: 1.5%;
        }
}

@media (max-width: 767.98px) {
    .image-indicators .indicator-col {
        width: 30%;
    }

        .image-indicators .indicator-col:not(:first-child),
        .image-indicators .indicator-col:not(:nth-child(5n)) {
            margin-left: 1.666665%;
        }

        .image-indicators .indicator-col:not(:last-child),
        .image-indicators .indicator-col:not(:nth-child(10n)) {
            margin-right: 1.666665%;
        }
}

@media (min-width: 768px) {
    .tests .test {
        width: 17%;
    }

        .tests .test:not(:first-child),
        .tests .test:not(:nth-child(5n)) {
            margin-left: 1.5%;
        }

        .tests .test:not(:last-child),
        .tests .test:not(:nth-child(10n)) {
            margin-right: 1.5%;
        }
}

@media (max-width: 767.98px) {
    .tests .test {
        width: 30%;
    }

        .tests .test:not(:first-child),
        .tests .test:not(:nth-child(5n)) {
            margin-left: 1.666665%;
        }

        .tests .test:not(:last-child),
        .tests .test:not(:nth-child(10n)) {
            margin-right: 1.666665%;
        }
}

@media (min-width: 768px) {
    .tests .test-ac {
        width: 17%;
    }

        .tests .test-ac:not(:first-child),
        .tests .test-ac:not(:nth-child(5n)) {
            margin-left: 1.5%;
        }

        .tests .test-ac:not(:last-child),
        .tests .test-ac:not(:nth-child(10n)) {
            margin-right: 1.5%;
        }
}

@media (max-width: 767.98px) {
    .tests .test-ac {
        width: 30%;
    }

        .tests .test-ac:not(:first-child),
        .tests .test-ac:not(:nth-child(5n)) {
            margin-left: 1.666665%;
        }

        .tests .test-ac:not(:last-child),
        .tests .test-ac:not(:nth-child(10n)) {
            margin-right: 1.666665%;
        }
}

@media (min-width: 768px) {
    .table-1 table tr:nth-child(odd) {
        background: #F2F2F2;
    }

    .table-1 table tr:nth-child(even) {
        background: #F2F2F2;
    }
}

@media screen and (max-width: 600px) {
    .table-1 table {
        border: 0;
    }

        .table-1 table thead {
            background: #F2F2F2;
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .table-1 table tr {
            display: block;
            margin-bottom: 0.625em;
        }

            .table-1 table tr td {
                border-bottom: 1px solid #ddd;
                display: block;
                font-size: 0.813rem;
                line-height: 150%;
            }

                .table-1 table tr td:not(:last-child) {
                    text-align: right;
                }

                .table-1 table tr td::before {
                    content: attr(data-label);
                    float: left;
                    font-weight: bold;
                }

                .table-1 table tr td:last-child {
                    border-bottom: 0;
                }
}

@media (max-width: 767.98px) {
    .border-sm-top {
        border-top: 1px #dee2e6 solid;
    }
}

@media print {
    .page-break-after {
        page-break-after: always !important;
    }
}

@media (max-width: 767.98px) {
    .damage-table td:last-child {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .damage-table td div.position-relative img {
        position: absolute;
        top: 0;
    }
}

@-moz-document url-prefix() {
    .carousel-inner {
        position: relative;
        overflow: visible;
    }

        .carousel-inner .indicator-btn {
            opacity: 0.7;
            width: auto;
        }

            .carousel-inner .indicator-btn .carousel-control-prev-icon {
                background-image: none;
            }

            .carousel-inner .indicator-btn .carousel-control-next-icon {
                background-image: none;
                transform: rotate(180deg);
            }

            .carousel-inner .indicator-btn .carousel-btn {
                height: 36px;
                width: 36px;
                background: #323232;
            }

            .carousel-inner .indicator-btn .carousel-control-next-icon,
            .carousel-inner .indicator-btn .carousel-control-prev-icon {
                display: inline-block;
                width: 24px;
                margin-top: 6px;
                height: 24px;
                background-repeat: no-repeat;
                background-position: 50%;
                background-size: 100% 100%;
                fill: #ffffff;
            }

        .carousel-inner .zoom-text {
            z-index: 14;
        }

        .carousel-inner .autograde {
            z-index: 999;
            margin-top: -25px;
            margin-right: -25px;
        }

    .autograde-value {
        z-index: 999;
        margin-top: 10px;
        margin-right: 12px;
        font-size: 40px;
        font-weight: bolder;
        font-family: "Roboto", arial, sans-serif;
    }

    .autograde-na {
        z-index: 999;
        margin-top: 29px;
        margin-right: 12px;
        font-size: 30px;
        font-weight: bolder;
        font-family: "Roboto", arial, sans-serif;
    }

    .autograde-condition {
        z-index: 999;
        margin-right: -6px;
        margin-top: 63px;
        font-weight: bolder;
        font-family: "Roboto", arial, sans-serif;
        font-size: small;
        text-align: center;
        width: 92px;
    }

    .carousel-inner .carousel-item {
        position: relative;
        height: 51vh;
    }

        .carousel-inner .carousel-item img:not(.zoomImg) {
            position: absolute;
            margin-left: 50%;
            top: 50%;
            width: 100%;
            min-height: 100%;
            -webkit-transform: translateY(-50%) translateX(-50%);
        }
}

@media (max-width: 767.98px) {
    .header h1 {
        font-size: 2rem; /* Reduced header font size */
    }

        .header h1 .prepared-by {
            font-size: 1.2rem; /* Reduced prepared-by font size */
        }

    h1 {
        font-size: 2.2rem; /* Reduced h1 font size */
    }

    h2 {
        font-size: 1.8rem; /* Reduced h2 font size */
    }

    h3 {
        font-size: 1.4rem; /* Reduced h3 font size */
    }

    h4 {
        font-size: 1.1rem; /* Reduced h4 font size */
    }
}

/* Custom Image Label for UniteGallery */
.ug-custom-image-label {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 4px;
    font-family: 'Red Hat Display', 'Lato', sans-serif;
    font-size: 13.5px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.3px;
    pointer-events: none;
    max-width: 85%;
    word-wrap: break-word;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    transition: opacity 0.2s ease-in-out;
}

/* Variant without background */
.ug-custom-image-label.no-bg {
    background-color: transparent;
    box-shadow: none;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 2px 5px rgba(0, 0, 0, 0.8);
    padding: 6px 4px;
}