@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap');

@font-face {
    font-family: "Rubik-Black";
    src: url("../fonts/Rubik-Black/Rubik-Black.otf");
    /* IE9 Compat Modes */
    src: url("../fonts/Rubik-Black/Rubik-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Rubik-Black/Rubik-Black.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Rubik-Black/Rubik-Black.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Rubik-Black/Rubik-Black.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Rubik-Black/Rubik-Black.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Rubik-Black/Rubik-Black.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Rubik-Light";
    src: url("../fonts/Rubik-Light/Rubik-Light.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Rubik-Light/Rubik-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Rubik-Light/Rubik-Light.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Rubik-Light/Rubik-Light.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Rubik-Light/Rubik-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Rubik-Light/Rubik-Light.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Rubik-Light/Rubik-Light.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Rubik-Bold";
    src: url("../fonts/Rubik-Bold/Rubik-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Rubik-Bold/Rubik-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Rubik-Bold/Rubik-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Rubik-Bold/Rubik-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Rubik-Bold/Rubik-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Rubik-Bold/Rubik-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Rubik-Bold/Rubik-Bold.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Rubik-Regular";
    src: url("../fonts/Rubik-Regular/Rubik-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Rubik-Regular/Rubik-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Rubik-Regular/Rubik-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Rubik-Regular/Rubik-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Rubik-Regular/Rubik-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Rubik-Regular/Rubik-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Rubik-Regular/Rubik-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
/* nunito-sans-regular - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/nunito-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-sans-v8-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-800 - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/nunito-sans-v8-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/nunito-sans-v8-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-sans-v8-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-sans-v8-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-sans-v8-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-sans-v8-latin-800.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nunito-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v8-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nunito-sans-v8-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nunito-sans-v8-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v8-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v8-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v8-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v8-latin-800.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

ul {
    list-style: none;
    margin: 0px;
}

li {
    list-style-type: none;
}

button:focus {
    outline: 0;
    box-shadow: none !important;
}

html,
body {
    height: 100%;
    font-family: 'Rubik', sans-serif;
    scroll-behavior: smooth;
}

.wrapper {
    width: 100%;
    float: left;
}

.content_wrap {
    width: 100%;
    float: left;
    align-items:center;   
}

.fw_300 {
    font-weight: 300;
}

.fw_400 {
    font-weight: 400;
}

.fw_500 {
    font-weight: 500;
}

.bg_white {
    background: #ffffff;
}

.bg_lightblue {
    background: #0C4367;
}

.bg_mdblue {
    background: #0E1E36;
}

.bg_darkblue {
    background: #07162D;
}

.bg_black {
    background: #000;
}

.bg_orange {
    background: #F15622;
}

.clr_darkOrange {
    background: #F26339;
}

.bg_lightgrey {
    background: #1E1F22;
}

.bg_footer {
    background: #07162D;
}

.bg_darkgrey {
    background: #161616;
}

.clr_orange {
    color: #F15622;
}

.clr_lightorange1 {
    color: #FBCBBD;
}

.clr_lightorange {
    color: #DB9B88;
}

.clr_gry {
    color: #A7A7A7;
}

.clr_dblue {
    color: #657690;
}

.clr_lightblue {
    color: #839BBF;
}

.clr_darkblack {
    color: #07162D;
}

.text-black {
    color: #000000;
}

.font_14 {
    font-size: 14px;
}

.font_16 {
    font-size: 16px;
}

.font_18 {
    font-size: 18px;
}

.font_20 {
    font-size: 20px;
}

.font_22 {
    font-size: 22px;
}

.font_24 {
    font-size: 24px;
}

.font_26 {
    font-size: 26px;
}

.font_30 {
    font-size: 30px;
}

.font-capital {
    
    /*15-07-2021*/
    text-align: center;
}

.contact_information {
    text-align: left !important;
}

.container_default {
    width: 1290px;
    max-width: 100%;
    margin: 0px auto;
}
/*front-end*/

.header_wrap {
    padding: 33px;
}

.profile_wrap {
    /*15-07-2021*/
    /*padding: 60px 0px;*/

    /*padding: 120px 0px 0px 0px;*/
}

.profile_info {
    width: 37%;
    max-width: 100%;
    border-radius: 20px 0px 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 35px 20px 35px ;
    float: left;
}

.profile_user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile_user {
    border: 4px solid #f15622;
    border-radius: 50%;
    overflow: hidden;
    width: 170px;
    height: 170px;
}

.btn_contact {
    width: 200px;
    height: 40px;
    /* background: #F15622;*/
    border-radius: 5px;
    border: none;
    /* margin-top: 57px;*/
}

.footer_wrapper {
    padding: 0px;
}
/*p.mb-0.clr_lightblue.font_14.font_sm_14.text-center {
    padding-bottom: 10px;
}*/



.contact_header {
    /* border-radius: 20px;*/
    padding: 30px 0px;
    max-height: 170px !important;
}

ul.social_links {
    /*margin-top: 52px;*/
}

    ul.social_links li {
        margin: 0px 12px;
    }

ul.contact_list p a {
    text-decoration: underline;
}

ul.social_links li a svg:hover {
    transition: .6s linear all;
    transform: scale(1.1);
}

.text_bord::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    bottom: 10px;
    background: url('../images/frontEnd/border.png') 100% 100% no-repeat;
    background-size: contain;
}

.text_bord {
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}

.paraDesc p {
    word-break: break-all;
}

ul.contact_list li {
    width: 100%;
    float: left;
}


/*login*/

.login_wrapper {
    background: #000000;
    height: auto;
    width: 100%;
    border-top: 4px solid #F26339;
}

.qr_generate {
    width: 50%;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.login_block {
    width: 50%;
    max-width: 100%;
    position: relative;
    height: auto;
}

    .login_block .login_bg {
        width: 100%;
        height: 100%;
    }

.login_container {
    width: 350px;
    max-width: 100%;
    margin: 100px auto;
}

.t_border::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -13px;
    height: 5px;
    width: 40px;
    background: #090909;
    border-radius: 2px;
}

.t_border {
    position: relative;
}

.login_group {
    margin-top: 25px;
}

    .login_group input:focus {
        background-color: #FE7F5A;
        border: 1px solid #ffffff;
        outline: 0;
        color: #fff;
        box-shadow: unset;
    }

    .login_group input {
        height: 45px;
        width: 100%;
        border-radius: 5px;
        padding-left: 50px;
        border: 1px solid transparent;
        color: #fff;
    }

        .login_group input.email {
            background: url('../images/frontEnd/e-mail.png') #FE7F5A 20px no-repeat;
            background-size: 16.5px;
            background-repeat: no-repeat;
        }

        .login_group input.password {
            background: url('../images/frontEnd/password.png') #FE7F5A 20px no-repeat;
            background-size: 16.5px;
            background-repeat: no-repeat;
        }

        .login_group input::placeholder {
            color: #F3AF9B;
            opacity: 1;
        }

        .login_group input:-ms-input-placeholder {
            color: #F3AF9B;
        }

        .login_group input::-ms-input-placeholder {
            color: #F3AF9B;
        }

    .login_group .form-group {
        margin-bottom: 30px;
        position: relative;
    }

i.reveal {
    position: absolute;
    right: 15px;
    top: 50px;
}

    i.reveal::after {
        border-bottom: 2px solid #ff9272fc;
        transform: rotate( -51deg );
        content: "";
        display: block;
        width: 11px;
        position: relative;
        top: -12px;
        left: 4px;
    }

    i.reveal.toggled::after {
        content: none;
    }

.form-group .custom_checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group .custom_checkbox label {
    position: relative;
    cursor: pointer;
    color: #FFD1C4;
}

    .form-group .custom_checkbox label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 11px;
        width: 22px;
        height: 22px;
        background: #FA825F;
        border-radius: 2px;
    }

.form-group .custom_checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 12px;
    border: solid #090909;
    border-width: 0 2px 2px 0;
    transform: rotate( 45deg);
}

.forgot {
    color: #383331;
}

.btn_login {
    height: 45px;
    border-radius: 5px;
    background-color: #000 !important;
    border: 0 !important;
}

    .btn_login:hover {
        background-color: #000;
    }

    .btn_login:active {
        background-color: #000;
    }

img.top_right {
    position: absolute;
    right: 5px;
}

img.bottom_left {
    position: absolute;
    left: 40px;
    top: 66%;
}

.login_positionWrap {
    width: 350px;
    max-width: 100%;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.code_generator {
    width: 575px;
    position: relative;
    left: 6%;
}

    .code_generator > img {
        position: absolute;
    }

        .code_generator > img:first-child {
            top: 0;
            left: 0px;
        }

        .code_generator > img:nth-child(2) {
            right: 0px;
        }

        .code_generator > img:nth-child(3) {
            bottom: 0px;
            left: 0px;
        }

        .code_generator > img:nth-child(4) {
            bottom: 0px;
            right: 0px;
        }

.scanner_bar h1 span {
    color: #F26339;
    display: block;
}

.scanner_bar h1 {
    /*width: 312px;*/
    white-space: nowrap;
    margin: auto;
    width:100%;
}

.scanner_bar p {
    color: #5B5C5F;
    margin: 8px 0px 37px 0px;
}

.scanner_map > img {
    margin: auto;
    display: block;
}

.scanner_bar {
    margin: 20px 0;
}

.topstar {
    height: 34px;
    width: auto;
}

.rightstar {
    position: absolute;
    top: 359px;
}


/*login*====== end/

/* forgot */

.tf_border::after {
    background: #BB3D18;
}

.backtologin {
    color: #484848;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-left: 9px;
}