.btn_white_border {
  background: #ffffff;
  color: #1da1f2;
  border-color: #1da1f2;
  font-family: 'Nunito Sans', sans-serif;
  text-align: center;
  font-size: 16px;
  --bs-btn-color: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f5885;
  --bs-btn-hover-border-color: #1da1f2;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #093a59;
  --bs-btn-active-border-color: #62c3ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1da1f2;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1da1f2;
  --bs-gradient: none;
}

.btn_blue_noborder {
  font-family: 'Nunito Sans', sans-serif;
  background: #1da1f2;
  border-style: none;
  text-align: center;
  font-size: 16px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0f5885;
  --bs-btn-hover-border-color: #1da1f2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1da1f2;
  --bs-btn-active-border-color: #1da1f2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
}

@media (min-width: 300px) and (max-width: 768px) {
    .nav_drop_btn {
        color: rgba(0, 0, 0, 0.55)!important;
        background: rgba(255,255,255,0.0)!important;
        padding-left: 0;
        margin-left: 3%;
    }
    .nav_drop_btn: hover {
        color: rgba(0, 0, 0, 0.55)!important;
        background: rgba(255,255,255,0.0)!important;
    }
    .nav_drop_btn: active {
        color: rgba(0, 0, 0, 0.55)!important;
        background: rgba(255,255,255,0.0)!important;
    }

    .nav_drop_btn2 {
        color: #ff6347!important;
        background: rgba(255,255,255,0.0)!important;
        padding-left: 0;
        margin-left: 3%;

        color: rgba(0, 0, 0, 0.7)!important;
        position: absolute;
        margin: 0;
        padding: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
    .nav_drop_btn2: hover {
        color: #ff6347!important;
        background: rgba(255,255,255,0.0)!important;
    }
    .nav_drop_btn2: active {
        color: #ff6347!important;
        background: rgba(255,255,255,0.0)!important;
    }

}

.btn_orange_noborder {
  font-family: 'Nunito Sans', sans-serif;
  text-align: center;
  background: #ff6347;
  color: #ffffff;
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff6347;
  --bs-btn-border-color: #ff6347;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d7472d;
  --bs-btn-hover-border-color: #ff6347;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b63c26;
  --bs-btn-active-border-color: #b63c26;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff6347;
  --bs-btn-disabled-border-color: #ff6347;
  font-size: 16px;
  margin: 10px;
}

@media (min-width: 768px) {
  .h1_nunito {
    font-family: 'Nunito Sans', sans-serif;
    /*font-weight: bold;*/
    text-align: left;
    /*font-size: 34px;*/
    font-size: 24px;
    font-weight: 900;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .h1_nunito {
    font-family: 'Nunito Sans', sans-serif;
    /*font-weight: bold;*/
    /*text-align: left;
    /*font-size: 30px;*/
    text-align: center;
    font-size: 20px;
    /*font-weight: 900;*/
    font-weight: 700;
    margin-left: 0!important;
  }
}

.h1_nunito1 {
  font-family: 'Nunito Sans', sans-serif;
  text-align: center;
  color: #ffffff;
  /*font-weight: bold;*/
  /*font-size: 40px;*/
  font-weight: 900;
}

.div_home {
  justify-content: left!important;
  align-items: center!important;
  padding-left: 25px;
  /*padding-right: 25px;*/
}

.div_home1 {
  justify-content: right!important;
  align-items: center!important;
  /*padding-left: 25px;*/
  /*padding-right: 25px;*/
}

.div_img {
  justify-content: center!important;
  align-items: center!important;
  /*padding-left: 25px;*/
  /*padding-right: 25px;*/
  text-align: right;
}

@media (min-width: 768px) {
  .alert_custom {
    width: 550px;
    /*width: 100%;*/
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .alert_custom {
    width: 300px;
    /*width: 100%;*/
  }
}

@media (min-width: 768px) {
  .alert_custom {
    width: 100%;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .alert_custom {
    width: 100%;
  }
}

.btn-border-primary {
  color: #007bff;
  background-color: #fff;
  border-color: #007bff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #007bff;
  --bs-btn-hover-border-color: #007bff;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004fa4;
  --bs-btn-active-border-color: #004fa4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  font-family: 'Nunito Sans', sans-serif;
}

.mr-3 {
  margin-right: 1rem !important;
  font-size: 40px;
}

.install-app-btn-container {
  display: none;
}

.drpdwn.active, .drpdwn:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: rgba(29,161,242,0.7);
}

.drpdwn-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
}

.col, .col-md-3, .col-md-4, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-12, .col-md, .col-lg-3, .col-lg-4, .col-lg-8, .col-lg-9 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1000px) {
.div_profile {
  justify-content: left!important;
  align-items: center!important;
  /*padding-right: 25px;*/
  padding-left: 10%;
}
}

@media (min-width: 1000px) {
.div_profile1 {
  justify-content: right!important;
  align-items: center!important;
  /*padding-left: 25px;*/
  padding-right: 10%;
}
}

@media (min-width: 300px) and (max-width: 768px) {
    .div_profile {
      justify-content: left!important;
      align-items: center!important;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .div_profile1 {
      justify-content: right!important;
      align-items: center!important;
      margin-top: 10%;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .div_profile {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .div_profile1 {
        padding: 0;
    }
}

.btn_edit {
  --bs-btn-color: #ff6347;
  /*--bs-btn-bg: #ff6347;*/
  /*--bs-btn-border-color: #ff6347;*/
  --bs-btn-hover-color: #ff6347;
  /*--bs-btn-hover-bg: #ff6347;*/
  --bs-btn-hover-border-color: #ff6347;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff6347;
  --bs-btn-active-border-color: #ff6347;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff6347;
  --bs-btn-disabled-border-color: #ff6347;
  font-family: 'Nunito Sans', sans-serif;
}

.a_link {
  text-decoration: none;
  color: #1da1f2;
}

.a_link:hover {
  text-decoration: none;
  color: #004fa4;
}

.p_gray {
  color: gray;
}

.img_profile {
  border: 5px;
  border-style: solid;
  border-color: #d3d6d8;
  border-radius: 100%;
  padding: 5px!important;
  object-fit: cover;
}

.activate_text{
    font-size: 14px!important;
}

@media (min-width: 300px) and (max-width: 1000px) {
    .img_profile {
        width: 200px!important;
        height: 200px!important;
    }
    .profile_name{
        font-size: 18px!important;
    }
    .c_stype{
        font-size: 14px!important;
    }
    .corp_elaqe_btn{
        font-size: 14px!important;
    }
    .corp_edit_btn{
        font-size: 14px!important;
    }
    .activate_div{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .activate_text{
        /*font-size: 14px!important;*/
        font-size: 12px!important;
        /*width: 60%!important;*/
        width: 70%!important;
        text-align: center;
        position: relative;
        /*left: 50%;
        transform: translate(-50%, 0);*/
        margin-top: 3%!important;
    }
    .activate_link_text{
        font-size: 12px!important;
        width: 60%!important;
    }
    .u_bday, .u_job, .u_jobexpr{
        font-size: 14px!important;
    }
    .u_cv_link{
        font-size: 14px!important;
        margin-top: 3%;
    }
    .cv_add_btn{
        font-size: 14px!important;
    }
}

.img_profile:hover {
  border: 5px;
  border-style: solid;
  border-color: #d3d6d8;
  border-radius: 100%;
  padding: 5px!important;
  box-shadow: 0px 0px 5px grey;
  filter: brightness(1.0);
  /*filter: blur(1px);*/
  opacity: 1.0;
}

.h1_nunito2 {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold;
  text-align: left;
  font-size: 25px;
  /*font-weight: 900;*/
}

@media (min-width: 300px) and (max-width: 768px) {
    .h1_nunito2 {
        font-size: 20px;
        font-weight: 700;
    }
}

.div_p {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e8f7ff;
  --bs-alert-border-color: #d3d6d8;
}

.navbar_glass {
  background: rgba(255, 255, 255, 0.7);
  /*border-radius: 16px;*/
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  /*overflow: hidden;*/
  /*background-color: #333;*/
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: 0.5s;
}

.profile_btn {
  font-family: 'Nunito Sans', sans-serif;
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
  margin: 8px;
  transition: all .2s ease-in-out;
  font-weight: 700;
}

.profile_btn_active {
  font-family: 'Nunito Sans', sans-serif;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #147ebf;
  --bs-btn-hover-border-color: #147ebf;
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0f5885;
  --bs-btn-active-border-color: #0f5885;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
  margin: 8px;
  transition: all .2s ease-in-out;
}

.profile_btn:hover {
  transform: scale(1.1);
}

.drpdwn_menu {
  background: rgba(255,255,255,0.95);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

@media (min-width: 300px) and (max-width: 768px) {
    .language {
        margin-left: 3%;
    }
}

.drpdwn:focus, .drpdwn:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: rgba(29,161,242,0.2);
}

.profile_div {
  background: #f8f9fa;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border-color: #d3d6d8;
  position: relative;
  display: inline-block;
}

.nav_link_active {
  font-family: 'Nunito Sans', sans-serif;
  color: rgba(0, 0, 0, 0.9);
  transition: all .2s ease-in-out;
}

.nav_link_active:focus, .nav_link_active:hover {
  transform: scale(1.1);
}

.nav_link {
  font-family: 'Nunito Sans', sans-serif;
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: rgba(0, 0, 0, 0.55);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  transition: all .2s ease-in-out;
}

@media (min-width: 300px) and (max-width: 768px) {
    .nav_link {
        margin-left: 3%;
    }
}

.nav_link:focus, .nav_link:hover {
  color: rgba(0,0,0,0.7);
  transform: scale(1.1);
}

@media (min-width: 300px) and (max-width: 768px) {
    .nav_link:focus, .nav_link:hover {
        color: rgba(0,0,0,0.7);
        transform: scale(1.1) translate(7%, 0);
    }
}

@media (min-width: 768px) {
  .rmv {
    width: 25px;
    height: 25px;
    margin: 2px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(0%, 10%);*/
    /*-ms-transform: translate(0%, 10%);*/
    /*padding: 12px 24px;*/
    border: none;
    cursor: pointer;
    border-radius: 100%;
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(255,255,255,0.5);
    --bs-btn-border-color: rgba(255,255,255,0.5);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(158,158,158,0.5);
    --bs-btn-hover-border-color: rgba(255,255,255,0.5);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    /*--bs-btn-active-bg: rgba(83,83,83,0.5);*/
    --bs-btn-active-bg: rgba(0,0,0,0.8);
    --bs-btn-active-border-color: rgba(255,255,255,0.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.5);
    --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
    justify-items: center;
    display: inline-flex;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .rmv {
    width: 25px;
    height: 25px;
    margin: 2px;
    /*position: absolute;*/
    /*top: 10%;*/
    /*left: 40%;*/
    /*transform: translate(0%, 10%);*/
    /*-ms-transform: translate(0%, 10%);*/
    /*padding: 12px 24px;*/
    border: none;
    cursor: pointer;
    border-radius: 100%;
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(255,255,255,0.5);
    --bs-btn-border-color: rgba(255,255,255,0.5);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(158,158,158,0.5);
    --bs-btn-hover-border-color: rgba(255,255,255,0.5);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(83,83,83,0.5);
    --bs-btn-active-border-color: rgba(255,255,255,0.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.5);
    --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    display: inline-flex;
  }
}

@media (min-width: 768px) {
  .rmv_icon {
    color: red;
    text-align: center;
    justify-content: center;
    position: absolute;
    /*transform: translate(-43%, -60%);*/
    /*-ms-transform: translate(-45%, -35%);*/
    font-size: 14px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .rmv_icon {
    color: red;
    text-align: center;
    justify-content: center;
    position: absolute;
    /*transform: translate(-41%, -77%);*/
    /*-ms-transform: translate(-41%, -77%);*/
    font-size: 10px;
  }
}

.btn_add_icon {
  color: rgb(255,99,71);
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 34px;
}

.btn_add {
  width: 50px;
  height: 50px;
  position: absolute;
  /*top: 10%;*/
  /*left: 40%;*/
  transform: translate(-105%, -85%);
  -ms-transform: translate(-85%, -85%);
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  /*border-radius: 100%;*/
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(255,255,255,0.5);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(212,212,212,0.5);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(158,158,158,0.5);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  text-align: center;
  justify-content: center;
  justify-items: center;
  margin: 10px;
}

@media (min-width: 1000px) {
  .img_list {
    width: 180px;
    height: 180px;
    border-radius: 25px;
    padding: 10px;
    object-fit: cover;
    /*transition: transform 0.25s ease;*/
    /*cursor: zoom-in;*/
    transition: transform 0.5s;
    /*max-width: 180px;*/
    position: relative;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .img_list {
    /*width: 130px;
    height: 130px;*/
    width: 140px;
    height: 140px;
    border-radius: 25px;
    padding: 10px;
    object-fit: cover;
    /*transition: transform 0.25s ease;*/
    /*cursor: zoom-in;*/
    transition: transform 0.5s;
    /*max-width: 180px;*/
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .img_list {
    width: 140px;
    height: 140px;
    border-radius: 25px;
    padding: 10px;
    object-fit: cover;
    transition: transform 0.5s;
    position: relative;
  }
}

.btn_view {
  width: 30px;
  height: 30px;
  /*position: absolute;*/
  /*top: 10%;*/
  /*left: 40%;*/
  /*transform: translate(-40%);
  -ms-transform: translate(-40%);*/
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  border-radius: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(255,255,255,0.5);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(158,158,158,0.5);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(83,83,83,0.5);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  text-align: center;
  justify-content: center;
  justify-items: center;
  /*margin-left: 15px;*/
}

.view_img {
  color: rgb(80,80,80);
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 14px;
}

.btn_dwnld {
  width: 30px;
  height: 30px;
  /*position: absolute;*/
  /*top: 10%;*/
  /*left: 40%;*/
  /*transform: translate(50%, -10%);*/
  /*-ms-transform: translate(50%, -10%);*/
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  border-radius: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(255,255,255,0.5);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(158,158,158,0.5);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(83,83,83,0.5);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  text-align: center;
  justify-content: center;
  justify-items: center;
}

.dwnld_img {
  color: rgb(80,80,80);
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 14px;
}

.btn_rmv {
  width: 30px;
  height: 30px;
  /*position: absolute;*/
  /*top: 10%;*/
  /*left: 40%;*/
  /*transform: translate(40%);
  -ms-transform: translate(40%);*/
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  border-radius: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(255,255,255,0.5);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(158,158,158,0.5);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(83,83,83,0.5);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  text-align: center;
  justify-content: center;
  justify-items: center;
  /*margin-right: 15px;*/
  /*display: inline-flex;*/
}

.rmv_img {
  color: red;
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 15px;
}

@media (min-width: 1000px) {
  .file_div {
    background: rgb(255,255,255);
    min-width: 45%;
    max-width: 94%;
    width: 45%;
    /*width: 35%;*/
    /*height: 50%;*/
    border-radius: 16px;
    border-color: #d3d6d8;
    float: left;
    margin: 10px;
    text-align: center;
    justify-content: center;
    justify-items: center;
    top: 0;
    left: 0;
  }

  .file_div.file_div1 {
    min-width: 15%;
    width: 20%;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .file_div {
    background: rgb(255,255,255);
    /*min-width: 45%;
    max-width: 94%;
    width: 94%;*/
    min-width: 40%;
    max-width: 94%;
    /*width: 40%;*/
    width: 43%;
    /*width: 30%;*/
    /*height: 50%;*/
    border-radius: 16px;
    border-color: #d3d6d8;
    float: left;
    margin: 10px;
    text-align: center;
    justify-content: center;
    justify-items: center;
    top: 0;
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .file_div {
    background: rgb(255,255,255);
    min-width: 40%;
    max-width: 94%;
    width: 43%;
    border-radius: 16px;
    border-color: #d3d6d8;
    float: left;
    margin: 10px;
    text-align: center;
    justify-content: center;
    justify-items: center;
    top: 0;
    left: 0;
  }
}

.file_div:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.test_div {
  background: rgb(255,255,255);
  width: 100%;
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  float: left;
  margin-bottom: 16px;
  /*margin: 10px;*/
  text-align: center;
  justify-content: center;
  justify-items: center;
  top: 0;
  left: 0;
  display: inline-block;
  position: relative;
}

@media (min-width: 768px) {
    .test_div.test_div1 {
        width: 45%;
        margin: 10px;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .test_div.test_div1 {
        width: 100%;
        /*margin: 10px;*/
    }
}

@media (min-width: 1000px) {
  .profile_video {
    /*width: 100%;*/
    /*height: 100%;*/
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    margin: 20px;
    margin-top: 35px;
    padding: 0;
    width: 560px;
    height: 315px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .profile_video {
    /*width: 100%;*/
    /*height: 100%;*/
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    /*margin: 20px;*/
    margin-top: 35px;
    padding: 0;
    /*width: 329px;
    height: 185px;*/
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .profile_video {
    margin-top: 15px;
    padding: 0;
    width: 100%;
    height: 100%;
  }
}

.svg_icon {
  width: 20px;
  /*position: absolute;*/
  transform: translate(0, -15%);
  -ms-transform: translate(0, -15%);
  color: #a9abae;
  font-size: 22px;
}

.test_corp_link {
  text-decoration: none;
  /*color: #1da1f2;*/
  color: rgba(0, 0, 0, 0.5);
  margin-left: 10px;
  padding-left: 0;
}

@media (min-width: 1000px) {
    .test_corp_link {
        font-size: 11px;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .test_corp_link {
        font-size: 11px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .test_corp_link {
        font-size: 11px;
    }
}

.progress_test {
  width: 70%;
  /*height: 70%;*/
  height: 25px;
  text-align: center;
  position: relative;
  top: 15%;
  left: 25%;
  --bs-progress-height: 1.2rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: rgb(25,135,84);
}

.test_info_div {
  float: left;
  width: 40%;
  /*height: 100%;*/
  /*height: 30px;*/
  align-items: center;
  align-content: center;
  /*justify-content: center;*/
  /*justify-items: center;*/
  text-align: center;
  /*align-self: center;*/
  /*position: relative;*/
  margin: 10px;
  display: inline-block;
}

.test_disabled {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1da1f2;
  --bs-btn-hover-border-color: #1da1f2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1da1f2;
  --bs-btn-active-border-color: #1da1f2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  width: 100%;
  /*height: 25px;*/
  font-family: 'Nunito Sans', sans-serif;
  text-align: center;
  font-size: 14px;
  padding: 0;
  margin: 0;
  position: relative;
}

.test_no_res_div {
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  background-color: rgba(29,161,242,0.02);
  border-color: rgba(29,161,242,0.4);
  margin-bottom: 0px;
  position: relative;
  width: 100%;
}

.test_no_res_span {
  color: rgb(70,70,70);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
}

@media (min-width: 300px) and (max-width: 768px) {
    .test_no_res_span {
        font-size: 11px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .test_no_res_span {
        font-size: 11px;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .test_res_name {
        font-size: 15px!important;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .test_res_name {
        font-size: 15px!important;
    }
}

.modal_custom {
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  /*z-index: 9999;*/
}

.modal_custom1 {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px);
  /*background-image: url(../../assets/img/noiseTexture.png);*/
  background-size: 100% 100%;
  /*z-index: 9999;*/
}

.btn_img_all {
  width: 50px;
  height: 50px;
  position: absolute;
  /*top: 10%;*/
  /*left: 40%;*/
  transform: translate(-80%, -15%);
  -ms-transform: translate(-85%, -85%);
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  /*border-radius: 100%;*/
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(255,255,255,0.5);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(212,212,212,0.5);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(158,158,158,0.5);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  text-align: center;
  justify-content: center;
  justify-items: center;
  padding: 10px;
}

.btn_img_all_icon {
  color: rgb(255,99,71);
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 30px;
}

.img_list:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.chckbox {
  display: none;
}

.chckbox:checked ~ label > img {
  transform: scale(3);
  cursor: zoom-out;
}

.img_list.zoomed {
  /*transform: scale(2);*/
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
  z-index: 1;
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
  border-radius: 15px;
  /*object-fit: none;*/
}

.img_list.zoomed::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: -1;
}

@media (min-width: 768px) {
  .img_list_all {
    width: 180px;
    height: 180px;
    border-radius: 25px;
    padding: 10px;
    object-fit: cover;
    /*transition: transform 0.25s ease;*/
    /*cursor: zoom-in;*/
    transition: transform 0.5s;
    /*max-width: 180px;*/
    position: relative;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .img_list_all {
    width: 130px;
    height: 130px;
    border-radius: 25px;
    padding: 10px;
    object-fit: cover;
    /*transition: transform 0.25s ease;*/
    /*cursor: zoom-in;*/
    transition: transform 0.5s;
    /*max-width: 180px;*/
    position: relative;
  }
}

[data-zoom-image] {
  position: relative;
  /*z-index: 800;*/
  transform: none;
  transition: transform 400ms ease;
  /*cursor: zoom-in;*/
}

[data-zoom-image='active'] {
  z-index: 1000;
  /*cursor: zoom-out;*/
  /*position: fixed;*/
  width: auto;
  position: absolute;
}

[data-zoom-backdrop] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	/*z-index: 900;*/
	/*z-index: 9999;*/
	z-index: 99;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	transition: opacity 400ms ease;
	pointer-events: none;
}

[data-zoom-backdrop='active'] {
	opacity: 0.97;
	pointer-events: auto;
	backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    filter: blur(10px);
}

@media (min-width: 1000px) {
  .img_div {
    width: 180px;
    height: 180px;
    float: left;
    position: relative;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .img_div {
    /*width: 130px;
    height: 130px;*/
    width: 140px;
    height: 140px;
    float: left;
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .img_div {
    width: 140px;
    height: 140px;
    float: left;
    position: relative;
  }
}

@media (min-width: 768px) {
  .rmv_block {
    width: 150px;
    height: 35px;
    position: absolute;
    /*top: 10%;*/
    /*left: 40%;*/
    /*transform: translate(-170%, 70%);*/
    /*-ms-transform: translate(-170%, 70%);*/
    /*padding: 12px 24px;*/
    /*border: none;*/
    /*cursor: pointer;*/
    border-radius: 16px;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
    justify-items: center;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 5px 5px 15px rgba(136,136,136,0.14);
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .rmv_block {
    width: 150px;
    height: 35px;
    position: absolute;
    /*top: 10%;*/
    /*left: 40%;*/
    transform: translate(0%, -30%);
    -ms-transform: translate(0%, -30%);
    /*padding: 12px 24px;*/
    /*border: none;*/
    /*cursor: pointer;*/
    border-radius: 16px;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
    justify-items: center;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 5px 5px 15px rgba(136,136,136,0.14);
    align-items: center;
    align-content: center;
    box-sizing: border-box;
  }
}

@media (min-width: 768px) {
  .nextr {
    color: rgba(255,255,255,0.5);
    text-align: center;
    justify-content: center;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 35px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .nextr {
    color: rgba(255,255,255,0.5);
    text-align: center;
    justify-content: center;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 17px;
  }
}

@media (min-width: 768px) {
  .nextl {
    color: rgba(255,255,255,0.5);
    text-align: center;
    justify-content: center;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 35px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .nextl {
    color: rgba(255,255,255,0.5);
    text-align: center;
    justify-content: center;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 17px;
  }
}

@media (min-width: 768px) {
  .next_btn {
    width: 50px;
    height: 50px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(0%, 10%);*/
    /*-ms-transform: translate(0%, 10%);*/
    /*padding: 12px 24px;*/
    border: none;
    cursor: pointer;
    border-radius: 100%;
    /*--bs-btn-color: #fff;
    --bs-btn-bg: rgba(0,0,0,0.5);
    --bs-btn-border-color: rgba(255,255,255,0.5);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(158,158,158,0.5);
    --bs-btn-hover-border-color: rgba(255,255,255,0.5);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(83,83,83,0.5);
    --bs-btn-active-border-color: rgba(255,255,255,0.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.5);
    --bs-btn-disabled-border-color: rgba(255,255,255,0.5);*/
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(255,255,255,0.05);
    --bs-btn-border-color: rgba(255,255,255,0.5);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(255,255,255,0.2);
    --bs-btn-hover-border-color: rgba(255,255,255,0.5);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(0,0,0,0.05);
    --bs-btn-active-border-color: rgba(255,255,255,0.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.5);
    --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
    justify-items: center;
    transition: 0.7s ease;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .next_btn {
    width: 25px;
    height: 25px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(0%, 10%);*/
    /*-ms-transform: translate(0%, 10%);*/
    /*padding: 12px 24px;*/
    border: none;
    cursor: pointer;
    border-radius: 100%;
    /*--bs-btn-color: #fff;
    --bs-btn-bg: rgba(0,0,0,0.5);
    --bs-btn-border-color: rgba(255,255,255,0.5);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(158,158,158,0.5);
    --bs-btn-hover-border-color: rgba(255,255,255,0.5);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(83,83,83,0.5);
    --bs-btn-active-border-color: rgba(255,255,255,0.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.5);
    --bs-btn-disabled-border-color: rgba(255,255,255,0.5);*/
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(255,255,255,0.05);
    --bs-btn-border-color: rgba(255,255,255,0.5);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(255,255,255,0.2);
    --bs-btn-hover-border-color: rgba(255,255,255,0.5);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(0,0,0,0.05);
    --bs-btn-active-border-color: rgba(255,255,255,0.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.5);
    --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
    justify-items: center;
    transition: 0.7s ease;
  }
}

.next_btn:active{
    transform: scale(0.8);
}

@media (min-width: 768px) {
  .index_rc {
    width: 200px;
    /*height: 200px;*/
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .index_rc {
    width: 150px;
    /*height: 200px;*/
  }
}

@media (min-width: 768px) {
  .index_slide {
    width: 400px!important;
    height: 400px!important;
    border-radius: 16px;
    box-shadow: 0px 0px 20px rgba(255,255,255,0.45);
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    /*object-fit: cover;*/
  }
}

@media (min-width: 768px) {
  .index_slide:active {
    width: 400px!important;
    height: 400px!important;
    border-radius: 16px;
    box-shadow: 0px 0px 40px rgba(255,255,255,0.45);
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    /*object-fit: cover;*/
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .index_slide {
    /*width: 200px!important;
    height: 200px!important;*/
    width: 300px!important;
    height: 300px!important;
    border-radius: 16px;
    box-shadow: 0px 0px 20px rgba(255,255,255,0.45);
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .index_slide:active {
    /*width: 200px!important;
    height: 200px!important;*/
    width: 300px!important;
    height: 300px!important;
    border-radius: 16px;
    box-shadow: 0px 0px 40px rgba(255,255,255,0.45);
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }
}

.corp_elaqe_btn {
  width: 50%;
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1677b3;
  --bs-btn-hover-border-color: #1677b3;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #105e8f;
  --bs-btn-active-border-color: #105e8f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #0d6efd;
  font-family: 'Nunito Sans', sans-serif;
  text-align: center;
  font-size: 16px;
  margin-top: 15px;
}

.corp_edit_btn {
  width: 50%;
  --bs-btn-color: #000000;
  --bs-btn-bg: #e8e8e8;
  --bs-btn-border-color: #e8e8e8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #858585;
  --bs-btn-hover-border-color: #858585;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #535353;
  --bs-btn-active-border-color: #535353;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #e8e8e8;
  --bs-btn-disabled-border-color: #0d6efd;
  font-family: 'Nunito Sans', sans-serif;
  text-align: center;
  font-size: 16px;
  margin: 10px;
}

.res_p {
  text-decoration: none;
  color: #1da1f2;
  margin-left: 10px;
  /*padding-left: 0;*/
  font-family: 'Nunito Sans', sans-serif;
  float: left;
  margin-bottom: 0px;
  font-size: 14px;
}

.res_name{
    font-size: 17px!important;
}

.res_p1 {
  text-decoration: none;
  color: #1da1f2;
  /*padding-left: 0;*/
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  float: left;
  clear: both;
  margin-bottom: 0px;
  margin-left: 27px;
}

.res_info_div {
  /*float: left;*/
  width: 100%;
  /*height: 100%;*/
  /*height: 30px;*/
  /*align-items: center;*/
  /*align-content: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  /*text-align: center;*/
  /*align-self: center;*/
  /*position: relative;*/
  /*margin: 10px;*/
  /*display: inline-block;*/
}

.res_div {
  background: rgb(255,255,255);
  /*width: 35%;*/
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  float: left;
  margin: 10px;
  text-align: center;
  justify-content: center;
  justify-items: center;
  top: 0;
  left: 0;
}

@media (min-width: 1000px) {
    .res_div.res_div1{
        /*
        width: 35%!important;
        margin: 20px!important;
        margin-right: 5%!important;
        */
    }
}

@media (min-width: 300px) and (max-width: 1000px) {
    .res_div{
        min-width: 40%;
        max-width: 94%;
        width: 43%;
    }
    .res_div.res_div1{
        width: 100%!important
    }
    .res_name{
        font-size: 15px!important;
    }
    .res_p{
        font-size: 12px;
    }
    .res_p1{
        font-size: 10px;
    }

    .res_modal{
        width: auto!important;
    }
    .code_modal{
        font-size: 13px;
    }
}

.res_div:hover {
  background: rgb(251,253,255);
  /*width: 35%;*/
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  float: left;
  margin: 10px;
  text-align: center;
  justify-content: center;
  justify-items: center;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 3px;
}

.res_div:active {
  background: rgb(251,253,255);
  /*width: 35%;*/
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  /*float: left;*/
  /*margin: 10px;*/
  /*text-align: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  /*top: 0;*/
  /*left: 0;*/
  box-shadow: 0px 0px 23px gray;
}

.corp_div_p {
  --bs-alert-color: #41464b;
  /*
  --bs-alert-bg: rgba(29,161,242,0.12);
  */
  --bs-alert-bg: rgba(29,161,242,0.0);
  --bs-alert-border-color: #d3d6d8;
  margin-bottom: 40px;
  margin-top: 10px;
  transition: 0.2s;
  left: 50%;
  transform: translate(-50%, 0);

}

@media (min-width: 300px) and (max-width: 768px) {
    .corp_div_p {
        font-size: 14px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .corp_div_p {
        font-size: 15px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
    }
}

.corp_btn {
  padding: 20px;
  padding-top: 5px;
  margin-bottom: -35px;
}

.crt_test_span {
  /*color: black;*/
  position: relative;
  /*transform: translate(0%, 50%);*/
}

.btn_crt_test_icon {
  color: rgb(255,99,71);
  text-align: center;
  justify-content: center;
  position: relative;
  transform: translate(-45%, 0%);
  -ms-transform: translate(-45%, 0%);
  font-size: 34px;
}

.btn_crt_test {
  width: 200px;
  height: 50px;
  position: relative;
  /*top: 10%;*/
  /*left: 40%;*/
  transform: translate(0%, 50%);
  -ms-transform: translate(0%, 50%);
  z-index: 1;
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  /*border-radius: 100%;*/
  --bs-btn-color: #000000;
  --bs-btn-bg: rgba(255,255,255,0.5);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgba(29,161,242,0.05);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgba(29,161,242,0.12);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  text-align: center;
  justify-content: center;
  justify-items: center;
  margin: 10px;
}

@media (min-width: 1000px) {
  .container_corp {
    width: 600px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .container_corp {
    /*width: 300px;*/
    margin-top: 10%;
    width: 100%;
  }
}

@media (min-width: 450px) and (max-width: 768px) {
  .container_corp {
    min-width: 450px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .container_corp {
    width: 100%;
  }
}

.textarea_detailed_info {
  /*width: 84%;*/
  height: auto;
  resize: vertical;
  display: inline-block;
  margin-right: 0px;
  overflow: hidden;
}

.textarea_question {
  width: 84%;
  height: auto;
  resize: vertical;
  display: inline-block;
  margin-right: 0px;
  overflow: hidden;
}

.textarea_answer {
  width: 70%;
  height: auto;
  resize: vertical;
  display: inline-block;
  overflow: hidden;
}

.test_radio {
  position: relative;
  /*transform: translate(0%, -180%);*/
  /*-ms-transform: translate(0%, -180%);*/
  margin-right: 10px;
  vertical-align: initial;
  width: 16px;
  height: 16px;
  transform: translate(0%, -140%);
  -ms-transform: translate(0%, -140%);
}

.test_radio:focus {
  border-color: #1da1f2;
}

.test_radio:checked {
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn_rmv_test {
  width: 30px;
  height: 30px;
  position: absolute;
  /*top: 10%;*/
  /*left: 40%;*/
  transform: translate(40%, 55%);
  -ms-transform: translate(40%, 55%);
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  border-radius: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(222,222,222);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(99,99,99);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  /*backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);*/
  text-align: center;
  justify-content: center;
  justify-items: center;
  margin-right: 0;
}

button .rmv_img_test {
  color: red;
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 14px;
}

button:active .rmv_img_test {
  color: white;
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 14px;
}

.div_question {
  padding: 15px;
  margin: 10px;
  background: #f8f9fa;
  width: 90%;
  /*height: 100%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  position: relative;
  display: inline-block;
  /*text-align: center;*/
  /*align-items: center;*/
  /*align-content: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
}

@media (min-width: 768px) {
  .div_answer {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 45%;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .div_answer {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100%;
  }
}

.div_question1 {
  float: left;
  margin-right: 10px;
  width: 100%;
  margin-bottom: 10px;
}

.btn_add_test {
  width: 150px;
  /*height: 30px;*/
  position: relative;
  float: left;
  clear: both;
  /*top: 10%;*/
  /*left: 40%;*/
  /*transform: translate(40%, 55%);*/
  /*-ms-transform: translate(40%, 55%);*/
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  border-radius: 10px;
  --bs-btn-color: #000000;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(233,233,233);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(99,99,99);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  /*backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);*/
  text-align: center;
  justify-content: center;
  justify-items: center;
  font-family: 'Nunito Sans', sans-serif;
  /*margin-top: 10px;*/
}

button .add_icon_test {
  color: red;
  text-align: center;
  justify-content: center;
  position: relative;
  transform: translate(0%);
  -ms-transform: translate(0%, -15%);
  /*font-size: 14px;*/
  margin-right: 10px;
  background-color: rgba(255,255,255,0.7);
  border-radius: 100%;
}

button:active .add_icon_test {
  color: #ffffff;
  text-align: center;
  justify-content: center;
  position: relative;
  transform: translate(0%);
  -ms-transform: translate(0%, -15%);
  /*font-size: 14px;*/
  margin-right: 10px;
  background-color: rgb(229,0,0);
  border-radius: 100%;
}

.forgot {
  --bs-text-opacity: 1;
  color: #6c757d!important;
}

.forgot:hover {
  --bs-text-opacity: 1;
  color: #444b52!important;
}

.signup_btn {
  margin: 15px;
  width: 150px;
  height: 200px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #29aeff;
  --bs-btn-hover-border-color: #1074b2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b517c;
  --bs-btn-active-border-color: #0b517c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #0d6efd;
  transition: 0.5s all ease-in-out;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.signup_btn:hover {
  box-shadow: 0 0 15px gray;
  color: #1da1f2;
  background-color: white;
  transform: scale(1.1);
}

.submit {
  margin: 10px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1074b2;
  --bs-btn-hover-border-color: #1074b2;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b517c;
  --bs-btn-active-border-color: #0b517c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
}

.cancel {
  margin: 10px;
  --bs-btn-color: #fff;
  /*
  --bs-btn-bg: #ff6347;
  --bs-btn-border-color: #ff6347;
  */
  --bs-btn-bg: #ff0000;
  --bs-btn-border-color: #ff0000;

  --bs-btn-hover-color: #fff;
  /*
  --bs-btn-hover-bg: #d75038;
  --bs-btn-hover-border-color: #d75038;
  */
  --bs-btn-hover-bg: #c50000;
  --bs-btn-hover-border-color: #c50000;

  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  /*
  --bs-btn-active-bg: #ae3823;
  --bs-btn-active-border-color: #ae3823;
  */
  --bs-btn-active-bg: #8f0000;
  --bs-btn-active-border-color: #8f0000;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  /*
  --bs-btn-disabled-bg: #ff6347;
  --bs-btn-disabled-border-color: #ff6347;
  */
  --bs-btn-disabled-bg: #ff0000;
  --bs-btn-disabled-border-color: #ff0000;
}

.g-input {
  position: relative;
  margin-bottom: 10px;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  clear: both;
}

.g-input label {
  background: white;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 14px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: bottom left;
  color: #c4c4c4;
  font-family: 'Nunito Sans', sans-serif;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  cursor: text;
  margin-bottom: 0px;
}

.g-input input, .g-input textarea {
  border: 1px solid #ddd;
  display: block;
  padding: 10px;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
}

.g-input.fill {
  display: block;
  width: 100%;
}

.g-input input:focus, .g-input textarea:focus {
  outline: 0;
  border-color: #1873e8;
}

.g-input input:focus + label, .g-input input:not(:placeholder-shown) + label, .g-input textarea:focus + label, .g-input textarea:not(:placeholder-shown) + label {
  transform: translateX(-3px) translateY(-20px);
  font-size: 12px;
  color: #1a73e8;
}

.google {
  /*width: 230px;*/
  width: 140px;
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-border-color: #ffffff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: #ffffff;
  margin: 10px;
  box-shadow: 1px 1px 2px rgba(128,128,128,0.5);
  /*display: inline-block;*/
}

.google:hover {
  box-shadow: 1.8px 1.8px 7px rgba(128,128,128,0.5);
}

.meta {
  /*width: 230px;*/
  width: 140px;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #1877F2;
  --bs-btn-border-color: #1877F2;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1877F2;
  --bs-btn-hover-border-color: #1877F2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1877F2;
  --bs-btn-active-border-color: #1877F2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #1877F2;
  --bs-btn-disabled-border-color: #1877F2;
  margin: 10px;
  box-shadow: 1px 1px 2px rgba(128,128,128,0.5);
}

.meta:hover {
  box-shadow: 1.8px 1.8px 7px rgba(128,128,128,0.5);
}

.linkedin {
  /*width: 230px;*/
  width: 140px;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0E76A8;
  --bs-btn-border-color: #0E76A8;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0E76A8;
  --bs-btn-hover-border-color: #0E76A8;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0E76A8;
  --bs-btn-active-border-color: #0E76A8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0E76A8;
  --bs-btn-disabled-border-color: #0E76A8;
  margin: 10px;
  box-shadow: 1px 1px 2px rgba(128,128,128,0.5);
}

.linkedin:hover {
  box-shadow: 1.8px 1.8px 7px rgba(128,128,128,0.5);
}

.icon_g {
  margin-right: 10px;
  font-size: 22px;
  transform: translate(0%, -10%);
  -ms-transform: translate(0%, -10%);
}

.gml_div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 0px) and (max-width: 768px) {
    .gml_div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
}

.next_btn_test {
  width: 100px;
  height: 40px;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0E76A8;
  --bs-btn-border-color: #0E76A8;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0E76A8;
  --bs-btn-hover-border-color: #0E76A8;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0E76A8;
  --bs-btn-active-border-color: #0E76A8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0E76A8;
  --bs-btn-disabled-border-color: #0E76A8;
  margin: 10px;
  box-shadow: 1px 1px 2px rgba(128,128,128,0.5);
  border-radius: 7px;
}

.vakansiya {
  background: #f8f9fa;
  width: 100%;
  /*height: 100%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  position: relative;
  display: inline-block;
  clear: both;
  padding: 25px;
  /*float: left;*/
  /*clear: both;*/
  transition: 0.2s;
}

.v_search {
  background-color: #f8f9fa;
  border-radius: 16px;
  padding: 15px;
  text-align: center;
  /*align-items: center;*/
  /*justify-content: center;*/
  /*display: inline-block;*/
  /*margin: 20px;*/
  box-shadow: 0px 0px 10px rgba(128,128,128,0.2);
}

.i_search {
  width: 72%;
  background-color: #f8f9fa;
  border-radius: 16px;
  padding: 15px;
  text-align: center;
  /*align-items: center;*/
  /*justify-content: center;*/
  /*display: inline-block;*/
  margin: 20px 0 20px 0;
  box-shadow: 0px 0px 10px rgba(128,128,128,0.2);
  transition: 0.2s;
}

@media (min-width: 300px) and (max-width: 768px) {
    .i_search {
        width: 100%;
        margin: 20px 0 20px 0;
    }
}

@media (min-width: 768px) {
  .srch_btn {
    width: 20%;
    margin: 5px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #1da1f2;
    --bs-btn-border-color: #1da1f2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1988cd;
    --bs-btn-hover-border-color: #1988cd;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #166ea5;
    --bs-btn-active-border-color: #166ea5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1da1f2;
    --bs-btn-disabled-border-color: #1da1f2;
    text-align: center;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .srch_btn {
    width: 100px;
    margin: 5px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #1da1f2;
    --bs-btn-border-color: #1da1f2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1988cd;
    --bs-btn-hover-border-color: #1988cd;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #166ea5;
    --bs-btn-active-border-color: #166ea5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1da1f2;
    --bs-btn-disabled-border-color: #1da1f2;
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .srch_input {
    width: 35%;
    float: left;
    margin: 5px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .srch_input {
    /*width: 45%;*/
    width: 95%!important;
    float: left;
    margin: 5px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .srch_input_i {
    width: 70%;
    float: left;
    margin: 5px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .srch_input_i {
    width: 95%;
    float: left;
    margin: 5px;
    font-size: 14px;
  }
}

.adv {
  width: 40%;
  justify-content: center!important;
  align-items: center!important;
  /*padding-left: 25px;*/
  /*padding-right: 25px;*/
  text-align: right;
  /*float: left;*/
  /*clear: both;*/
}

.vakansiya_div {
  background: rgb(255,255,255);
  width: 100%;
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  float: left;
  margin-bottom: 16px;
  /*margin: 10px;*/
  text-align: center;
  justify-content: center;
  justify-items: center;
  top: 0;
  left: 0;
  display: inline-block;
  position: relative;
  /*transition: 0.2s;*/
}

@media (min-width: 1000px) {
    .vakansiya_div.vakansiya_div1 {
        width: 35%!important;
        margin: 20px!important;
        /*margin-right: 30px!important;*/
        margin-right: 10%!important;
    }
    .vakansiya_div.vakansiya_div3 {
        width: 35%!important;
        margin: 20px!important;
        margin-right: 5%!important;
    }
}

@media (min-width: 300px) and (max-width: 1000px) {
    .vakansiya_div.vakansiya_div1 {
        width: 95%!important;
        margin-right: 20px!important;
    }
    .vakansiya_div.vakansiya_div3 {
        width: 100%!important;
    }
}

.vakansiya_div:hover {
  background: rgb(255,255,255);
  /*width: 100%;*/
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  /*float: left;*/
  /*margin-bottom: 16px;*/
  /*margin: 10px;*/
  /*text-align: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  /*top: 0;*/
  /*left: 0;*/
  /*display: inline-block;*/
  /*position: relative;*/
  box-shadow: 0px 0px 3px gray;
}

.vakansiya_div:active {
  background: rgb(255,255,255);
  /*width: 100%;*/
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  /*float: left;*/
  /*margin-bottom: 16px;*/
  /*margin: 10px;*/
  /*text-align: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  /*top: 0;*/
  /*left: 0;*/
  /*display: inline-block;*/
  /*position: relative;*/
  box-shadow: 0px 0px 23px gray;
}

.isci_div {
  background: rgb(255,255,255);
  /*width: 250px;*/
  width: 200px;
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  float: left;
  margin: 16px;
  /*margin: 10px;*/
  text-align: center;
  justify-content: center;
  justify-items: center;
  top: 0;
  left: 0;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.i_name{
    font-size: 17px!important;
}
.i_job{
    font-size: 14px;
}

@media (min-width: 0px) and (max-width: 355px) {
    .isci_div {
        width: 85px;
        margin: 5px;
    }
    .i_img {
        width: 53px!important;
        height: 53px!important;
    }
    .i_name{
        font-size: 12px!important;
    }
    .i_job{
        font-size: 10px!important;
    }
}

@media (min-width: 355px) and (max-width: 400px) {
    .isci_div {
        width: 115px;
        margin: 5px;
    }
    .i_img {
        width: 80px!important;
        height: 80px!important;
    }
    .i_name{
        font-size: 14px!important;
    }
    .i_job{
        font-size: 12px!important;
    }
}

@media (min-width: 400px) and (max-width: 768px) {
    .isci_div {
        width: 135px;
        margin: 5px;
    }
    .i_img {
        width: 100px!important;
        height: 100px!important;
    }
    .i_name{
        font-size: 14px!important;
    }
    .i_job{
        font-size: 12px!important;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .isci_div {
        width: 155px;
        margin: 5px;
    }
    .i_img {
        width: 120px!important;
        height: 120px!important;
    }
    .i_name{
        font-size: 16px!important;
    }
    .i_job{
        font-size: 14px!important;
    }
}

.v_company {
  float: left;
  clear: both;
  /*width: 40%;*/
  /*height: 100%;*/
  /*height: 30px;*/
  align-items: center;
  align-content: center;
  /*justify-content: center;*/
  /*justify-items: center;*/
  text-align: center;
  /*align-self: center;*/
  /*position: relative;*/
  margin: 10px;
  display: inline-block;
  /*margin-bottom: 0px;*/
}

.isci_div:hover {
  background: rgb(251,253,255);
  /*width: 35%;*/
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  /*float: left;*/
  /*margin: 10px;*/
  /*text-align: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  /*top: 0;*/
  /*left: 0;*/
  box-shadow: 0px 0px 3px gray;
}

.isci_div:active {
  background: rgb(251,253,255);
  /*width: 35%;*/
  /*height: 50%;*/
  border-radius: 16px;
  border-color: #d3d6d8;
  /*float: left;*/
  /*margin: 10px;*/
  /*text-align: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  /*top: 0;*/
  /*left: 0;*/
  box-shadow: 0px 0px 23px gray;
}

.i_img {
  /*width: 210px;
  height: 210px;*/
  width: 165px;
  height: 165px;
  border-radius: 16px;
  margin-bottom: 20px;
  /*background-color: rgba(29,161,242,0.2);*/
  /*box-shadow: 0px 0px 10px rgba(29,161,242,0.45);*/
  object-fit: cover;
}

.i_category {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198cd3;
  --bs-btn-hover-border-color: #198cd3;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1475b1;
  --bs-btn-active-border-color: #1475b1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  /* margin: 10px;*/
  margin: 5px;
  border-radius: 100px;
}

@media (min-width: 300px) and (max-width: 768px) {
    .i_category {
        margin: 5px;
        font-size: 14px;
    }
}

.more {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198cd3;
  --bs-btn-hover-border-color: #198cd3;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1475b1;
  --bs-btn-active-border-color: #1475b1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  margin: 10px;
  font-family: 'Nunito Sans', sans-serif;
}

.v_p_r {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  text-align: left;
  margin: 13px;
  /*float: right;*/
  /*margin-bottom: 0px;*/
  /*clear: both;*/
}

.v_p_r * {
    color: rgba(0, 0, 0, 0.5)!important;
}

.v_p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  text-align: left;
  margin: 10px;
  float: left;
  clear: both;
  display: inline-block;
}

@media (min-width: 768px) {
    .v_p {
        font-size: 17px;
    }

    .v_p_r{
        font-size: 14px!important;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .v_p {
        font-size: 16px;
        /*margin: 4% 0 4% 0;*/
        margin: 0;
        width: 100%;
    }
    .v_p_r{
        font-size: 13px!important;
        margin: 4% 0 4% 0;
    }
    .more{
        font-size: 14px;
        text-align: center;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .v_company{
        margin: 4% 0 4% 0;
    }
    .v_name_div{
        width: 100%;
    }
}

@media (min-width: 768px) {
  .select_cat {
    width: 70%;
    margin-bottom: 50px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .select_cat {
    width: 100%;
    margin-bottom: 50px;
    font-size: 14px;
  }
}

.sponsor {
  width: 70%;
  margin: 10px;
  /*margin-right: 20px;*/
}

@media (min-width: 768px) {
  .slide_img {
    padding: 10px;
    width: 400px;
    height: 400px;
    object-fit: cover;
    border-radius: 26px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .slide_img {
    padding: 10px;
    /*width: 200px;
    height: 200px;*/
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 26px;
  }
}

.slide_div {
  z-index: 1;
  /*display: inline-block;*/
  position: absolute;
  /*transform: translate(2.5%, -160%);
  -ms-transform: translate(250%, -260%);*/
  transform: translate(0, -160%);
  color: white;
  background-color: rgba(0,0,0,0.6);
  /*width: 380px;*/
  width: 100%;
  height: 70px;
  text-align: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  /*filter: blur(1px);*/
}

.slide_span {
  /*z-index: 4;*/
  /*display: inline-block;*/
  position: absolute;
  transform: translate(-50%, 10%);
  -ms-transform: translate(-50%, 10%);
  color: white;
  /*background-color: rgba(0,0,0,0.5);*/
  font-family: 'Nunito Sans', sans-serif;
  font-size: 17px;
}

.line2 {
  /*z-index: 4;*/
  /*display: inline-block;*/
  position: absolute;
  transform: translate(-50%, 125%);
  -ms-transform: translate(-50%, 125%);
  color: white;
  /*background-color: rgba(0,0,0,0.5);*/
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
}

.line3 {
  /*z-index: 4;*/
  /*display: inline-block;*/
  position: absolute;
  transform: translate(-50%, 245%);
  -ms-transform: translate(-50%, 245%);
  color: white;
  /*background-color: rgba(0,0,0,0.5);*/
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
}

.slide_down_all_div {
  background-color: #0d5bcb;
  position: relative;
  width: 100%;
  height: 70px;
  text-align: center;
  align-items: center!important;
  /*display: flex!important;*/
  transition: 0.5s;
}

.slide_down_all_btn {
  --bs-btn-color: #fff;
  --bs-btn-bg: #28a745;
  --bs-btn-border-color: #28a745;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1c7e32;
  --bs-btn-hover-border-color: #1c7e32;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1b712f;
  --bs-btn-active-border-color: #1b712f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #28a745;
  --bs-btn-disabled-border-color: #28a745;
  transform: translate(0%, 35%);
  -ms-transform: translate(0%, 35%);
}

.ms_time_div {
  float: left;
  clear: both;
  text-align: center;
  background-color: rgb(255,255,255);
  border-color: #e4e4e4;
  border-radius: 12px;
  margin: 0px;
  margin-top: 10px;
  padding: 7px;
}

.video_players {
  align-items: center;
  justify-content: center;
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
}

@media (min-width: 1000px) {
  .profile_recorder {
    /*vertical-align: top;*/
    /*width: 45%;*/
    /*height: 200px;*/
    width: 100%;
    border-radius: 16px;
    width: 560px;
    margin: 20px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .profile_recorder {
    border-radius: 16px;
    /*margin: 20px;*/
    margin-top: 35px;
    padding: 0;
    /*width: 329px;
    height: 185px;*/
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .profile_recorder {
    border-radius: 16px;
    margin-top: 15px;
    padding: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1000px) {
  .profile_player {
    /*vertical-align: top;*/
    /*width: 45%;*/
    /*height: 200px;*/
    width: 100%;
    border-radius: 16px;
    width: 560px;
    margin: 20px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .profile_player {
    border-radius: 16px;
    /*margin: 20px;*/
    margin-top: 35px;
    padding: 0;
    /*width: 329px;
    height: 185px;*/
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .profile_player {
    border-radius: 16px;
    margin-top: 15px;
    padding: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1000px) {
  .video_buttons {
    align-items: center;
    /*justify-content: center;
    justify-content: space-evenly;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;*/

    display: grid;
    grid-template-columns: repeat(auto-fit, 100px);
    gap: 10px;
    justify-content: center;
    justify-items: center;

    background: rgba(239,239,239,0.5);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    /*display: inline-block;*/
    /*margin: 10px;*/
    padding: 15px;
    border-radius: 11px;
    position: relative;
    /*left: 25%;*/
    /*left: 50%;
    transform: translate(-50%, 0);*/
    transition: all .2s ease-in-out;
  }
}

@media (min-width: 0px) and (max-width: 1000px) {
  .video_buttons {
    align-items: center;
    /*justify-content: center;
    justify-content: space-evenly;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;*/

    display: grid;
    grid-template-columns: repeat(auto-fit, 100px);
    gap: 10px;
    justify-content: center;
    justify-items: center;

    background: rgba(239,239,239,0.5);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    /*display: inline-block;*/
    /*margin: 10px;
    /*padding: 12px;*/
    border-radius: 11px;
    position: relative;
    /*left: 50%;
    transform: translate(-50%, 0);*/
    transition: all .2s ease-in-out;
    /*padding: 12px 20%;*/
    padding: 15px 15px;
  }
}

.rec_custom_btn {
  /*width: 42px;*/
  width: 100px;
  height: 42px;
  /*position: absolute;*/
  /*top: 10%;*/
  /*left: 40%;*/
  /*transform: translate(-105%, -85%);*/
  /*-ms-transform: translate(-85%, -85%);*/
  /*padding: 12px 24px;*/
  /*border: none;*/
  cursor: pointer;
  /*border-radius: 100%;*/
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(29,161,242);
  --bs-btn-border-color: rgba(255,255,255,0.6);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(29,161,242,0.6);
  --bs-btn-hover-border-color: rgba(29,161,242,0.6);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: rgb(29,161,242);
  --bs-btn-active-bg: rgb(255,255,255);
  --bs-btn-active-border-color: rgba(29,161,242,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(222,222,222);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  /*text-align: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  /*margin: 10px;*/
  transition: 0.5s;
  /*transition: transform .2s;*/
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rec_custom_btn:hover {
  border-radius: 26px;
  transform: scale(1.1);
}

@media (min-width: 300px) and (max-width: 1000px) {
    .rec_custom_btn {
        /*margin-bottom: 1.5%;*/
        margin: 1.2% 0.2%;
    }
}

.not_show {
  display: none;
}

.not_show2 {
  display: none;
}

.not_showi {
  display: none!important;
}

.rec_timer {
  /*float: left;*/
  /*margin: 5px;*/
  color: #ffffff;
  background-color: #343a40;
  border-radius: 10px;
  /*clear: both;*/
  /*display: inline-flex;*/
  transform: translate(0%, 7%);
  -ms-transform: translate(0%, 7%);
  display: none;
}

@media (min-width: 0px) and (max-width: 395px) {
    .rec_timer {
        width: 100%;
        justify-content: center;
    }
}

.anim {
  /*animation: fa-beat 2s ease infinite;*/
  color: red;
  animation-name: fa-beat;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes fa-beat {
  0% {
    transform: scale(1.45);
    -ms-transform: scale(1.45);
    -webkit-transform: scale(1.45);
  }
  50% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(1.45);
    -ms-transform: scale(1.45);
    -webkit-transform: scale(1.45);
  }
}

.rec_white {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-border-color: rgba(29,161,242,0.6);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(255,255,255);
  --bs-btn-hover-border-color: rgba(29,161,242,0.6);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: rgb(29,161,242);
  --bs-btn-active-bg: rgb(255,255,255);
  --bs-btn-active-border-color: rgba(29,161,242,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(222,222,222);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
}

.rec_white:active {
  transform: scale(0.9);
  /*box-shadow: 0 0 5px rgb(29,161,242);*/
}

.edit_modify_btn {
  font-size: 11px;
  /*width: 25px;*/
  /*height: 25px;*/
  position: relative;
  margin: 2px;
  top: 5%;
  /*left: 50%;*/
  /*transform: translate(0%, 10%);*/
  /*-ms-transform: translate(0%, 10%);*/
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  border-radius: 16px;
  --bs-btn-color: #000000;
  --bs-btn-bg: rgba(255,255,255,0.8);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgba(230,230,230,0.8);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(0,0,0,0.8);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  text-align: center;
  justify-content: center;
  justify-items: center;
  display: inline-flex;
  font-family: 'Nunito Sans', sans-serif;
  transition: 0.5s;
}

.edit_modify_div {
  position: absolute;
  /*display: inline-flex;*/
  /*float: right;*/
  text-align: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-bottom: 0px;
  padding: 2px;
  background: rgba(248,249,250,0.85);
  /*width: 100%;*/
  height: 85%;
  top: 7%;
  border-radius: 16px;
  border-color: #d3d6d8;
  /*transition: 1s;*/
  /*display: none;*/
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.rec_red {
  --bs-btn-color: #ff0000;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-border-color: rgba(29,161,242,0.6);
  --bs-btn-hover-color: #ff0000;
  --bs-btn-hover-bg: rgb(255,255,255);
  --bs-btn-hover-border-color: rgba(29,161,242,0.6);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #ff0000;
  --bs-btn-active-bg: rgb(255,255,255);
  --bs-btn-active-border-color: rgba(255,0,0,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(222,222,222);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
}

@media (min-width: 768px) {
  .image_text_div {
    position: absolute;
    /*background-color: rgba(255,255,255,0.7);*/
    background-color: rgba(0,0,0,0.03);
    background: radial-gradient(circle, rgba(0,0,0,0.03), rgba(0,0,0,0.08));
    /*box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    z-index: 9999;
    width: 100%;
    /*border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-radius: 26px;*/
    border-radius: 30px;
    display: none;
    /*display: flex;*/
    text-align: center;
    justify-content: center;
    justify-items: center;
    /*margin: 10px;*/
    padding: 14px;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .image_text_div {
    position: absolute;
    /*background-color: rgba(255,255,255,0.7);*/
    background-color: rgba(0,0,0,0.03);
    background: radial-gradient(circle, rgba(0,0,0,0.03), rgba(0,0,0,0.08));
    z-index: 9999;
    width: 100%;
    /*border-top-left-radius: 20px;
    border-top-right-radius: 20px;*/
    border-radius: 20px;
    display: none;
    /*display: flex;*/
    text-align: center;
    justify-content: center;
    justify-items: center;
    /*margin: 10px;*/
    padding: 4px;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    font-size: 12px;
  }
}

.btn_back {
  margin-top: 40px;
  margin-left: 5%;
  border-radius: 30%;
  width: 40px;
  height: 40px;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  position: relative;
  /*display: inline-flex;*/
  text-align: center;
  --bs-btn-color: #fff;
  --bs-btn-bg: #d3d6d8;
  --bs-btn-border-color: #d3d6d8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c2c2c2;
  --bs-btn-hover-border-color: #d3d6d8;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a2a2a2;
  --bs-btn-active-border-color: #d3d6d8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn_back_svg {
  position: relative;
  font-size: 20px;
  /*left: 50%;*/
  /*top: 50%;*/
  transform: translate(-10%, -5%);
}

.vakansiya_info_div {
  padding: 15px;
  margin: 10px;
  background: #f8f9fa;
  width: 90%;
  /*height: 100%;*/
  border-radius: 10px;
  border-color: #d3d6d8;
  position: relative;
  display: inline-block;
  /*text-align: center;*/
  /*align-items: center;*/
  /*align-content: center;*/
  /*justify-content: center;*/
  /*justify-items: center;*/
  margin-left: 5%;
  margin-right: 5%;
}

.vakansiya_price_div {
  padding: 15px;
  margin-bottom: 0px;
  margin-left: 5%;
  margin-right: 5%;
  /*width: 25%;*/
  display: inline-block;
  border-radius: 10px;
  border-color: rgba(29,161,242,0.3);
  background: rgba(29,161,242,0.05);
  align-items: center;
  align-content: center;
  text-align: center;
}

@media (min-width: 768px) {
  .vakansiya_table_div {
    float: left;
    /*clear: both;*/
    padding: 10px;
    /*position: relative;*/
    width: 50%;
    /*display: flex;*/
    overflow-x: auto;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .vakansiya_table_div {
    float: left;
    /*padding: 10px;*/
    width: 100%;
    overflow-x: auto;
  }
}

.vakansiya_table {
  table-layout: fixed;
  width: 100%;
  /*display: inline-block;*/
  /*overflow-x: auto;*/
  word-wrap: break-word;
}

@media (min-width: 768px) {
  .td1 {
    padding-right: 0px;
    /*width: 30%;*/
    width: 170px;
    display: inline-block;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .td1 {
    padding-right: 0px;
    /*width: 130px;*/
    display: inline-block;
  }
}

.td2 {
  padding-right: 0px;
  /*width: 70%;*/
  display: inline-block;
  height: 100%;
}

.a_link_style {
  text-decoration: none;
  color: #212529;
  /*transition: transform .2s;*/
  transition: all .2s ease-in-out;
}

.a_link_style:hover {
  /*text-decoration: underline;*/
  color: #064267;
  font-size: 17px;
}

.a_link_style:active {
  /*color: #02253a;*/
  font-size: 17px;
  font-weight: bold;
}

.navbar_icon {
  transition: all .2s ease-in-out;
}

.navbar_icon:hover {
  transform: scale(1.1);
}

.test_reg_btn {
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #0d5d8f;
  --bs-btn-hover-bg: rgb(255,255,255);
  --bs-btn-hover-border-color: #0d5d8f;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1da1f2;
  --bs-btn-active-border-color: #1da1f2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  margin-top: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  transition: all .2s ease-in-out;
  font-family: 'Nunito Sans', sans-serif;
}

.test_reg_btn:hover {
  transform: scale(1.1);
}

.test_join_btn:hover {
  transform: scale(1.1);
}

.test_join_btn {
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #0d5d8f;
  --bs-btn-hover-bg: rgb(255,255,255);
  --bs-btn-hover-border-color: #0d5d8f;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1da1f2;
  --bs-btn-active-border-color: #1da1f2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  margin-top: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  transition: all .2s ease-in-out;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
}

@media (min-width: 300px) and (max-width: 768px) {
    .test_join_btn {
        font-size: 14px;
    }
}

.privacy_btn {
/*
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #0d5d8f;
  --bs-btn-hover-bg: rgb(255,255,255);
  --bs-btn-hover-border-color: #0d5d8f;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1da1f2;
  --bs-btn-active-border-color: #1da1f2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;*/
  margin-top: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  transition: all .2s ease-in-out;
  font-family: 'Nunito Sans', sans-serif;

    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.cv_add_btn {
/*
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #0d5d8f;
  --bs-btn-hover-bg: rgb(255,255,255);
  --bs-btn-hover-border-color: #0d5d8f;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1da1f2;
  --bs-btn-active-border-color: #1da1f2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;*/
  --bs-btn-color: #ff6347;
  --bs-btn-bg: #ffffff;
  --bs-btn-hover-color: #d34d34;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #b03b26;
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ff6347;
  --bs-btn-disabled-bg: #ffffff;
  margin-top: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  transition: all .2s ease-in-out;
  font-family: 'Nunito Sans', sans-serif;
  border: none;
}

.info_update_btn {
/*
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #0d5d8f;
  --bs-btn-hover-bg: rgb(255,255,255);
  --bs-btn-hover-border-color: #0d5d8f;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1da1f2;
  --bs-btn-active-border-color: #1da1f2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;*/
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198ed5;
  --bs-btn-hover-border-color: #198ed5;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d72b0;
  --bs-btn-active-border-color: #0d72b0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  /*margin-top: 10px;*/
  /*padding-top: 1px;*/
  /*padding-bottom: 1px;*/
  transition: all .2s ease-in-out;
  font-family: 'Nunito Sans', sans-serif;
  left: 100%;
  transform: translate(-100%, 0);
  position: relative;
}

.info_update_btn1 {
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: #ffffff;
  --bs-btn-hover-color: #198ed5;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #0d72b0;
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1da1f2;
  --bs-btn-disabled-bg: #ffffff;
  /*margin-top: 10px;*/
  /*padding-top: 1px;*/
  /*padding-bottom: 1px;*/
  transition: all .2s ease-in-out;
  font-family: 'Nunito Sans', sans-serif;
  border: none;
}

.blue_btn_def {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198ed5;
  --bs-btn-hover-border-color: #198ed5;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d72b0;
  --bs-btn-active-border-color: #0d72b0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  transition: all .2s ease-in-out;
  font-family: 'Nunito Sans', sans-serif;
}

.info_textarea {
  height: auto;
  resize: vertical;
  display: inline-block;
  overflow: hidden;

  /*width: 80% !important;*/
  width: 100% !important;
  position: relative;
  left: 50% !important;
  transform: translate(-50%, 0);
}

@media (min-width: 0px) and (max-width: 1000px) {
    .info_textarea {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
  .modal_input_p {
    float: left;
    margin-bottom: 10px;
    margin-left: 5%;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .modal_input_p {
    float: left;
    margin-bottom: 10px;
    /*margin-left: 2%;*/
    margin-left: 6%;
    margin-right: 5%;
  }
}

@media (min-width: 768px) {
  .modal_input {
    float: right;
    width: 50%;
    height: 25px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 5%;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .modal_input {
    float: right;
    width: 50%;
    height: 25px;
    margin-bottom: 10px;
    /*margin-left: 20px;*/
    margin-right: 2%;
  }
}

.v_create {
  background-color: #f8f9fa;
  border-radius: 16px;
  padding: 15px;
  /*text-align: center;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  display: inline-block;
  margin: 20px;
  box-shadow: 0px 0px 10px rgba(128,128,128,0.2);
}

@media (min-width: 300px) and (max-width: 768px) {
    .v_create {
        margin-top: 10px;
    }
}

.v_create_btn {
  width: 120px;
  margin: 5px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1988cd;
  --bs-btn-hover-border-color: #1988cd;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #166ea5;
  --bs-btn-active-border-color: #166ea5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  text-align: center;
}

.v_create_textarea {
  height: auto;
  resize: vertical;
  display: inline-block;
  margin-right: 0px;
  overflow: hidden;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.hidden_btn {
  visibility: hidden;
  opacity: 0;
  /*transition: visibility 0s, opacity 0.5s linear;*/
  /*display: none;*/
}

.number-code {
  /*display: flex;*/
  /*margin-right: calc(var(--spacing) * 2);*/
}

.code-input {
  font-size: 24px;
  width: 35px;
  text-align: center;
  /*flex: 1 0 1em;*/
  background-color: #f5f5f5;
  /*border: 0;*/
  display: inline-flex;
  padding: 2%;
  border-radius: 6px;
  line-height: 1.5;
  color: #212529;
}

.code-input:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.btn_v_edit {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 38%;
  /*left: 40%;*/
  right: 0%;
  transform: translate(120%, 0%);
  -ms-transform: translate(120%, 0%);
  /*padding: 12px 24px;*/
  /*padding: 2%;*/
  border: none;
  cursor: pointer;
  border-radius: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(222,222,222);
  --bs-btn-hover-border-color: rgba(255,255,255,0.5);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(99,99,99);
  --bs-btn-active-border-color: rgba(255,255,255,0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  /*backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);*/
  text-align: center;
  justify-content: center;
  justify-items: center;
  margin-right: 0;
}

@media (min-width: 300px) and (max-width: 1000px) {
    .btn_v_edit {
        width: 20px;
        height: 100%;
        border-radius: 50px;
        top: 0;
    }
    .btn_v_icon{
        font-size: 11px!important;
    }
}

button .btn_v_icon {
  color: red;
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 14px;
}

button:active .btn_v_icon {
  color: white;
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 14px;
}

.btn_block {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f79ba;
  --bs-btn-hover-border-color: #0f79ba;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c659b;
  --bs-btn-active-border-color: #0c659b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #001929;
  --bs-btn-disabled-border-color: #001929;
  margin: 5px;
}

.btn_del_user {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f79ba;
  --bs-btn-hover-border-color: #0f79ba;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c659b;
  --bs-btn-active-border-color: #0c659b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #001929;
  --bs-btn-disabled-border-color: #001929;
  margin: 5px;
}

.profile-image-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
  animation: img_load 2s linear infinite;
}

@keyframes img_load {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

body {
  background: #ffffff;
  /*transition: 0.5s;*/
}

.btn_mode {
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  border-radius: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-border-color: rgba(255,255,255,0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(0,0,0,0.3);
  --bs-btn-hover-border-color: rgba(0,0,0,0.3);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(0,0,0,0.6);
  --bs-btn-active-border-color: rgb(99,99,99);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(255,255,255,0.5);
  --bs-btn-disabled-border-color: rgba(255,255,255,0.5);
  /*backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);*/
  text-align: center;
  justify-content: center;
  justify-items: center;
  position: relative;
  /*transform: initial;*/
  /*-ms-transform: initial;*/
  margin: 5px;
  margin-left: 10px;
  transition: all .2s ease-in-out;
}

@media (min-width: 300px) and (max-width: 768px) {
    .btn_mode {
        /*
        position: absolute;
        margin: 0;
        top: 80px;
        left: 95%;
        transform: translate(-95%, 0);
        */
    }
}

button .btn_mode_icon {
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: rgba(0,0,0,0.7);
  font-size: 14px;
}

button:active .btn_mode_icon {
  color: #ffffff;
  text-align: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 14px;
}

.btn_mode:hover {
  /*transform: scale(1.1);*/
  /*box-shadow: 0 0 5px rgba(0,0,0,0.7);*/
}

.index_sec_bg {
  background: #f8f9fa;
  transition: 0.5s;
}

.gradient {
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #f3f3f3 8%, #ffffff 38%, #f3f3f3 54%);
  background-size: 1000px 640px;
  position: relative;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.gradient1 {
  background: linear-gradient(-45deg, #d5d5d5 5%, #ffffff 25%, #d5d5d5 55%);
  /*background-size: 900% 900%;*/
  background-size: 700% 400%;
  animation: gradient 2s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 100% 100%;
  }
  100% {
    /*background-position: 0% 0%;*/
    background-position: 25% 25%;
  }
}

.test_res_info {
  padding: 15px;
  margin-bottom: 0px;
  margin: 10px;
  /*margin-left: 5%;*/
  /*margin-right: 5%;*/
  /*width: 25%;*/
  display: inline-block;
  border-radius: 10px;
  border-color: rgba(29,161,242,0.3);
  background: rgba(29,161,242,0.05);
  /*align-items: center;*/
  /*align-content: center;*/
  /*text-align: center;*/
}

.test_res_icon {
  /*color: green;*/
  margin: 5px;
  margin-left: 12px;
  position: relative;
  transform: translate(0%, -10%);
}

.cancel_btn_test_res {
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: rgba(13,110,253,0);
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1da1f2;
  --bs-btn-hover-border-color: #1da1f2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #055483;
  --bs-btn-active-border-color: #055483;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  margin: 5px;
  position: relative;
  /*left: 35%;*/
}

.confirm_btn_test_res {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b71af;
  --bs-btn-hover-border-color: #0b71af;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #055483;
  --bs-btn-active-border-color: #055483;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  margin: 5px;
  position: relative;
  /*left: 35%;*/
}

.hr {
}

.btn_rate {
  position: relative;
  /*display: inline-block;*/
  margin: 2px;
  /*width: 20%;*/
  /*height: 20%;*/
  /*padding: 2%;*/
  /*border-radius: 10px;*/
  font-size: 12px;
  --bs-btn-color: #1da1f2;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1da1f2;
  --bs-btn-hover-border-color: #1da1f2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b71af;
  --bs-btn-active-border-color: #0b71af;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
}

.btn_rate_active {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0b71af;
  --bs-btn-border-color: #0b71af;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1da1f2;
  --bs-btn-hover-border-color: #1da1f2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b71af;
  --bs-btn-active-border-color: #0b71af;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
}

.btn_rate_div {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  background-color: #f8f9fa;
  padding: 5px;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  /*width: 100%;*/
  transition: 0.2s;
}

.test_rate_icon {
  background-color: green;
  color: #ffffff;
  border-radius: 5px;
  padding: 2px;
  padding-right: 5px;
  padding-left: 5px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  margin: 5px;
  margin-left: 12px;
  position: relative;
  transform: translate(0%);
}

.slide_back {
  background: #1da1f2;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px);
  transition: 0.5s;
}

.modal_in_bg {
  transition: 0.2s;
}

.modal_in_border {
  transition: 0.2s;
}

.profile_form {

}

@media (min-width: 300px) and (max-width: 768px) {
    .profile_form {
        width: 100%!important;
    }
}

.profile_name {
}

.sprt_div {
  transition: 0.2s;
}

.sprt_input {
  transition: 0.2s;
}

.sprt_form {
  transition: 0.2s;
}

.sign_card {
  transition: 0.2s;
}

.sign_h {
  transition: 0.2s;
}

.anim02s {
  transition: 0.2s;
}

.disabled-link {
  pointer-events: none;
  opacity: 0.5;
}

.btn_add1 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: bold;
    position: relative;
    /*left: 79%;
    transform: translate(-100%, 0);*/
    font-size: 11px;
    padding: 7px 17px;
    margin: 10px;
    border: none;
    cursor: pointer;
    --bs-btn-color: rgb(0 0 0);
    --bs-btn-bg: rgb(230 230 230);
    --bs-btn-border-color: rgb(230 230 230);
    --bs-btn-hover-color: rgb(0 0 0);
    --bs-btn-hover-bg: rgb(207 206 206);
    --bs-btn-hover-border-color: rgb(207 206 206);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: rgb(0 0 0);
    --bs-btn-active-bg: rgb(187 187 187);
    --bs-btn-active-border-color: rgb(187 187 187);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(0 0 0);
    --bs-btn-disabled-bg: rgb(230 230 230);
    --bs-btn-disabled-border-color: rgb(230 230 230);
    text-align: center;
    justify-content: center;
    justify-items: center;
}

.btn_img_all1 {
font-family: 'Nunito Sans', sans-serif;
    font-weight: bold;
    position: relative;
    /*left: 79%;
    transform: translate(-100%, 0);*/
    font-size: 11px;
    padding: 7px 17px;
    margin: 10px;
    border: none;
    cursor: pointer;
    --bs-btn-color: rgb(0 0 0);
    --bs-btn-bg: rgb(230 230 230);
    --bs-btn-border-color: rgb(230 230 230);
    --bs-btn-hover-color: rgb(0 0 0);
    --bs-btn-hover-bg: rgb(207 206 206);
    --bs-btn-hover-border-color: rgb(207 206 206);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: rgb(0 0 0);
    --bs-btn-active-bg: rgb(187 187 187);
    --bs-btn-active-border-color: rgb(187 187 187);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(0 0 0);
    --bs-btn-disabled-bg: rgb(230 230 230);
    --bs-btn-disabled-border-color: rgb(230 230 230);
    text-align: center;
    justify-content: center;
    justify-items: center;
}

.opacity97 {
	opacity: 0.97!important;
}

.opacity03 {
	opacity: 0.03!important;
}

.b_color03 {
	background-color: rgba(255, 255, 255, 0.03)!important;
	border: none!important;
}

.home_text{
    font-size: 47px;
}

@media (min-width: 300px) and (max-width: 768px) {
   .home_text{
    font-size: 34px;
   }
}

.file_div_name {
    font-size: 15px!important;
}

@media (min-width: 300px) and (max-width: 768px) {
  .file_div_name {
    font-size: 14px!important;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .file_div_name {
    font-size: 14px!important;
  }
}

.test_info_u{
    position: absolute;
    left: 98%;
    /*transform: translate(-98%, -90%);*/
    top: 50%;
    transform: translate(-98%, -50%);
}

.test_res_date{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    text-align: right;
    font-style: italic;
    color: rgba(0, 0, 0, 0.5);
    position: relative;
    /*right: 15%;*/
    pointer-events: none;
    float: right;
    clear: both;
    right: 15%;
}

@media (min-width: 300px) and (max-width: 768px) {
    .test_res_date{
        right: 11%;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .test_res_date{
        right: 11%;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .contact_d{
        width: 90%!important;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .v_size{
        width: 90%!important;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        margin: 0!important;
        margin-bottom: .5rem!important;
        margin-top: .5rem!important;
    }
    .v_size > * {
        margin: 0!important;
        margin-top: .5rem!important;
    }
    .v_size1{
        width: 100%!important;
    }
    .v_size1 > span{
        margin-left: 5%;
    }
    .v_min_size{
        width: 42%!important;
        margin-left: 5%!important;
    }
}

.v_create_input{
    font-size: 16px;
}

@media (min-width: 300px) and (max-width: 768px) {
    .v_create_input{
        font-size: 14px;
    }
}

.profile_div_btn{
    position: relative;
    align-self: flex-end;
    margin-left: auto;
}
.profile_div_mid{
    position: relative;
    width: 100%;
}

.equal_div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.equal_div1{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: row;
    justify-content: center;
}

@media (min-width: 0px) and (max-width: 768px) {
    .res_video{
        width: 329px;
        height: 185px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .res_video{
        width: 560px;
        height: 315px;
    }
}

@media (min-width: 0px) and (max-width: 570px) {
    .res_videoi{
        width: 63vw!important;
        max-width: 100%;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media (min-width: 570px) and (max-width: 768px) {
    .res_videoi{
        width: 63vw!important;
        max-width: 100%;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .res_videoi{
        width: 63vw!important;
        max-width: 100%;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

.google > img {
    margin:auto!important;
}
.meta > svg {
    margin:auto!important;
}
.linkedin > svg {
    margin:auto!important;
}
.google > span {
    font-size: 14px!important;
}
.meta > span {
    font-size: 14px!important;
}
.linkedin > span {
    font-size: 14px!important;
}

@media (min-width: 300px) and (max-width: 768px) {
    .google > img {
        margin:auto!important;
    }
    .meta > svg {
        margin:auto!important;
    }
    .linkedin > svg {
        margin:auto!important;
    }
    .google > span {
        font-size: 14px!important;
    }
    .meta > span {
        font-size: 14px!important;
    }
    .linkedin > span {
        font-size: 14px!important;
    }
}

.test_activate{
    margin: auto;
    /*margin-bottom: 20px;*/
}

.test_res_msg{
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px!important;
}

.test_res_btn{
    font-size: 14px!important;
    border: none;
    --bs-btn-hover-bg: rgba(255,255,255, 0.5);
    --bs-btn-hover-border-color: rgba(255,255,255, 0.5);
    --bs-btn-active-bg: rgba(255,255,255, 0.5);
    --bs-btn-active-border-color: rgba(255,255,255, 0.5);
    --bs-btn-disabled-bg: rgba(255,255,255, 0.5);
    --bs-btn-disabled-border-color: rgba(255,255,255, 0.5);
    --bs-btn-active-color: #0d5d8f;
}

.icon_nclick{
     pointer-events: none;
}

.show_test_label{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    /*font-weight: 700;*/
    margin: 10px;
}

.show_test_span{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    /*font-weight: 100;*/
    color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 300px) and (max-width: 768px) {
    .install-app-btn-container {
        /*top: 125px;*/
    }
    .installApp > span{
        /*display: none;*/
    }
    .installApp{
        margin: auto;
        /*width: auto!important;*/
    }
}

.empty_field_box{
    /*border: solid 2px #ff5656;*/
    box-shadow: 0px 0px 0px 1px red;
}

@media (min-width: 0px) and (max-width: 1000px) {
  .edit_fields {
    width: 80%!important;
    left: 50%!important;
    transform: translate(-50%, 0);
  }
}

.video-container{
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0px;
}

.video-js{
    border-radius: 10px;
}

.vjs-tech{
    border-radius: 10px;
}

.vjs-control-bar{
    border-radius: 0px 0px 10px 10px;
}

.video-js .vjs-big-play-button{
    /*left: 50%!important;
    top: 50%!important;
    transform: translate(-50%,-50%);*/
}

.vjs-poster > img{
    border-radius: 10px;
}

.reg_img {
    width: 100px!important;
    height: 100px!important;
}

.sign_back{
    width: 40vw;
    position: relative;
    left: 35%;
    transform: translate(-35%, 0);
}

@media (min-width: 0px) and (max-width: 768px) {
    .sign_back{
        width: 97vw;
    }
}

.sign_input{
    /*border-radius: 200px;*/
    border-radius: 0px!important;
    border-width: 0px 0px 1px 0px!important;
    background: rgb(255 255 255 / 0%)!important;
}

.sign_input:focus{
    border-width: 0px 0px 2px 0px!important;
}

.sign_input.select_opt:focus{
    box-shadow: none;
}

.sing_input_text{
    background: rgb(255 255 255 / 0%)!important;
    pointer-events: none;
    user-select: none;
}

.sign_input_div{
    width: 100%;
}

.btn_rounded{
    border-radius: 200px;
}

.sign_logo{
    width: 50px;
    display: none;
}

.sign_logo_text{
    /*width: 150px;*/
    width: 200px;
    margin-left: 5px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .sign_logo_div{
        display: none;
    }
}

@media (min-width: 768px) {
    .sign_logo_div{
        position: absolute;
        top: 35%;
        left: 15%;

    }
}

.sign_text{
    position: relative;
    left: 10%;
    align-self: baseline;
    /*margin-bottom: 20px;*/
    margin: 10px 0px 5px 0px;
}

.sign_form{
    width: 80%;
}

.sign_reg{
    position: relative;
    left: 10%;
    align-self: baseline;
    margin-bottom: 20px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .google {
        width: 80%;
        margin: 10px 0 10px 0;
    }
    .meta {
        width: 80%;
        margin: 10px 0 10px 0;
    }
    .linkedin {
        width: 80%;
        margin: 10px 0 10px 0;
    }
}

.sign_option{
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(2px);
}

.empty_field{
    border-width: 0px 0px 2px 0px!important;
    border-color: red!important;
}

.sign_pass_icon{
    width: 20px;
    cursor: pointer;
    position: absolute;
    left: 98%;
    top: 50%;
    transform: translate(-98%, -50%);
}

.srch_input_i2{
    width: 100%;
    border-radius: 100px;
    transition: 1s ease;
    height: 50px;
    padding: 6px 22px 6px 52px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: bold;
}
.srch_input_i2:focus{
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0);
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
}
.i_search2{
    display: inline-block;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
    width: 95%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
}
.search_icon{
    /*width: 20px;*/
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    /*transform: translate(-200%, 50%);
    transform: translate(-250%, 50%);*/
    left: 0;
    transform: translate(190%, 50%);
    color: gray;
}
.isci_div2{
    /*background: rgba(255, 255, 255, 0);*/
    border: none;
    /*height: 250px;*/
    width: 200px;
    height: 300px;
    margin: 15px;
    padding: 0;
    background: rgba(255, 255, 255, 1);
    cursor: pointer;
    overflow: hidden;
}
.isci_div2:hover{
    /*background: rgba(255, 255, 255, 0);*/
    border: none;
    background: rgba(255, 255, 255, 1);
}
.isci_div2:active{
    /*background: rgba(255, 255, 255, 0);*/
    border: none;
    box-shadow: 0px 0px 5px gray;
    background: rgba(255, 255, 255, 1);
}
.isci_div2 img {
    /*filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));*/
}
.vakansiya2{
    background: none;
    border-color: rgba(0, 0, 0, 0.08);
    /*filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));*/
    background: rgba(0, 0, 0, 0.02);
}
.i_category2{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
}
.i_category2_active{
    --bs-btn-color: #fff;
    --bs-btn-bg: #198cd3;
    --bs-btn-border-color: #198cd3;
}
.i_img2{
    border-radius: 16px 16px 0 0;
    width: 100%!important;
    height: 60%!important;
    margin-bottom: 20px;
    transition: 1s ease;
}
.i_img2:hover{
    scale: 1.04;
}
.i_name2{
    margin: 0 4% 5px 4%!important;
    user-select: none;
    pointer-events: none;
}
.i_job2{
    margin: 0 4% 2px 4%!important;
    user-select: none;
    pointer-events: none;
    font-size: 13px;
}

@media (min-width: 0px) and (max-width: 355px) {
    .isci_div2 {
        width: 150px;
        height: 220px;
        margin: 5px;
    }
    .i_img2{
        width: 150px!important;
        height: 60%!important;
        margin-bottom: 10px;
    }
}

@media (min-width: 355px) and (max-width: 400px) {
    .isci_div2 {
        width: 120px;
        height: 225px;
        margin: 5px;
    }
    .i_img2{
        width: 120px!important;
        height: 60%!important;
        margin-bottom: 10px;
    }
}

@media (min-width: 400px) and (max-width: 768px) {
    .isci_div2 {
        width: 135px;
        height: 230px;
        margin: 5px;
    }
    .i_img2{
        width: 135px!important;
        height: 60%!important;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .isci_div2 {
        width: 155px;
        height: 250px;
        margin: 5px;
    }
    .i_img2{
        width: 155px!important;
        height: 60%!important;
        margin-bottom: 10px;
    }
}

.nav_name{
    --bs-btn-color: rgba(0, 0, 0, 0.55);
    --bs-btn-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-border-color: rgba(0, 0, 0, 0.0);
    --bs-btn-hover-color: rgba(0, 0, 0, 0.85);
    --bs-btn-hover-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-hover-border-color: rgba(0, 0, 0, 0.0);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: rgba(0, 0, 0, 0.55);
    --bs-btn-active-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-active-border-color: rgba(0, 0, 0, 0.0);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(0, 0, 0, 0.55);
    --bs-btn-disabled-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-disabled-border-color: rgba(0, 0, 0, 0.0);
    padding-bottom: 9px;
}

.nav_btn_dot{
    background: rgba(0, 0, 0, 0.0);
    --bs-btn-color: rgba(0, 0, 0, 0.55);
    --bs-btn-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-border-color: rgba(0, 0, 0, 0.0);
    --bs-btn-hover-color: rgba(0, 0, 0, 0.85);
    --bs-btn-hover-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-hover-border-color: rgba(0, 0, 0, 0.0);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: rgba(0, 0, 0, 0.55);
    --bs-btn-active-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-active-border-color: rgba(0, 0, 0, 0.0);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(0, 0, 0, 0.55);
    --bs-btn-disabled-bg: rgba(0, 0, 0, 0.0);
    --bs-btn-disabled-border-color: rgba(0, 0, 0, 0.0);
    padding: 0;
    margin: 0!important;
}

.installApp{
    width: 120px;
    height: auto;
    border-radius: 16px;
    padding-top: 0!important;
    /*padding-bottom: 1.5%!important;*/
}
.installApp > svg{
    font-size: 14px;
    position: relative!important;
    transform: translate(0, 0)!important;
    margin-right: 5%;
}
.installApp > span{
    color: rgba(0,0,0,0.7);
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
    font-size: 11px;
}
.installApp:active > span{
    color: rgba(255,255,255,1.0);
}

@media (min-width: 0px) and (max-width: 590px) {
    .preview_div{
        left: 50%;
        transform: translate(-50%, 0);
        margin-top: 5%;
    }

    .img-container{
        flex-wrap: wrap!important;
    }
}

.notify_p1{
    /*top: 70px; bottom: 20px;*/
    z-index: 99999;
    /*max-height: 90vh;*/
    /*max-width: 90vw;
    width: auto;
    height: auto;
    top: 8%;
    left: 98%;
    transform:
    translate(-98%, 0);
    padding: 25px;*/
}
.notify_p2{
    margin: 0;
    /*max-width: 90vw;*/
    top: 11%;
    left: 98%;
    transform: translate(-98%, 0)!important;
    display: block;
    max-height: 88vh;
}
.notify_p3{
    /*width: auto;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 90vw;*/
    max-width: 90vw;
    bottom: 20px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: none;
}
.notify_p4{
    /*background: #2d2d2d;
    border-radius: 7px;
    width: 90vw*/
    max-width: 90vw;
}
.notify_p5{
    width: 100%;
    font-family: Nunito Sans;
    color: #a7a7a7;
}

@media (min-width: 500px) {
.chat_p1{
    z-index: 99999;
}
.chat_p2{
    margin: 0;
    top: 25%;
    left: 100%;
    transform: translate(-100%, 0)!important;
    display: block;
    max-height: 88vh;
    width: 25vw;
    height: auto;
}
.chat_p3{
    max-width: 90vw;
    /*bottom: 20px;*/
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: none;
}
.chat_p4{
    max-width: 90vw;
    height: 57vh;
}
.chat_p5{
    width: 100%;
    font-family: Nunito Sans;
    color: #a7a7a7;
}
}
.chat_p6{
    border: none;
}
.chat_p7{
    height: 45px;
}
.chat_send_div{
    width: 100%;
}
.chat_send_input{
    width: 87%;
    float: left;
    border-radius: 20px;
}
.chat_send_input::placeholder {
  color: #a7a7a7;
  opacity: 1;
}
.chat_send_btn{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    --bs-btn-color: #fff;
    --bs-btn-bg: #00bd00;
    --bs-btn-border-color: #00bd00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008a00;
    --bs-btn-hover-border-color: #008a00;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #007000;
    --bs-btn-active-border-color: #007000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00bd00;
    --bs-btn-disabled-border-color: #00bd00;
    float: right;
    padding: 0;
}
.chat_send_icon{
    font-size: 17px;
}

@media (min-width: 500px) and (max-width: 600px) {
    .chat_p2{
        margin: 0;
        top: 25%;
        left: 100%;
        transform: translate(-100%, 0)!important;
        display: block;
        max-height: 88vh;
        width: 70vw;
        height: auto;
    }
}
@media (min-width: 600px) and (max-width: 700px) {
    .chat_p2{
        margin: 0;
        top: 25%;
        left: 100%;
        transform: translate(-100%, 0)!important;
        display: block;
        max-height: 88vh;
        width: 60vw;
        height: auto;
    }
}
@media (min-width: 700px) and (max-width: 810px) {
    .chat_p2{
        margin: 0;
        top: 25%;
        left: 100%;
        transform: translate(-100%, 0)!important;
        display: block;
        max-height: 88vh;
        width: 50vw;
        height: auto;
    }
}
@media (min-width: 810px) and (max-width: 1000px) {
    .chat_p2{
        margin: 0;
        top: 25%;
        left: 100%;
        transform: translate(-100%, 0)!important;
        display: block;
        max-height: 88vh;
        width: 40vw;
        height: auto;
    }
}

@media (min-width: 0px) and (max-width: 500px) {
    .chat_p1{
        z-index: 99999;
        height: auto;
        padding-right: 16px;
        /*display: block;*/
        padding: 0!important;
        max-width: 100vw;
        width: 100vw;
    }
    .chat_p2{
        max-width: 100vw;
    }
    .chat_p3{
        max-width: 95vw;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        border: none;
        width: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .chat_p4{
        max-width: 95vw;
        height: 80vh;
        width: 95vw;
    }
    .chat_p5{
        width: 100%;
        font-family: Nunito Sans;
        color: #a7a7a7;
    }
    .chat_send_inputfs{
        width: 87%!important;
        float: left;
        border-radius: 20px;
    }
}

.chat_p1fs{
    z-index: 99999;
    /*top: 70px;
    bottom: 20px;*/
    height: auto;
    padding-right: 16px;
    display: block;
    padding: 0!important;
    max-width: 100vw;
    width: 100vw;
}
.chat_p2fs{
    /*margin: 0;
    top: 35%;
    left: 100%;
    transform: translate(-100%, 0)!important;
    display: block;
    max-height: 88vh;
    width: 25vw;
    height: auto;*/
    max-width: 100vw;
}
.chat_p3fs{
    max-width: 95vw;
    /*bottom: 20px;*/
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: none;

    width: auto;
    left: 50%;
    transform: translate(-50%, 0);
}
.chat_p4fs{
    max-width: 95vw;
    height: 80vh;
    width: 95vw;
}
.chat_p5fs{
    width: 100%;
    font-family: Nunito Sans;
    color: #a7a7a7;
}
.chat_send_inputfs{
    width: 97%;
    float: left;
    border-radius: 20px;
}

.chat_icon_div{
    position: fixed;
    left: 98%;
    top: 95%;
    transform: translate(-98%, -95%);
    z-index: 999;
}
.chat_icon_btn{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    --bs-btn-color: #fff;
    --bs-btn-bg: #00bd00;
    --bs-btn-border-color: #00bd00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008a00;
    --bs-btn-hover-border-color: #008a00;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #007000;
    --bs-btn-active-border-color: #007000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00bd00;
    --bs-btn-disabled-border-color: #00bd00;
}
.chat_icon{
    font-size: 21px;
}
.chat_icon_green{
    background: red;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: 92%;
    top: 0%;
    transform: translate(-92%, 0%);
    border-width: 2px;
    border-color: white;
    border-style: solid;
}

.notify_green{
    background: green;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    left: 100%;
    top: 6%;
    transform: translate(-100%, -6%);
    border-width: 1px;
    border-color: white;
    border-style: solid;
}



.vacancy_edit_btn{
    position: relative;
    left: 85%;
    transform: translate(-85%, 55%);
    /*display: block*/
}

@media (max-width: 900px) {
    .vacancy_edit_btn{
        position: relative;
        left: 75%;
        transform: translate(-75%, 55%);
    }
}



.no-drag {
    -webkit-user-drag: none;
    user-drag: none;

    -moz-user-drag: none;
    -khtml-user-drag: none;
    -o-user-drag: none;
}
.no-select {
    -webkit-user-select: none;
    user-select: none;

    -moz-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
}
.no-pointer-events {
    pointer-events: none;

    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -khtml-pointer-events: none;
    -o-pointer-events: none;
}

.no-display{
    display: none;
}

.no-opacity{
    opacity: 0;
}

.no-visible{
    visibility: hidden;
}

@media only screen and (max-width: 470px) {
  .nav_name {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    margin-right: 10px;
  }
}


.page-link-active{
    background-color: #1da1f2;
    color: white;
}