/*body {
  font-family: "Roboto", sans-serif;
  background-color: #fff; }

p {
  color: #b3b3b3;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", sans-serif; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: none !important; }

.content {
  padding: 7rem 0; }

h2 {
  font-size: 20px; }

.half, .half .container > .row {
  height: 100vh;
  min-height: 700px; }

@media (max-width: 991.98px) {
  .half .bg {
    height: 100%; } }

.half .contents {*/
  /*background: #f6f7fc;*/
/*}

.half .contents, .half .bg {
  width: 100%; }
  @media (max-width: 750px) {
    .half .contents, .half .bg {
        width: 100%;*/
        /*background-color: #fff;*/
        /*background-position:inherit!important;
    }
    .half_fullhw {
        width: 100%!important;
    }
  }
.half .contents .form-control, .half .bg .form-control {*/
    /*border: none;*/
    /*-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);*/
    /*border-radius: 0px;
    height: 54px;*/
    /*background: #fff;*/
    /*border-bottom: 1px solid black;*/
    /*border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}
    .half .contents .form-control:active, .half .contents .form-control:focus, .half .bg .form-control:active, .half .bg .form-control:focus {
        outline: none;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    }
.form-control:focus {
    color: #495057;
    border-color: #fdc197;
    outline: 0;
}
}

.half .bg {
  background-size: cover;
  background-position: center; }

.half a {
  color: #888;
  text-decoration: underline; }

.half .btn {
  height: 44px;
  padding-left: 30px;
  padding-right: 30px; 

}

.half .forgot-pass {
  position: relative;
  top: 2px;
  font-size: 14px; }

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px; }
  .control .caption {
    position: relative;
    top: .2rem;
    color: #888; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border-radius: 4px; }

.control--radio .control__indicator {
  border-radius: 50%; }

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc; }

.control input:checked ~ .control__indicator {
  background: #000; }

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #fb8633; }

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #000;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.9;
    pointer-events: none;
}

.control__indicator:after {
    font-family: 'Boxicon';
    content: '\2713';
    position: absolute;
    display: none;
    font-size: 16px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.control input:checked ~ .control__indicator:after {
  display: block;
  color: #fff; }

.control--checkbox .control__indicator:after {
  top: 50%;
  left: 50%;
  margin-top: -1px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b; }

.control--checkbox input:disabled:checked ~ .control__indicator {
  background-color: #7e0cf5;
  opacity: .2; }






.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;*/
    /* background-clip: padding-box; */
    /*border: 2px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.75s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.75s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.75s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.background-4 {
    background-image: linear-gradient(279deg, #00000054, #00000054);
    box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
}

@media only screen and (max-width: 750px) {
    .cardss {
        width: 100% !important;
        border-radius: 3% !important;
        box-shadow: 0px 4px 17px 0px #565252;
    }    
}
.btn-primary {
    background-color: #000;
    border-color: #fff;
}
.btn-primary:hover {
    background-color: #000;
    border-color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #240f00;
    border-color: #301400;
}
.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(251 119 26 / 25%);
    box-shadow: 0 0 0 0.2rem rgb(251 119 26 / 25%);
}
.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(40 23 10 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(36 20 9 / 50%);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(18 10 4 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(24 13 6 / 50%);
}
.form-control:focus {
    border-color: #000000;
}

.logoheightwidth {
    height: 10%!important;
    width: 40%!important;
}

.half_fullhw{
    width:50%;
}*/




/*<link rel="preconnect" href="https://fonts.googleapis.com" / >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin / >
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" / >*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.poppins {
    font-family: Poppins !important
}

.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
    font-size: 16px;
    font-family: 'Poppins';
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #004b78;
}

::selection {
    color: #fff;
    background: #004b78;
}

.border-radiusbox-shadow {
    border-radius: 3%;
    box-shadow: 2px 7px 12px 1px #0000008c;
    background: #ffffffc7;
}

.brand-logo {
    font-family: Poppins;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

figcaption {
    color: #004b78;
    text-align: center;
    margin-bottom: 0.5rem;
    margin-top: 08px;
    font-family: Poppins;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.h4des {
    color: #004b78;
    text-align: center;
    margin-bottom: 0.8rem;
    font-weight: bold;
}

/*.txtdarkbluecolor {
    color: #004b78 !important;
    font-size: 16px;
    font-family: 'Poppins';
}*/

.input_border {
    border: 1px solid #71a0bd54 !important;
}

#header {
    z-index: 0 !important;
}
@media (max-width: 750px) {
    .brand-logo {
        font-family: Poppins;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction:column;
    }
    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }
}
.mobile {
    display: none;
}

.desktop {
    display: block;
}