@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face {
    font-family: Caviar Dreams;
    src: url(../fonts/CaviarDreams.ttf);
}
* {
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
}
.form-group{
    margin-bottom:1rem
}
.input-validation-error{
    border:1px solid red
}
.field-validation-error{
    font-size:14px
}
.header {
    background-color: #000080;
    color: white;
    padding: 10px 0;
    margin-bottom: 10px;
}

.header--middle {
    text-align: center;
    margin-top: 6px ;
    
}
.header--logo {
   
}
.header--middle>h3{
    font-weight:bold;
}
.header--middle > h1 {
    margin-bottom: 0.1rem
}
.header--middle > h2 {
    margin-bottom: 0.1rem
}
.header--middle > h3 {
    margin-bottom: 0.1rem
}
.header--middle > h4 {
    margin-bottom: 0.1rem
}
.header--middle > h5 {
    margin-bottom: 0.1rem
}
.header--middle > h6 {
    margin-bottom: 0.1rem
}

.mycard {
    -webkit-box-shadow: 10px 10px 10px 10px rgb(0,0,255,0.1);
    margin-bottom: 30px;
}

.main_container .detail {
    background-color: rgb(245,245,245,0.2);
}

.main_container .heading {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.main_container .container .heading  {
    background-color: #2694d1;
    color: white;
    padding: 8px 10px;
    background-color: #2694d1;
    border: 1px solid #2694d1;
    margin-bottom:8px;
    display:flex;
    justify-content:space-between;
}

.main_container .sub-heading {
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.main_container .container .sub-heading p {
    background-color: #F5F5F5;
    color: #20B2AA;
    padding: 5px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 40px;
}

.tab-group {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

    .tab-group .nav-tabs .active {
        background-color: #2694d1;
    }

        .tab-group .nav-tabs .active .nav-link {
            color: white;
            font-weight: 500;
            font-size: 12px;
        }

    .tab-group .nav-tabs .nav-link {
        color: #20B2AA;
        font-weight: 500;
        font-size: 14px;
    }

@media screen and (max-width: 800px) {
    .tab-group .nav-tabs {
        border: 1px solid black;
    }
}

.experience-tab {
    background-color: #2694d1;
    padding: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 10px;*/
}



    .experience-tab .nav-tabs .nav-link {
        background-color: #00008B;
        color: white;
        font-weight: 500;
        font-size: 12px;
        margin: 1px;
    }

        .experience-tab .nav-tabs .nav-link .active {
            background-color: forestgreen;
        }
   

@media screen and (max-width: 800px) {
    .experience-tab {
        border: 1px solid black;
    }
}

.btn-primary {
    border-radius: 20px;
    padding: 5px 30px;
}

    .btn-primary span {
        border-radius: 50%;
    }

.btn-primary {
    padding: 5px 20px;
}

    .btn-primary .bi-arrow-left::before {
        color: white;
        font-weight: 1000 !important;
        padding: 4px;
        margin-right: 2px;
        background-color: rgb(0,199,255,0.5);
        border-radius: 50%;
    }

    .btn-primary .bi-arrow-right::before {
        color: white;
        font-weight: 1000 !important;
        padding: 4px;
        margin-left: 2px;
        background-color: rgb(0,199,255,0.5);
        border-radius: 50%;
    }

.information-form {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

    .information-form label {
        font-weight: 550;
    }

    .information-form input[type=text] {
        width: 90%;
        border: 1px solid rgb(0,0,0,0.5);
        border-radius: 5px;
    }

    .information-form input {
        margin-top: 5px;
    }

    .information-form ::placeholder {
        padding: 10px;
    }

    .information-form .row {
        margin-bottom: 40px;
    }

@media screen and (max-width: 800px) {
    .information-form .row {
        margin: 0px;
    }

    .information-form .col-md-4 {
        margin-bottom: 20px;
    }
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.table {
    overflow-x: auto;
    margin-bottom: 40px;
    padding: 1px;
}

th {
    border-right: 1px solid #F0FFF0;
}

td {
    border-bottom: 1px solid #2694d1;
    border-right: 1px solid #F0FFF0;
}

th {
    color: white;
    background-color: #4682B4;
    padding: 5px;
}

@media screen and (max-width: 800px) {
}


#modalimg{
    height:500px;
    width:100%
}
.address_heading {
    color: #fff;
    background: #2694d1;
    padding: 0.5rem;
   
    border-radius: 4px;
    margin: 0 0 0.5rem 0;
    font-size:1rem
}
.sub-category {
    background-color: #2694d1;
    border: 1px solid #2694d1;
    padding: 10px;
    margin: 10px 0;
    color: #fff;
    border-radius: 4px;
}
    .sub-category h3{
        margin-bottom:0
    }
    .sub-category a {
        color: #fff;
        text-decoration: none
    }
.FAMS {
    background-color: rgb(76, 187, 23);
    border: 1px solid rgb(76,187,23);
}
.category{
    margin:20px 0
}
.documentlbl{
    font-size:13px;
}
.subbtn{
    border:none;
    background:none;

}
.subbtn >i {
    font-size:1.9rem
}
.mytooltip {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
}
.head-dark {
    background-color: #4682B4;
}
.tablefixed{
    table-layout:fixed
}
    .tablefixed td, .tablefixed th{
        font-size:.8rem
    }
.tablefixed .btn{
    line-height:1;
    font-size:.75rem
}
.mnamsheader .heading {
    background-color: #f47c2c !important;
    border: 1px solid #f47c2c !important;
    font-size: 1.3rem;
    text-align: center;
}
.mnamsheader .tab-group .nav-tabs .active {
    background-color: #f47c2c !important;
}
.MNAMS .btn-warning {
    background-color: #f47c2c !important;
    border-color: #f47c2c !important;
}
.MNAMSsubheading {
    background-color: #f47c2c ;
    border-color: #f47c2c ;
    color: #fff;
    border-radius: 4px;
    padding: 0.3rem;
}
.mnamshead-dark {
    background-color: #f47c2c !important;
    color: #fff;
}
.amamsheading {
    background-color: rgb(247, 1, 1) !important;
    border-color: rgb(247, 1, 1) !important;
}
.amamsheader .heading {
    background-color: rgb(247, 1, 1) !important;
    border-color: rgb(247, 1, 1) !important;
}
.amamsheader .tab-group .nav-tabs .nav-link {
    color: rgb(247, 1, 1) !important;
}
.amamsheader .tab-group .nav-tabs .active {
    background-color: rgb(247, 1, 1) !important;
    border-color: rgb(247, 1, 1) !important;
}
.amamsheader .tab-group .nav-tabs .active .nav-link {
    color: #fff !important;
}
.AMAMS .btn-primary {
    background-color: rgb(247, 1, 1);
    border-color: rgb(247, 1, 1);
}
    .AMAMS .btn-primary .bi-arrow-right::before, .AMAMS .btn-primary .bi-arrow-left::before {
        background-color: rgb(233 75 41) !important;
    }
.AMAMS .contact_heading {
    color: #fff;
    background: rgb(247, 1, 1);
    padding: 0.5rem;
    border-radius: 4px;
    margin: 0 0 0.5rem 0;
    font-size: 1rem
}
.amams-tabs {
    background-color: rgb(247, 1, 1, 0.7);
}
    .amams-tabs .nav-tabs .nav-link {
        background-color: rgb(247, 1, 1) !important;
    }
.amams-tabs .nav-tabs .active {
    background-color: rgb(226, 23, 23) !important;
    color: white;
    border: 1px solid rgb(226, 23, 23);
}

.amamshead-dark {
    background-color: rgb(247, 1, 1) !important;
    border-color: rgb(247, 1, 1) !important;
}
    .amamshead-dark .reqstar {
        color: #ffc107;
        font-weight: bold;
        font-size: 15px;
        top: -0.3em;
    }
.mamsheading {
    background-color: rgb(112, 41, 99) !important;
    border-color: rgb(112, 41, 99) !important;
}
.mamsheader .heading {
    background-color: rgb(112, 41, 99) !important;
    border-color: rgb(112, 41, 99) !important;
}
.MAMS .btn-primary {
    background-color: rgb(112, 41, 99) ;
    border-color: rgb(112, 41, 99) ;
}
.mamsheader .tab-group .nav-tabs .active {
    background-color: rgb(112, 41, 99) !important;
    border-color: rgb(112, 41, 99) !important;
}
.mamsheader .tab-group .nav-tabs .active .nav-link {
    color: #fff !important
}
.MAMS .btn-primary .bi-arrow-right::before, .MAMS .btn-primary .bi-arrow-left::before {
    background-color: rgb(145, 95, 109) !important;
}

.mamsheader .tab-group .nav-tabs .nav-link {
    color: rgb(112, 41, 99) !important;
   
}

.MAMS .btn-danger {
    border-radius: 20px;
    background-color: rgb(112, 41, 99);
    border-color: rgb(112, 41, 99);
}
.mamshead-dark {
    background-color: rgb(112, 41, 99) !important;
    border-color: rgb(112, 41, 99) !important;
}

.header--middle h3 {
    font-weight: normal;
    margin: 0px;
    font-size: 24px;
}

.header--middle h1 {
    font-size: 28px;
    margin: 0;
    text-transform: none;
    line-height: normal;
    font-family: "Caviar Dreams";
    font-weight: 550;
}

.header--middle h2 {
    font-size: 15px;
    margin: 0;
    text-transform: none;
    line-height: normal;
    font-family: "Caviar Dreams";
    font-weight: 500;
}

.top {
    background-color: rgb(211,211,211,0.3);
    height: 20px;
}
.text-right{
    text-align:right
}
.home-card{

}
    .home-card img {
        height: 45%;
        width: 45%;
        border-radius: 50%;
        background: #fff;
        padding: 10px
    }
    .home-card .btn-primary {
        background-color: #018B89;
      
        border-radius: 5px;
    }
    .home-card h3 {
        font-size: 13px;
        color: #018B89;
        font-weight: 600;
        margin:10px 0
    }
    .home-card a{
        text-decoration:none !important;
    }
.card-light-blue {
    background: rgb(79,129,189);
    color: #fff;
}
.msg{
    font-weight:bold;
    color:forestgreen
}
.header-img {
    width: 115px;
    height: 60px;
}

.hint__dot {
    width: 10px;
    height: 10px;
    border: 5px solid #E62F28;
    border-radius: 30px;
    background-color: #E62F28;
    transition: all .5s ease-out;
    border: 1px solid white;
    animation-name: grow;
    animation-duration: 900ms;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
    position:absolute;
    bottom:0;
     right:0;
}

@keyframes grow {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
.savebtn{
    position:relative;
    border-radius:20px
}
.MAMS table .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.MAMS table .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}
.MAMS .contact_heading {
    color: #fff;
    background: rgb(112, 41, 99);
    padding: 0.5rem;
    border-radius: 4px;
    margin: 0 0 0.5rem 0;
    font-size: 1rem
}
.mams-tabs {
    background-color: rgb(112, 41, 99,0.8);
}
    .mams-tabs .nav-tabs .nav-link {
        background-color: rgb(149, 53, 83) !important;
    }
    .mams-tabs .nav-tabs .active {
        background-color: rgb(170, 51, 106) !important;
        color: white;
        border: 1px solid rgb(216, 191, 216);
    }
.mams-sub-card {
    width: 90%;
    margin:auto
}
.MAMS .table {
 
    margin-bottom: 10px;
   
}
.ASF{
    background:#fff;
    border:none
}
.marqmsg {
    direction:left
}
    .marqmsg span {
        font-size: 14px;
        color: RED;
    }
.reqstar {
    color: #dc3545;
    font-weight: bold;
    font-size: 15px;
    top: -0.3em;
}
.notemsg{
    margin-top:4%;
}
.notemsg ul{
    position: absolute;
    bottom: 0;
    left: 2%
}
    .notemsg ul li{
        color:red
    }
.btnwrap{
    padding-bottom:20px
}
.disableClick {
    pointer-events: none;
    opacity: .6;
}
.marqbox {
    min-height: 85px;
}