#qr-reader {
            width: 100%;
            max-width: 100%;
            height: auto;
            aspect-ratio: 4 / 3;
            border: 1px solid #ccc;
        }


        ul.logins_btnss {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            list-style: none;
            margin: 0;
        }

        ul.logins_btnss a {
            text-decoration: none;
        }

        .logo-image {
            max-width: 180px;
        }

        .navbar-nav {
            margin: 0;
            gap: 15px;
        }

        .navbar-nav .nav-link {
            padding: 0 !important;
            margin: 0 !important;
        }

        .top_blue_strip {
            background-color: #00509D;
        }

        .strip {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px;
        }

        .top-left {
            color: #fff;
        }

        .top-left a,
        .top-right a {
            color: #fff;
            text-decoration: none;
        }

        .top-left span:last-child {
            margin-left: 20px;
            display: inline-block;
        }

        .navbar-nav .nav-link {
            color: #33475B;
        }

        .navbar.navbar-expand-lg {
            padding: 20px;
        }

        .register {
            color: #33475B;
            background-color: #FFED00;
            border-radius: 33px;
            padding: 0 30px;
            line-height: normal;
            display: flex;
            margin: 0 !important;
            align-items: center;
            height: 40px;
        }

        .logins {
            color: #fff;
            background-color: #00509D;
            border-radius: 33px;
            padding: 0 30px;
            line-height: normal;
            display: flex;
            margin: 0 !important;
            align-items: center;
            height: 40px;
        }

        .top_banner {
            background: url(/fileadmin/images/top_banner.jpg) no-repeat center center / cover;
            min-height: calc(100vh - 130px);
            display: flex;
            align-items: center;
        }

        .banner_text {
            color: #fff;
        }

        .banner_text h1 {
            text-transform: uppercase;
            font-size: clamp(32px, 4vw, 60px);
            font-weight: 700;
        }

        .banner_text h2 {
            font-size: clamp(18px, 4vw, 26px);
            font-weight: 400;
        }

        .p7 {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .overlapping_image2 {
            position: absolute;
            right: -50px;
            top: 50%;
            transform: translateY(-50%);
            max-width: 270px;
        }

        .overlapping_image1 {
            max-width: 550px;
        }

        .sub_heading {
            font-size: clamp(18px, 4vw, 22px);
        }

        .site-headings {
            font-size: clamp(26px, 4vw, 40px);
            letter-spacing: 0.5px;
            color: #00509D;
            text-transform: uppercase;
        }

        .about_sec .row {
            align-items: center;
        }

        .news_title {
            font-size: clamp(16px, 4vw, 20px);
            line-height: normal;
            padding-top: 15px;
        }

        .news_content a {
            color: #00509D;
            text-decoration: none;
        }

        footer {
            background-color: #00509D;

        }

        .footer_logo {
            font-size: clamp(24px, 4vw, 36px);
            color: #fff;
            text-transform: uppercase;
            font-weight: 500;
        }

        .footer_title h5 {
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 30px;
        }

        .footer_links {
            list-style: none;
            display: flex;
            gap: 15px;
            margin: 0;
            padding: 0;
            flex-wrap: wrap;
        }

        .footer_links li a {
            text-decoration: none;
            color: #fff;
            text-transform: uppercase;
            font-size: 14px;
        }

        .single_line li {
            width: 100%;
        }

        .bottom_strip {
            background-color: rgb(255 255 255 / 10%);
        }

        .footer_stripper {
            display: flex;
            justify-content: space-between;
            padding: 10px;
        }

        .terms_links {
            display: flex;
            list-style: none;
            gap: 20px;
            margin: 0;
            padding: 0;
        }

        .terms_links li a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

        .copyright {
            font-size: 14px;
            color: #fff;
        }

        .modal_header {
            background-color: #00509D;
            padding: 20px;
        }

        .subtop_heading {
            font-size: clamp(20px, 4vw, 30px);
            color: #fff;
            letter-spacing: 0.5px;
        }

        .modal_header h3 {
            font-size: clamp(24px, 4vw, 44px);
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        
        .yellow_heading {
    font-size: clamp(22px, 4vw, 32px);
    text-transform: uppercase;
    color: #FFED00;
    letter-spacing: 0.5px;
    line-height: normal;
    font-weight: 600;
    font-family: sans-serif;
}

.scanner_wrapper{
    width:100%; height:100%;
}