.br_modal { 
    display: none; 
    position: fixed;
    z-index: 1; 
    left: 0;
    top: 0; 
    width: 100vw;
    height: 100vh; 

    background-color: rgba(0, 0, 0, 0.7); 
}

.br_modal-contents { 
    background-color: #ffffff; 
    margin: 15% auto; 
    padding: 20px; 
    border: 1px solid #ffffff;
    width: 80%; 
    max-width: 600px; 
    border-radius: 20px;
}

.br_modal-2 { 
    display: none; 
    position: fixed;
    z-index: 1; 
    left: 0;
    top: 0; 
    width: 100vw;
    height: 100vh; 

    background-color: rgba(0, 0, 0, 0.7); 
}

.br_modal-contents-2 { 
    background-color: #ffffff; 
    margin: 15% auto; 
    padding: 20px; 
    border: 1px solid #ffffff;
    width: 80%; 
    max-width: 600px; 
    border-radius: 20px;
}

.br_close { 
    color: #aaa; 
    float: right; 
    font-size: 28px; 
    font-weight: bold; 
    cursor: pointer;
}
.br_close:hover, .close:focus { color: #000 ; text-decoration: none ; cursor: pointer ;}


/* .br_modal-mail { display: none !important; position: fixed !important;z-index: 1 !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; overflow: auto !important; background-color: rgba(0, 0, 0, 0.5) !important; }
.br_mail-modal-contents { background-color: #ffffff !important; margin: 15% auto !important; padding: 20px !important; border: 1px solid #ffffff !important; width: 80% !important; max-width: 800px !important; border-radius: 20px !important;}
.br_close-mail { color: #aaa !important; float: right !important; font-size: 28px !important; font-weight: bold !important; cursor: pointer !important;}
.br_close-mail:hover, .close-mail:focus { color: #000 !important; text-decoration: none !important; cursor: pointer !important;}
.br_modal-mail_2 { display: none !important; position: fixed !important;z-index: 1 !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; overflow: auto !important; background-color: rgba(0, 0, 0, 0.5) !important; }
.br_mail-modal-contents_2 { background-color: #ffffff !important; margin: 15% auto !important; padding: 20px !important; border: 1px solid #ffffff !important; width: 80% !important; max-width: 800px !important; border-radius: 20px !important;}
.br_close-mail_2 { color: #aaa !important; float: right !important; font-size: 28px !important; font-weight: bold !important; cursor: pointer !important;}
.br_close-mail_2:hover, .close-mail_2:focus { color: #000 !important; text-decoration: none !important; cursor: pointer !important;} */

.br_text-center {text-align: center !important;}
.br_fa-phone {
    margin-right: 10px !important;
}

.br_loader {
    display: none ;
    margin-right: 15px ;
    border-right: 0.5rem solid #003749 ;
    border-top: 0.5rem solid #80e0ff ;
    border-bottom: 0.5rem solid #bff0ff ;
    border-left: 0.5rem solid #ffffff ;
    border-radius: 10% ;
    width: 0.5rem ;
    height: 0.5rem ;
    animation: spin 1.5s linear infinite ;
    }


@keyframes spin {
    0% {
        transform: rotate(0deg) ;
    }
    10%{
        border-radius: 20%;
        border-right: 0.5rem solid #0077b6;
        border-top: 0.5rem solid #0096c7;
        border-bottom: 0.5rem solid #00b4d8;
        border-left: 0.5rem solid #48cae4;
    }
    80%{
        border-radius: 70%;
        border-right: 0.5rem solid #90e0ef;
        border-top: 0.5rem solid #ade8f4;
        border-bottom: 0.5rem solid #caf0f8;
        border-left: 0.5rem solid #ffffff;
    }
    100% {
        transform: rotate(360deg);
    }
}