h1 {
            margin-bottom: 20px;
        }

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

        #qr-screenshot {
            width: 100%;
            max-width: 400px;
            margin-top: 10px;
            display: none;
        }

        form {
            width: 100%;
            max-width: 100%;
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        label {
            font-weight: bold;
        }

        input,
        button {
            padding: 10px;
            font-size: 16px;
        }

        button {
            background: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }

        button:hover {
            background: #45a049;
        }

        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;
            width:100%;
        }

        .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(16px, 4vw, 30px);
            color: #fff;
            letter-spacing: 0.5px;
        }

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

        .yellow_heading {
            font-size: clamp(20px, 4vw, 32px);
            text-transform: uppercase;
            color: #FFED00;
            letter-spacing: 0.5px;
        }
        .form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 40px 10px;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    font-size: 12px;
    font-weight: 400;
}
.labller {
    color: #00509D;
    font-weight: 600;
    padding: 7px 5px;
}
.fileUpload input{
        position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}
.fileUpload {
    padding: 15px;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fileUpload label{
    font-size:12px; font-weight:400;
}
button.submit_btn {
    margin-top: 20px;
    margin-left: 10px;
    display: inline-block;
    width: 150px;
    border-radius: 10px;
    background: #FFED00;
    color: #6C6C6C;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom:20px;
}
.modal-body{
    padding-right:0;padding-bottom:0;
}
@media screen and (max-width:768px){
    .overlapping_image2{
        position:relative;
    }
    footer .row {
    gap: 30px;
}
.form_image {
    display: none;
}
}