﻿body {
    margin: 0;
    color: #333333;
    text-align: var(--bs-body-text-align);
    background: #112B5C!important;
    position: relative;
    z-index: 0;
    overflow: auto;
}

    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        filter: blur(10px);
        z-index: -1;
        opacity: 0.7;
    }
.navbar{
    padding:0;
}
.col-sm-12 {
    padding:0px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.ai-banner {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.desktop {
    display:block;
}
.mobile {
    display:none;
}
.body-content {
    background-color: #ffffff;
    padding: 5vh 30px;
}
.txtbox-cente {
    width: 50% !important;
    text-align: center;
    margin: 0 auto;
}
.quantico-regular {
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.quantico-bold {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.quantico-regular-italic {
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.quantico-bold-italic {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    font-style: italic;
}
.text-talk-desktop {
    width: 60%;
    text-align: center;
    margin: 0 auto 15px;
}
.text-talk {
    display: inline-block;
}
.btnVerify {
    background-color: #ee7127;
    color: #ffffff;
}
.btn.btnVerify:hover {
    color: #fff;
    background-color: #f3913c;
}
.background-form {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    padding: 40px 10%;
    height: auto;
}
td,
th {
    padding: 10px !important;
}
.glow-text {
    font-size: calc(5px + 4vh);
    line-height: calc(10px + 10vh);
    text-shadow: 0 0 5px #ffffff, 0 0 15px #f69520, 0 0 20px #f69520, 0 0 40px #f69520, 0 0 60px #ffffff, 0 0 10px #ffffff, 0 0 98px #ffffff;
    color: #f26843;
    font-family: "Sacramento", cursive;
    text-align: center;
    animation: blink 9s infinite;
    -webkit-animation: blink 9s infinite;
}
.comp-name, .comp-name-map {
    font-size: 20px;
    color: #333333;
    font-family: "Sacramento", cursive;
    text-align: center;
}
.btn-locate, .tbl-no {
    display: inline-table;
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
/* Apply Bootstrap radio styling manually */
.radio-inline-list label {
    display: inline-block;
    margin-right: 15px;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline-list input[type="radio"] {
    margin-top: 1px;
    margin-right: 5px;
}

.radio-inline-list label {
    font-weight: normal;
    /*display: block;*/
    margin-bottom: 5px;
    cursor: pointer;
}

.radio-inline-list {
    padding-left: 0;
}

    /* Optional: match Bootstrap spacing */
    .radio-list .radio {
        margin-top: 0;
        margin-bottom: 10px;
    }
@media (max-width: 767px) {
    /*.body-content {
        padding: 10vh 30px;
    }*/
    .txtbox-center {
        /*width: 100%!important;*/
        text-align: center;
        margin: 0 auto;
    }
    .text-talk-desktop {
        width: 100%;
    }
    .text-talk {
        width: 60%;
        text-align: center;
        margin: 0 auto;
        display: inline-block;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .background-form {
        width: 100%;
        position: relative;
        margin: 0 auto;
        /*margin-top: 125px;*/
        padding: 20px 20px;
        height: auto; /*80vh;*/
    }
}