body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.modal-dialog-scrollable {
  flex-direction: column;
}

.adsfasdfadsf {
  width: 460px;
}

.clear_filter_sub {
  cursor: pointer;
}



/* DRIVE FROM (/driveform) */

.drive_form {
  overflow-x: hidden;
  background-color: #f7f7f7;
}

.login1_maincard1 {
  background-color: #f7f7f7;
  /* box-shadow: 0px 0px 3px #270d44; */
  padding: 50px 25px 55px 25px;
  margin-top: 75px;
  text-align: center;
}

.log_button2 {
  border: 1px solid #270d44;
  width: fit-content;
  margin: auto;
  padding: 10px 40px;
  font-weight: bold;
  background-color: transparent;
  color: #270d44;
  border-radius: 5px;
}

.log_button2:hover {
  background-color: #270d44;
  border: 1px solid #270d44;
  color: #ffffff;
  border-radius: 5px;
}

.form-control1:hover {
  border-color: #270d44;
}

.form-control1:focus {
  color: #495057;
  background-color: #fff;
  border-color: 3px solid #445c44;
  outline: 0;
  box-shadow: none;
}

.log_head3 {
  font-size: 35px;
  color: #270d44;
}

/* .login_link {
  color: #38a38a;
  font-weight: 600;
  cursor: pointer;
}

.login_link:hover {
  color: #445c44;
} */

.cardsss {
  padding: 20px 50px 50px;
}

@media screen and (min-width:0px) and (max-width:767px) {
  .drive_ps {
    width: 80px !important;
  }

  .drive_pj {
    width: 200px !important;

  }

  .drive_hr {
    width: 70px !important;

  }

  .cardsss {
    padding: 10px;
  }

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

  .drive_line {
    display: block !important;
  }

  .drive_under_img {
    text-align: center !important;
  }
  .log_head3 {
 margin-top: 50px !important;
  }
}

.form-control1:focus {
  border-color: #270d44;
}

.drive_ps {
  width: 200px;
  margin: auto;
}

.drive_hr {
  width: 100px;
  margin: auto;
}

.drive_pj {
  width: auto;
  margin: auto;
}

.drive_heads h1 {
  font-size: 35px;
  font-family: emoji;
  font-weight: bold;
  margin-top: 50px;
}

.drive_under {
  margin: auto;
  font-size: 17px;
  font-weight: bold;
  font-family: emoji;
  text-align: end;
}

.drive_line {
  display: flex;
}


.drive_file_upload {
  color: #270D44;
  left: 0;
  background: #ffffff;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%) !important;
  padding: 15px 0px;
  margin: 9px 0px;
  cursor: pointer;
  border-radius: 5px;
}

.drive_file_upload:hover
{
  color: #FFFF;
  left: 0;
  background: #270D44;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%) !important;
  padding: 15px 0px;
  margin: 9px 0px;
  cursor: pointer;
}

/* browse jobs styling  */
.heading_pic_filter_list {
  background: linear-gradient(to right, #F8F2FB, #F8F2FB, #F8F2FB);
  background-repeat: no-repeat;
  /* background-color: #e9e6edb8 !important;   */
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  /* padding-top: 100px;
  padding-bottom: 100px; */
  margin-top: 70px;
}

.filter_list_sub_heading_1 {
  color: #212020;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
}


.filter_list_sub_heading_2 {
  color: #212020;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;

}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: transparent;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, .1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

.showing-results{
  color: rgb(145, 142, 142);
  font-size: 16px;
}

.active_col_md{
  border: 2px solid #9649fd !important;
  background-color: #f9f9f9 !important;
}

.job_description{
  color: #270D44;
  font-weight: 900;
  font-size: 18px;
}

.MuiAutocomplete-hasPopupIcon.css-1qqsdnr-MuiAutocomplete-root .MuiOutlinedInput-root{
  background-color: #fff;
  padding-right: 39px;
  height: auto !important ;
}

#filter_list_search_btn {
  border: none;
  box-shadow: 2px #6f6f6f;
  font-weight: 900;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #270d44;
  border-radius: 15px;
  min-width: 170px;
  color: #fff;
  margin-top: -10px !important;
}

#filter_list_search_btn:focus {
  outline: none !important;
}

#filter_list_search_btn:hover {
  cursor: pointer;
  font-size: 16px;
  opacity: 0.9;
}

.job_roles_details{
  color: #090112;
  font-weight: 900;
  font-size: 14px;
  margin-top: 10px;
}
.roles{
  color: rgb(100, 98, 98);
  font-size: 17px;
  text-align: justify;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.vertical_line{
  width: 1px;
  height: 80px; 
  background-color:rgb(159, 154, 154);
  margin-left: 15px;
  margin-right: 15px;
}

@media screen and (mix-width:768px) {
  .vertical_line{
    width: 1px;
    height: 80px; 
    background-color:rgb(159, 154, 154);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (min-width:769px) {
  .vertical_line{
    width: 1px;
    height: 80px; 
    background-color:rgb(159, 154, 154);
    margin-left: 18px;
    margin-right: 15px;
  }
}

.hr_line{
  width: 95%;
  height: 2px;
}

.apply_now_btn{
  background-color: #270d44;
  color: #fff;
  border: none;
  min-width: 200px;
  height: 40px;
  border-radius: 10px;
  font-weight: 900;
  text-transform: capitalize;
}

.book_mark_icon{
  color: rgb(94, 92, 92);
  font-size: 15px;
}
/* DRIVE FROM (/driveform) */

/* Write CSS code here */


::-webkit-scrollbar {
  width: 1px;
}

::-webkit-scrollbar-track {
  background-color: rgb(222, 222, 223);
  box-shadow: inset 0 0 5px rgb(218, 218, 224);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #313493;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:active {
  background: #270d44;
}

body{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.pagination {
  margin: 15px auto;
  display: flex;
  list-style: none;
  outline: none;
  /* font-size: 12px !important; */
}

@media screen and (min-width:0px) and (max-width:717px) {
  .pagination {

    font-size: 12px !important;
  }
}

.pagination>.active>a {
  background-color: #270D44;
  border-color: #270D44;
  color: #fff;
}

.pagination>li>a {
  border: 1px solid #270D44;
  padding: 10px 10px;
  outline: none;
  cursor: pointer;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: #270D44;
  border-color: #270D44;
  outline: none;
  color: white !important;
}

.pagination>li>a,
.pagination>li>span {
  color: #270D44;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-radius: unset
}

.drag-area {
  border: 2px dashed #fff;
  height: 500px;
  width: 700px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.drag-area.active {
  border: 2px solid #fff;
}

.drag-area .icon {
  font-size: 100px;
  color: #fff;
}

.drag-area header {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}

.drag-area span {
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  margin: 10px 0 15px 0;
}

.drag-area button {
  padding: 10px 25px;
  font-size: 20px;
  font-weight: 500;
  border: none;
  outline: none;
  background: #fff;
  color: #5256ad;
  border-radius: 5px;
  cursor: pointer;
}

.drag-area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.App {
  text-align: center;
}



.dropdown-submenu>a:focus,
.dropdown-menu>li a:focus {
  background-color: #270D44 !important;
  color: #fff !important;
}



/* signin--signup styles start */

.modal_content1 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  background: #E7E7E7;
  min-width: 100%;
}

* {
  box-sizing: border-box;
}

* ::before,
* ::after {
  box-sizing: border-box;
}

.signup_bg_img {
  height: 85% !important;
}

.main {
  width: 100%;
  /* margin-bottom: 65px; */
  height: auto;
  background: white;
  border-radius: 3px;
  padding: 30px;
  position: relative;
  display: flex;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .main {
    padding: 5px;
  }
}

.main .form_wrapper {
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.main .form_wrapper .tile {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}

.main .form_wrapper .tile h3 {
  font-size: 22px;
  margin: 0px;
  transition: all 0.3s ease;
}

.main .form_wrapper .tab {
  /* width: 50%; */
  border: solid 2px #F1F1F1;
  height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  transition: color 0.3s ease;
  user-select: none;
  cursor: pointer;
}

.main .form_wrapper a {
  cursor: pointer;
  color: #270D44;
  text-decoration: none;
  transition: all 0.3s linear;
}

.main .form_wrapper a:hover {
  color: #A547B1;
}

.main .form_wrapper .form_wrap {
  transition: transform 0.3s ease, opacity 0.2s ease;
}

.main .form_wrapper .form_wrap .form_fild {
  width: 100%;
  /* flex: 0 0 100%; */
  transition: all 0.5s ease;
}

.form_wrap .form_fild .input_group {
  width: 100%;
  margin-bottom: 12px;
}

.main .form_wrapper .form_wrap .form_fild .input_group .input {
  box-shadow: rgb(17 17 26 / 5%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 0px 8px;
  border: solid #D1CCCC 2px;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  padding: 25px 35px;
  border-radius: 50px;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 500;
  outline: none;
  transition: all 0.3s linear;
}

.main .form_wrapper .form_wrap .form_fild .input_group .input::placeholder {
  color: #ADADAD;
}

.main .form_wrapper .form_wrap .form_fild .input_group .input:hover {
  border-color: #270D44;
}

.main .form_wrapper .form_wrap .form_fild .input_group .input:focus {
  border-color: #270D44;
}

.main .form_wrapper .form_wrap .form_fild .forgot {
  display: block;
  margin-bottom: 15px;
  padding: 0px 2px;
}

.main .form_wrapper .form_wrap .form_fild .btn {
  /* width: 50%; */
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  padding: 0px 60px;
  margin-bottom: 20px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  color: white;
  background: linear-gradient(45deg, #A547B1, #270D44) no-repeat center;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
}

.main .form_wrapper .form_wrap .form_fild .btn:hover {
  background: linear-gradient(-45deg, #A547B1, #270D44) no-repeat center;
}

.otp_btn {
  width: 100%;
  height: 40px;
  align-items: center;
  justify-content: center;
  font-weight: bolder !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.otp_btn:focus {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  font-size: 20px;
}

.main .form_wrapper .form_wrap .form_fild .btn:active {
  transform: scale(0.95);
}

.main .form_wrapper .form_wrap .form_fild .not_mem {
  text-align: center;
}

.main .form_wrapper .form_wrap .form_fild .not_mem label {
  pointer-events: none;
}

.main .form_wrapper .form_wrap .form_fild .not_mem label span {
  pointer-events: all;
  color: #270D44;
  text-decoration: none;
  transition: all 0.3s linear;
  cursor: pointer;
}

.main .form_wrapper .form_wrap .form_fild .not_mem label span:hover {
  color: #A547B1;
}

.login-layer .otpButton {
  background-color: #fff;
  color: #4A90E2;
  margin-top: 0px;
  margin-bottom: 15px;
}

.modal {
  padding-right: 0px !important;
  padding-left: 0;
}

.country_code span {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px;
  padding: 12px 12px;
  background: linear-gradient(45deg, #A547B1, #270D44) no-repeat center;
  color: #fff;
  font-weight: 800;
}

.country_code span:hover {
  background: linear-gradient(-45deg, #A547B1, #270D44) no-repeat center;
  background: linear-gradient(-45deg, #A547B1, #270D44) no-repeat center;
}

.country_code1 span {
  padding: 12px 12px;
  background: linear-gradient(45deg, #A547B1, #270D44) no-repeat center;
  color: #fff;
  font-weight: 800;
}

.country_code1 span:hover {
  background: linear-gradient(-45deg, #A547B1, #270D44) no-repeat center;
  background: linear-gradient(-45deg, #A547B1, #270D44) no-repeat center;
}

#mobile_no {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.mobile_no {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px;
}

.mobile_no:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid #A547B1;
}

.get_otp_btn {
  width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: none !important;
}

.use_mail_btn {
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: none !important;
  background-color: #E7E7E7;
  padding: 10px;
  color: #A547B1;
  font-size: 15px;
  border-radius: 3px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.mobile_no {
  padding: 15px 15px;
}

/* forgot Password */
.forgot_popup {
  padding: 3rem 2rem;
  box-shadow: 0px 10px 40px -14px rgb(0 0 0 / 25%);
  text-align: center;
  margin: auto;
  background: #DEE2E6;
}

.forgot_popup_content {
  text-align: center;
}

.forgot_popup_title {
  color: #32325D;
  font-size: 1.8em;
  line-height: 1.5em;
  margin-top: 0px;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
}

.forgot_popup_body {
  color: #6B7C93;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
}

.form_control_forgot {
  border-color: #E1E6EB;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
  margin: 20px 0px;
}

.forgot_popup_button {
  background-color: #270D44;
  color: #fff !important;
  padding: 10px;
}

.forgot_popup_button:hover {
  background-color: #270D44;
  color: #fff !important;
}

.forgot_btn {
  margin: 20px 0px;
  border: none;
}

@media screen and (min-width: 0px) and (max-width: 567px) {
  .forgot_popup {
    padding: 3rem 5px;
    box-shadow: 0px 10px 40px -14px rgb(0 0 0 / 25%);
    text-align: center;
    width: 100%;
    margin: auto;
    background: #fff;
  }
}

button.close {
  background-color: #ffffff !important;
  border: 0;
  padding: 5px 10px 7px 10px !important;
  border-radius: 50%;
  color: #270d44 !important;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px !important;
  -webkit-appearance: none;
  outline: none !important;
  margin-top: -95px !important;
  margin-right: -40px !important;
  font-weight: 400;
  line-height: 1;
  z-index: 999;
  font-size: 20px;
  text-shadow: 0 1px 0 #fff;
  opacity: 1 !important;
}

button.close.modal_srcand_close {
  background-color: #ffffff !important;
  border: 0;
  padding: 5px 10px 7px 10px !important;
  border-radius: 50%;
  color: #270d44 !important;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px !important;
  -webkit-appearance: none;
  outline: none !important;
  margin-top: -26px !important;
  margin-left: 768px !important;
  font-weight: 400;
  line-height: 1;
  z-index: 999;
  font-size: 20px;
  text-shadow: 0 1px 0 #fff;
  opacity: 1 !important;
}

.login_mbtn {
  box-shadow: none !important;
  outline: none;
}

.css-19kzrtu {
  padding: 20px 5px !important;
}

/* signinsignup styles end */

/* @import url("https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap"); */

/* @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,700;1,900&display=swap'); */


html,
body {
  width: auto !important;
  scroll-behavior: smooth !important;
}

body {
  font-size: 16px;
  font-weight: 400;
  font-family: Lato, sans-serif !important;
}

label {
  font-family: Lato, sans-serif !important;
}

/* .........navbar starts........... */

/* .navbar-toggler {
  border: 2px solid #000 !important;
} */
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;

  border-radius: 0.25rem;
  border: 1px solid;
  border: 1px solid #fff !important;
  background: #270D44 !important;
}

#a1,
#a2,
#navbarDropdown,
#a3,
#a4,
#a5,
#a6,
#a7 {
  font-size: 14px;
  padding-left: 10px;
}

#a5 {
  margin-left: 12px;
}

#a1:hover,
#a2:hover,
#navbarDropdown:hover,
#a3:hover,
#a4:hover,
#a7:hover {
  color: white !important;
  background-color: #270D44;
  border-radius: 5px;
}

.navbar .dropdown-menu a:active {
  color: #fff !important;
}

nav {
  box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%);
}

.navbar {
  padding: 0 1rem !important;
}

.dropdown:hover .nav-link {
  color: white !important;
  background-color: #270D44 !important;
  border-radius: 5px !important;
}

@media screen and (min-width: 0px) and (max-width:991px) {

  #a1,
  #a2,
  #navbarDropdown,
  #a3,
  #a4,
  #a7 {
    padding-left: 12px !important;
  }

  #navbarNav {
    margin-bottom: 15px !important;
  }
}

@media screen and (min-width: 1201px) {

  #a1,
  #a2,
  #navbarDropdown,
  #a3,
  #a4,
  #a7 {
    margin-left: 26px;
  }
}

@media screen and (min-width: 991px) and (max-width:1200px) {

  #a1,
  #a2,
  #navbarDropdown,
  #a3,
  #a4,
  #a7 {
    margin-left: 4px;
  }
}

.main_content {
  margin-top: 23px !important;
}

.dropdown-content {
  border: 1px solid #f4f4f4 !important;
  width: 200px !important;
  border-radius: 4px !important;
  box-shadow: 0 0 40px rgb(0 0 0 / 20%) !important;
  margin-top: -1px !important;
}

.dropdown:hover .dropdown-content {
  display: block !important;
  color: #270D44 !important;
}

@media screen and (min-width:992px) {
  .dropdown-menu.bell_content {
    position: absolute;
    left: -62px;
  }
}

.dropdown-item {
  transition: all 0.2s linear !important;
  font-size: 14px !important;
  color: black !important;
  font-weight: 700 !important;
  cursor: pointer;
  padding: 7px 20px !important;
  display: inline-block;
}

.dropdown-item:focus {
  background-color: none !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -10px !important;
  margin-left: 0px !important;
}

.navbar-nav li:hover>ul.dropdown-content_1 {
  display: block !important;
}

.dropdown-menu>li>a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

.dropdown-content_1 {
  border: 1px solid #f4f4f4 !important;
  width: 220px !important;
  border-radius: 4px !important;
  box-shadow: 0 0 40px rgb(0 0 0 / 20%) !important;
}

ul {
  padding: 0px !important;
}

.dropdown-item:hover {
  color: #270D44 !important;
}

.scrolled {
  background-color: white;
  padding: 13px 10px;
  z-index: 999;
  background: #ffffff !important;
  -webkit-animation-name: animationFade;
  animation-name: animationFade;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%);
  box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%);
  transition: 0.5s;
}

.nav-link {
  color: #fff;
}

.profile-btn {
  border-radius: 50% !important;
}

.logout-btn {
  background-color: #270D44 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #fff !important;
  margin-left: 8px;
  margin-top: 5px;
  padding: 6px 25px !important;
}

.logout-btn:hover {
  background-color: #270D44;
  font-weight: 600;
  font-size: 15px;
}

.navbar-btn {
  color: #fff !important;
  background-color: #323190db !important;
  /* border-radius: 50% !important; */
}

.navbar-btn i:hover {
  color: #ffffff !important;
}

.navbar-btn:hover {
  background-color: #270D44 !important;
  color: #fff !important;
}

.logo_img {
  width: 150px !important;
  height: 100px !important;
}

.logo_img_footer {
  width: 223px !important;
  height: 100px !important;
  background: #ffffff;
  border-radius: 5px;
  padding: 0px 17px;
}

.navbar_content {
  background: transparent;
  padding-bottom: 10px;
}

@media screen and (min-width: 0px) and (max-width: 768px) {

  #a1:hover,
  #a2:hover,
  #navbarDropdown:hover,
  #a3:hover,
  #a4:hover {
    color: white !important;
    background-color: #270D44;
    border-radius: 5px;
    padding: 10px;
  }

  .dropdown:hover .dropdown-content {
    display: block !important;
    color: #270D44 !important;
    margin-left: 8px !important;
  }

  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 36px !important;
    margin-left: -285px !important;
  }
}

#profile-dropdown {
  margin-left: -145px;
}

@media screen and (max-width:992px) {
  #profile-dropdown {
    margin-left: 153px;
  }
}

.dropdown-toggle::after {
  margin-left: 0.8rem !important;

}

.profile_dropdown:hover .dropdown-toggle::after {
  color: #270D44;

}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
  background-color: transparent !important;
  color: #270D44 !important;

}

/* Navbar ends */

/* ...........sec 1 starts........ */
#sec1 {
  background: url('./images/New-Animation.gif');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: darken;
  padding-bottom: 60px;
  width: 100% !important;
  margin-top: 110px;
  padding-top: 430px;
  margin-bottom: 20px !important;

}



@media screen and (min-width:0px) and (max-width:992px) {
  .container.hm1 {
    margin-top: -350px !important;
  }

}

@media screen and (max-width:992px) {
  #sec1 {
    background: url('./images/blur-1.jpg') rgba(0, 0, 0, 0.7);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: darken;
    padding-top: 350px;
  }

}

@media screen and (min-width:992px) {
  .am2 {
    display: none;
  }
}

@media screen and (min-width:1000px) {
  .browse_joblocation_list-search_box {
    width: 100% !important;
  }
}



.hm1 {
  vertical-align: center;
  text-align: left;
}

.home1 a.btn-primary {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 2px;
  border-radius: 2px;
}

#fa1,
#fa2 {
  color: #270D44;
}

span.home_input_group {
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #270D44;
}

input.home_input:focus {
  outline: #270D44;
  border-bottom: 3px solid #270D44;
}

#fa3 {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #270D44;
  cursor: pointer;
  box-shadow: none !important;
}

#am1 {
  background-color: #270D44;
}

.am2 span {
  color: #270D44;
}

.hm2 input {
  border: none;
  border-bottom: 3px solid #270D44;
}

.job_btn {
  margin-top: -10px !important;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  #filter_list_search_btn {
    position: absolute !important;
    top: 45%;
    left: 40%;
  }
}

@media screen and (min-width: 0px) and (max-width: 325px) {
  #sec1 {
    background-position: center;
    height: auto;


  }

  .hm2 {
    padding-top: 30px;
  }

  .am2 {
    font-weight: bold;
  }

  .pc {
    text-align: center;
  }

  .am2 {
    font-weight: bold;
    padding-top: 25px;
  }
}

@media screen and (min-width: 326px) and (max-width: 411px) {
  #sec1 {
    background-position: center;
    height: auto;


  }

  .hm2 {
    padding-top: 30px;
  }

  .am2 {
    font-weight: bold;
  }

  .pc {
    text-align: center;
  }

  .am2 {
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 411px) and (max-width: 768px) {
  #sec1 {
    background-position: center;
    height: auto;


  }


  .hm2 {
    padding-top: 30px;
  }

  .am2 {
    font-weight: bold;
  }

  .pc {
    text-align: center;
  }

  .am2 {
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #sec1 {
    background-position: center;
    height: auto;


  }

  .hm2 {
    padding-top: 40px;
  }

  #am1 {
    font-size: 35px;
    text-decoration: none;
  }

  .am2 {
    font-size: 60px;
    font-weight: bold;
    padding-top: 20px;
  }

  .am2 {
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {


  .hm2 {
    padding-top: 40px;
  }

  #am1 {
    font-size: 35px;
    text-decoration: none;
  }

  .am2 {
    font-size: 60px;
    font-weight: bold;
    padding-top: 20px;
  }

  #sec1 {
    background-position: left;
    height: auto;


  }

  .am2 {
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 1025px) {
  .hm2 {
    padding-top: 40px;
  }

  #am1 {
    font-size: 35px;
    text-decoration: none;
  }

  .am2 {
    font-size: 60px;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #sec1 {
    background-position: left;
    height: auto;


  }
}

.main_text {
  background: transparent !important;
  color: #fff;
}

.main_text:hover {
  background: transparent !important;
  color: #fff;
}

/* @media screen and (min-width:0px) and (max-width:767px){
  .main_text{
      background: transparent !important;
      color: #fff;
      display: none;
  }
} */

.am2 {
  color: #fff;
}

.num_text {
  color: #270D44;
}

/* .......sec1 ends.... */

/* ........sec2: categories starts...... */
.icon-box {
  position: relative;
}

.counter {
  flex-basis: fit-content !important;
}

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

.pc {
  margin-bottom: 20px;
}

@media screen and (min-width: 766px) and (max-width: 992px) {
  .pc {
    text-align: center !important;
  }
}

span {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}

.main-item {
  background: #fff;
  text-align: center;
  padding: 30px 25px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  margin-bottom: 30px;
  border: 5px solid rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.main-item:hover {
  background: #270D44;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.main-item-hover .main-item,
.main-item:hover span.icon {
  background: #fff;
  border-radius: 10px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}


/* .main-item:hover span.icon i {
animation: rotation 1s;
} */
.main-item:hover span {
  animation: rotation 1s;
}

@keyframes rotation {
  100% {
    transform: rotate(360deg);
  }
}

.main-item:hover h6,
.main-item:hover p {
  color: #fff;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.main-item .icon {
  font-size: 40px;
  margin-bottom: 25px;
  color: #270D44;
  width: 90px;
  height: 90px;
  line-height: 96px;
  border-radius: 50px;
}

.main-item .feature-box-col-one {
  background: rgba(247, 198, 5, 0.2);
  color: #270D44;
}

.main-item .feature-box-col-two {
  background: rgba(255, 77, 28, 0.15);
  color: #270D44;
}

.main-item .feature-box-col-three {
  background: rgba(0, 147, 38, 0.15);
  color: #270D44;
}

.main-item .feature-box-col-four {
  background: rgba(0, 108, 255, 0.15);
  color: #270D44;
}

.main-item .feature-box-col-five {
  background: rgba(146, 39, 255, 0.15);
  color: #270D44;
}

.main-item .feature-box-col-six {
  background: rgba(23, 39, 246, 0.15);
  color: #270D44;
}

.main-item p {
  font-size: 15px;
  line-height: 26px;
}

.main-item h6 {
  color: #2f2f2f;
}

/* .........sec2: categories ends....... */

/* .........sec3 starts........ */
#sec3 {
  padding: 40px 0 50px 0;
  margin-bottom: 30px;
}

#sec3 .city {
  background-color: #000930;
}

#sec3 .city img {
  opacity: 0.5;
}

#sec3 .city:hover {
  transform: scale(1.1);
  z-index: 1;
}

#sec3 .card-img-top {
  width: 100%;
  height: 180px;
  border-radius: 5px;
}

/* .........sec3 ends........ */

/* .........sec4 starts........ */
#sec4 {
  margin-top: 40px;
  /* margin-bottom: 130px !important; */
}

.browse {
  background-color: #270D44;
  color: #fff;
  padding: 10px 10px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  line-height: 1.8;
  border-radius: 5px;
  margin-bottom: 20px;
}

#sec4 .job-post {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 576px) {
  #sec4 .job-box .d-flex {
    display: block !important;
  }

  #sec4 h6 {
    font-size: 13px;
  }
}

#sec4 .job-post>li {
  margin-bottom: 30px;
}

#sec4 .job-box {
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  display: block;
  position: relative;
  /* border-left: 5px solid #e1e7ff; */
  margin-top: 15px;
}

#sec4 .job-box:hover {
  /* border-left: 5px solid #270D44; */
}

#sec4 .job-company {
  margin-right: 20px;
}

#sec4 .job-company span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background-color: #e1e7ff;
  text-align: center;
  overflow: hidden;
}

#sec4 .job-post h4 {
  margin-bottom: 10px;
  line-height: 28px;
  font-weight: 600;
  font-size: 24px;
  color: #232323;
  margin-top: 0;
}

#sec4 .job-post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sec4 .job-post ul li {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}

#sec4 .job-post li {
  padding: 0;
  list-style: none;
}

#sec4 .job-post ul li i {
  margin-right: 5px;
}

#sec4 a {
  outline: 0 none;
  text-decoration: none;
  color: #270D44;
  /* margin-top:5px; */
}

#sec4 .job-type span {
  margin-bottom: 5px;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
}

#sec4 .salary {
  color: #000;
  font-family: rubik;
  font-size: 22px;
}

#sec4 .wishlist {
  position: absolute;
  cursor: pointer;
  display: block;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  user-select: none;
  font-family: FontAwesome;
  top: 25px;
  right: 5px;
}

/* .cont
{
    background-color: #fff;
    color: #270D44;
}
.cont2 
{
    background-color: #270D44;
    color: #fff;
} */

#sec4 .wishlist input {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  cursor: pointer;
}

#sec4 .wishlist {
  position: absolute;
  cursor: pointer;
  display: block;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  user-select: none;
  font-family: FontAwesome;
  top: 25px;
  right: 30px !important;
  cursor: pointer;
}

.wishlist span {
  color: #270D44 !important;
  font-weight: 600;
  font-size: 15px
}

#sec4 input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

#sec4 input {
  overflow: visible;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#sec4 .added {
  position: absolute;
  top: 0;
  left: 0;
  /* border: 1px solid #270D44 !important; */
  border-radius: 20px;
  font-size: 21px;
  padding-left: 5px;
  padding-top: 3px;
  border: #270D44;
}

#sec4 .member {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
}

#sec4 .member-box {
  position: relative;
}

#sec4 .test-pic.round {
  width: 75px;
  height: 75px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border: 4px solid #fff;
  margin-bottom: 25px;
}

#sec4 .test-pic {
  background: #fff;
  position: relative;
  display: inline-block;
}

#sec4 .test-matter {
  padding: 0;
  color: #000;
  margin-bottom: 25px;
}

#sec4 .test-location {
  padding: 0;
}

#sec4 .test-name {
  color: #270D44;
}

#sec4 .sentence-box {
  background: url('./images/resume_bg.jpg');
  background-size: cover;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
  z-index: 1;
  color: #fff;
}

#sec4 .sentence-box::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000930;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
}

#sec4 .sentence-box .sentence-matter h4 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
}

#sec4 .sentence-box .sentence-matter p {
  opacity: 0.9;
  margin-bottom: 24px;
}

#sec4 .sentence-box .sentence-matter .acc-btn {
  background-color: #270D44;
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
}

.job_details_main {
  margin: auto !important;
  margin-top: -70px !important;
}

.job-post {
  background-color: #fff;
}

.discribe_home {
  color: #4d4d4d;
  font-size: 14px;
  margin: 5px 0px;
}

.home_company_name {
  color: #2a28ced9;
  /* margin-bottom: 5px !important; */
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 700;
}

.star_box {
  font-size: 14px;
}

.star_box a {
  color: rgb(106, 42, 105) !important;
  font-size: 12px !important;
  font-weight: 600;
}

.star_rating {
  color: #ffab00;
  font-size: 12px;
  margin-top: -2px;
}

.home_job_details {
  margin-top: -2px !important;
}

.home_job_btn {
  background: #e1e7ff;
  color: #212529;
  padding: 8px 15px;
  font-weight: 700;
  font-size: 12px;
  border: none;
  border-radius: 17px;
  /* border: 1px solid #270D44; */
  margin: 5px 4px;
}

.posted_home {
  float: right;
}

@media screen and (min-width: 1025px) {
  .job-info {
    width: 100%;
    margin-left: 25px;
  }

  #sec4 .added {
    position: absolute;
    top: 0;
    left: -27px !important;
    height: 30px;
    width: 30px;
    border: 2px solid #270D44;
    border-radius: 20px;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .job-info {
    margin: 13px 0px !important;
  }

  #sec4 .job-info h4 a {
    color: #232323;
    font-weight: 650;
    font-size: 22px !important;
    font-family: rubik, sans-serif;
  }

  .posted_home {
    float: left;
    display: block;
    margin: 10px 0px 10px -10px !important;
  }

  #sec4 .job-box {
    padding: 25px 25px 35px 25px !important;
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%);
    display: block;
    position: relative;
  }

  #sec4 h2 {
    font-size: 20px;
  }

  #sec4 .browse {
    background-color: #270D44;
    color: #fff;
    padding: 10px 6px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    line-height: 1.8;
    border-radius: 5px;
    font-size: 11px;
    margin-bottom: 20px;
  }
}

.employer_details_img {
  height: 100px;
  width: 100px;
  border: 2px solid #007bff;
  border-radius: 10px;
}

/* .........sec4 ends........ */

/* ...............sec5 Testimonials starts........... */

/* #testimonials{
  background: rgba(0,0,0,0.6) url(img/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: darken;
}
.section-heading{
  color:#fff;
  letter-spacing: 0.5px;
  padding-top: 20px;
}
.section-heading h6{
  font-size: 45px;
}
.testimonial-bg{
 background-color:transparent;
  font-family: 'Raleway', sans-serif;
  padding: 35px 70px;
  text-align: center;
  position: relative;
}
.testimonial{
  padding: 0 15px;
}
.testimonial .description:hover{
  background-color: #270D44;
  border: 3px solid #270D44;
  color: #fff;
  font-weight: 500;
}
.testimonial .description{
  font-size: 16px;
  font-weight:400;
  color: #4A4A4a;
  background-color: #ffffff;
  line-height: 30px;
  padding: 30px 0;
  margin-bottom: 15px;
  position: relative;
  border: 3px solid #fff;
  text-align: center !important;
  padding-left: 10px;
  border-radius: 15px;
}
.testimonial .description:before{
  content: "";
  width: 75%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.testimonial .description:after{
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.testimonial .description:hover::after {
  background: #270D44;
}
.testimonial .pic{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 25px auto;
  overflow: hidden;
}
.testimonial .pic img{
  width: 100%;
  height: auto;
}
.testimonial .title{
font-family: 'Raleway', sans-serif;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
}
.testimonial .post{
font-family: 'Raleway', sans-serif;
  display: inline-block;
  font-size: 20px;
  color: #fff;
}
.owl-theme .owl-controls{
  margin-top: 10px;
  position: absolute;
  bottom: -20%;
  right: 0;
}
.owl-theme .owl-controls .owl-buttons div{
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #34363b;
  opacity: 1;
  padding: 0;
 display:inline-block;
 margin:0 10px; 
 overflow: hidden !important;
}
.owl-prev:before,
.owl-next:before{
  content: "\f104";
  font-family: "fontawesome";
  font-size: 23px;
  font-weight: 700;
  color: #fff;
}
.owl-next:before{
  content:"\f105";
}
@media only screen and (max-width:767px){
  .testimonial-bg{ padding: 50px 40px; }
  .owl-theme .owl-controls{ bottom: -22%; }
}
@media only screen and (max-width:480px){
  .testimonial-bg:before{
      width: 55px;
      height: 55px;
      line-height: 55px;
      font-size: 40px;
  }
  .testimonial-bg{ padding: 30px 10px; }
  .owl-theme .owl-controls{ bottom: -15%; }
}
@media only screen and (max-width:360px){
  .testimonial .title,
  .testimonial .post{
      font-size: 16px;
  }
  .owl-theme .owl-controls{ bottom: -12%; }
}
#testimonial-slider button.owl-dot.active{
  background-color: rgb(68, 68, 187);
  box-shadow:none !important;
} */

.testimonials {
  position: relative;
}

.carousel-indicators li {
  width: 10px !important;
  height: 10px !important;
  border-radius: 100% !important;
  margin: 4px 7px;
}

.corousel_content {
  margin-top: -28px;
  /* height: 60vh !important; */
  padding: 100px 0px 70px 0px !important;
}

.background_content {
  height: 450px !important;
  background: url('./images/testimonials-min.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  z-index: 1 !important;
  position: relative;
  padding-bottom: 400px;
}

.background_sub_content {
  overflow: visible;
}

.down_content {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: visible !important;
  z-index: 99;
}

.carousel-caption {
  position: relative !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  margin-right: 15px;
  margin-left: 15px;
}

.row-visible {
  overflow: visible !important;
  z-index: 1 !important;
}

.corousel_heading_1 {
  /* text-align: left; */
  font-size: 18px;
  text-transform: capitalize;
  font-family: Poppins !important;
  line-height: 35px;
  margin-bottom: 20px;
  text-align: justify;

}

/* .item {
  display: none;
  position: relative;
  transition: (.5s ease-in-out left);
} */

.corousel_heading_2 {
  font-size: 26px;
  color: #ffff;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin: 10px 0px;
}

.corousel_text {
  color: #fefefe;
  font-size: 18px;
  font-family: Poppins !important;
}

.reviewer_1 {
  position: relative;
  overflow: visible !important;
}

.reviewer_image_1 {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px solid #fff;
  background: #212227 !important;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .down_content {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: visible !important;
    z-index: 99;
  }

  .background_content {
    padding-bottom: 530px !important;
  }

  /* .corousel_heading1{
   margin-top: -10px !important;
  } */
}

@media screen and (min-width: 321px) and (max-width: 539px) {
  .down_content {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: visible !important;
    z-index: 99;
  }

  .background_content {
    padding-bottom: 540px !important;
  }
}

@media screen and (min-width: 540px) and (max-width: 767px) {
  .down_content {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: visible !important;
    z-index: 99;
  }

  .background_content {
    padding-bottom: 540px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1004px) {
  .down_content {
    position: absolute;
    top: 41%;
    left: 50%;
  }

  .background_content {
    padding-bottom: 510px !important;
  }
}

@media screen and (min-width: 1005px) and (max-width: 1279px) {
  .down_content {
    position: absolute;
    top: 41%;
    left: 50%;
  }

  .background_content {
    padding-bottom: 510px !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1300px) {
  .down_content {
    position: absolute;
    top: 38%;
  }

  .background_content {
    padding-bottom: 520px !important;
  }
}

@media screen and (min-width: 800px) and (max-width: 2000px) {
  .carousel_image {
    width: 100% !important;
    height: 50vh;
    margin-top: -66px;
    overflow: hidden;
  }

  .background_content {
    padding-bottom: 460px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 324px) {
  .corousel_heading_1 {
    /* text-align: left; */
    font-size: 16px;
    text-transform: capitalize;
    font-family: Poppins !important;
    line-height: 27px;
    margin-bottom: 0px;
  }

  .corousel_content {
    margin-bottom: 0px;
  }

  .corousel_heading_2 {
    font-size: 22px;
    color: #ffff;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    white-space: nowrap;
    padding: 12px 0px;
  }

  .carousel_image {
    margin-top: -66px;
    overflow: hidden;
  }
}

@media screen and (min-width: 325px) and (max-width: 577px) {
  .carousel_image {
    margin-top: -66px;
    overflow: hidden;
  }

  .corousel_heading_1 {
    /* text-align: left; */
    font-size: 18px;
    text-transform: capitalize;
    font-family: Poppins !important;
    line-height: 27px;
    margin-bottom: 15px;
  }

  .corousel_content {
    margin-bottom: 0px;
  }

  .corousel_heading_2 {
    font-size: 22px;
    color: #ffff;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    white-space: nowrap;
    padding: 12px 0px;
  }
}

@media screen and (min-width: 578px) and (max-width: 799px) {
  .corousel_heading_1 {
    /* text-align: left; */
    font-size: 18px;
    text-transform: capitalize;
    font-family: Poppins !important;
    line-height: 27px;
    margin-bottom: 10px;
  }

  .corousel_content {
    margin-bottom: 32px;
  }

  .corousel_heading_2 {
    font-size: 26px;
    color: #ffff;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    white-space: nowrap;
    padding: 12px 0px;
  }

  .carousel_image {
    margin-top: -66px;
    overflow: hidden;
  }
}

/* ...............sec5 Testimonials ends........... */

/* .....sec6 Pricing starts.... */
.rounded-lg {
  border-radius: 1rem !important;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 5rem;
  padding-left: 5rem;
  box-shadow: rgb(17 17 26 / 5%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 0px 8px;
}

.text-small {
  font-size: 0.9rem !important;
}

/* .pricing_signup{
  background-color: #c786c6;
  border-color: transparent;
}

.pricing_signup:hover{
  background-color: #c786c6;
  border-color: transparent;
} */

.pricing {
  color: #000;
}

.custom-separator {
  width: 5rem;
  height: 6px;
  border-radius: 1rem;
}

.text-uppercase {
  letter-spacing: 0.2em;
}

#bt {
  width: 150px;
  border-radius: 30px;
}

#pricing {
  background: #fff;
}

.prd {
  justify-content: center !important;
  text-align: left;
  padding-left: 5px;
  padding-top: 25px;
  padding-bottom: 20px;
}

#fr {
  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
  border-radius: 10px;
  color: #a0a0a0;
  display: inline-block;
  font-size: 22px;
  margin-top: 20px;
  padding: 15px 25px;
  margin-bottom: 10px;
}

.pricing-table .each-table .table-single {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pricing-table .each-table .table-single .section-heading {
  margin-bottom: 15px;
}

.pricing-table .each-table .table-single .meta-price {
  line-height: 60px;
  margin-bottom: 0px;
}

.pricing-table .each-table .table-single .meta-price .period,
.pricing-table .each-table .table-single .meta-price .currency {
  font-size: 16px;
}

.pricing-table .each-table .table-single .meta-price .currency {
  position: relative;
}

.pricing-table .each-table .table-single .meta-price .rate {
  font-size: 45px;
  font-weight: 200;
}

.pricing-table .each-table .table-single .nav {
  padding-left: 0px;
  margin-top: 40px;
}

.pricing-table .each-table .table-single .nav li {
  margin-bottom: 10px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}

.pricing-table .each-table .table-single .nav li:last-child {
  border-bottom: 0px solid;
  padding-bottom: 0px;
}

.pricing-table .each-table .table-single .btn-form {
  margin-top: 30px;
}

.pricing-table.pricing-table-js .each-table .left {
  z-index: 2;
}

.pricing-table.pricing-table-js .each-table .right {
  z-index: 2;
}

.pricing-table.pricing-table-js .each-table .table-single {
  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(0.9);
  z-index: 1;
}

.pricing-table.pricing-table-js .each-table .table-single.active_pricing {
  z-index: 4;
  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  background: #270D44;
  color: #fff;
}

#bt .active {
  background-color: #fff;
  color: #270D44;
}

.features-section-6 {
  padding: 70px 0px;
}

.pricing-table {
  padding: 30px 0px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .features-section-6 {
    overflow: hidden;
    text-align: center !important;
  }

  .pricing-table .each-table .table-single {
    position: relative;
    padding: 20px 10px;
  }

  .rounded-lg {
    border-radius: 10px !important;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
    box-shadow: rgb(17 17 26 / 5%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 0px 8px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
  .features-section-6 {
    overflow: hidden;
    text-align: center !important;
  }

  .table-single {
    padding-left: 1px !important;
  }

  .pricing-table .each-table .table-single {
    position: relative;
  }

  .rounded-lg {
    border-radius: 10px !important;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
    box-shadow: rgb(17 17 26 / 5%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 0px 8px;
  }
}

@media screen and (min-width: 767px) and (max-width: 990px) {
  #hd2 {
    position: relative;
    font-size: 19px;
    padding-left: 0px !important;
  }

  .rounded-lg {
    border-radius: 10px !important;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
    box-shadow: rgb(17 17 26 / 5%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 0px 8px;
  }
}

/* .....sec6 Pricing ends.... */

/* .....sec7 Footer starts.... */
#sec7 {
  color: #270D44;
  font-size: 15px;
}

#sec7 .foot {
  padding: 59px 0 25px 0;
  /* background: #e7e7e7; */
  background-image: url('./images/Footer21.png');
  color: #fff;
}

#sec7 .foot .foot_add {
  margin-bottom: 25px;
  margin-top: -12px;
}

#sec7 .foot .foot_add h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  font-weight: 600;
  color: #270D44;
}

#sec7 .foot .foot_add p {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 10px;
  letter-spacing: 0.5px;
  line-height: 30px;
}

#sec7 .foot h4 {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff !important;
  position: relative;
  /* padding-bottom: 10px; */
  padding-top: 15px;
}

#sec7 .foot .foot_icon {
  margin-bottom: 20px;
}

#sec7 .foot .foot_icon ul {
  padding: 0;
  margin: 0;
  color: #270D44 !important;
}

#sec7 .foot .foot_icon ul i {
  padding-right: 10px;
  color: #FFFFFF !important;
  font-size: 16px;
}

#sec7 .foot .foot_icon ul li {
  padding: 10px 0;
  display: flex;
}

#sec7 .foot .foot_icon ul a {
  color: #FFFFFF;
  line-height: 1;
}

#sec7 .foot .foot_icon ul a:hover {
  color: #FFFFFF;
  font-weight: 700;
  transition: ease-in-out;
  text-decoration: none;
}

#sec7 .foot_web a {
  font-size: 20px;
  display: inline-block;
  line-height: 1;
  padding: 10px 0;
  margin-right: 6px;
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  color: #FFFFFF;
}

#sec7 .foot_web a:hover {
  background: #270d44;
  animation: rotation 1s;
}

@keyframes rotation {
  100% {
    transform: rotate(360deg);
  }
}

#sec7 .crt b {
  color: #270D44;
}

.copyright-option {
  border-top: 1px solid #fff;
  padding-top: 20px;
  /* padding-bottom: 12px; */
  margin-top: 10px;
}

.copyright-option .co-text {
  font-size: 14px;
  color: #FFFFFF;
  float: left;
  line-height: 55px;
  margin-top: auto;
  margin-bottom: auto;
}

.copyright-option .co-widget {
  text-align: center;
}

.copyright-option .co-widget ul {
  list-style: none;
  margin: 0 !important;
}

.copyright-option .co-widget ul li {
  font-size: 14px;
  display: inline-block;
  margin-right: 45px;
}

.co-widget ul li a {
  color: #fff;
}

.copyright-option .co-widget ul li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  #sec7 .crt {
    text-align: center;
  }
}

.footer_data {
  justify-content: center;
}

.terms_conditions {
  margin-top: 150px;
  padding: 40px;
  box-shadow: 0 0 7px #a0a0a0;
}

.common_para {
  padding: 10px 40px;
  font-size: 12px;
}

.list_para {
  padding: 3px 40px;
  font-size: 12px !important;
}

.term_heading {
  color: rgb(230, 84, 31);
  padding: 5px 40px;
  font-size: 15px;
}

.priacy_policy_data {
  margin-top: 150px;
  padding: 40px;
  box-shadow: 0 0 7px #a0a0a0;
}

.main_para {
  padding: 12px 40px;
  font-size: 13px !important;
}

.para_data {
  padding: 6px 15px !important;
}

.para_list {
  padding: 3px 15px !important;
}

.privacy_heading {
  color: rgb(230, 84, 31) !important;
  font-size: 15px;
  padding: 2px 40px !important;
}


@media screen and (min-width:2000px) {
  .common_para {
    font-size: 22px;
  }

  .list_para {
    font-size: 18px !important;
  }

  .term_heading {
    font-size: 22px;
  }

  .main_para {
    font-size: 18px !important;
  }

  .privacy_heading {
    font-size: 22px;
  }
}

@media screen and (min-width:0px) and (max-width:450px) {
  .terms_conditions {
    padding: 20px 15px !important;
  }

  .common_para {
    padding: 10px 8px;
  }

  .list_para {
    padding: 2px 8px !important;
  }

  .main_para {
    padding: 12px 10px;
  }

  .para_data {
    padding: 6px 5px !important;
  }

  .priacy_policy_data {
    padding: 20px 15px !important;

  }
}

/* .....sec7 Footer ends.... */

/* pages / about us css */

/* heading-pic */

.heading_pic_about_us {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.about_us_sub_heading_1 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

.about_us_sub_heading_2 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

/* section 1 */

.about_us_heading_2 {
  font-family: Rubik, sans-serif;
}

.about_us_text {
  font-family: Lato, sans-serif;
}

.about_us_card {
  border: none !important;
  background-color: #eef1ff !important;
}

.about_us_icon {
  color: #270D44;
  font-size: 43px;
}

.about_us_card_heading {
  font-family: Rubik, sans-serif;
}

.about_us_card_text {
  font-family: Lato, sans-serif;
}

/* section 3 */

.Background-fixed {
  background-attachment: fixed;
  background-position: center;
}

.ImageBackgroundWrap {
  background-image: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url("./images/about_us_img_2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.ImageInnerWrap {
  max-width: 900px;
}

.about_us_section_3_heading {
  font-family: Rubik, sans-serif;
  font-size: 32px;
}

.about_us_section_3_text {
  font-family: Montserrat;
}

.about_us_button_create_acc {
  border: 3px solid #fff;
  border-radius: 20px;
  font-size: 16px;
  font-family: Rubik, sans-serif;
}

.about_us_button_create_acc:hover {
  border: 3px solid #270D44;
  background: #270D44 !important;
  transition: 0.6s;
}

/* section 4 */

.about_us_section_4_heading {
  font-family: Rubik, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.about_us_section_4_text {
  font-family: Lato, sans-serif;
}

.about_us_section_4_card_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.about_us_section_4_card_heading {
  font-family: Rubik, sans-serif;
}

.about_us_section_4_card_heading:hover {
  color: #270D44;
}

.about_us_section_4_card_text_2 {
  font-family: Montserrat;
}

.about_us_section_4_card_button {
  color: #270D44;
  font-weight: 600;
  font-family: Rubik, sans-serif;
}



/* pages / about us css */

/* ----------------------------------------- */

/*Pages / companies css */

/* heading-pic */

.companies_sec_1_heading_pic {
  background: url('./images/blur-2.jpg') #000000a6;
  /* background: grey; */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.companies_sec_1_sub_heading_1 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

.companies_sec_1_sub_heading_2 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

/* section 2*/

.companies_button {
  font-family: roboto;
  white-space: pre;
  border: 0 solid transparent;
  z-index: 1;
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 0px 10px 15px 0px;
  text-transform: uppercase;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 5px;
  outline: none;
  text-align: center;
  font-weight: 500;
  color: #fff;
  padding: 10px 20px;
  background-color: #000;
  line-height: 10px;
}

.companies_button:hover {
  background-color: #333;
}


.company_jobs_sec2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 1px;
  color: #232323;
  font-family: Rubik, sans-serif;
  white-space: nowrap;
  display: inline-block !important;
}

.search_input_1 {
  display: inline-block !important;
  position: absolute;
  right: 5%;
  top: 5px;
}

.nav_search {
  color: #fff;
  background: #270D44;
  border: 2px solid #270D44;
  box-shadow: none !important;
}

.nav_search:hover {
  color: #fff;
  background: #270D44 !important;
  opacity: 1;
}

.nav_form_control:active {
  border-color: #270D44 !important;
  border-right: none !important;
}

.nav_form_control:focus {
  border-color: #270D44 !important;
  border-right: none !important;
}

.nav_form_control {
  background: #fff !important;
}

@media screen and (min-width:0px) and (max-width:500px) {
  .company_jobs_sec2 {
    display: block !important;
    text-align: center !important;
  }

  .search_input_1 {
    display: block !important;
    position: initial;
    margin-top: 15px;
  }
}


/* img gallery */

.company_img_1 {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/about_us_img_2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
}

.company_img_1_sub_1 {
  width: 100px;
  height: 80px;
}

.company_img_2 {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/about_us_img_3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
}

.company_img_1_sub_2 {
  width: 100px;
  height: 80px;
}

.company_img_3 {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/about_us_img_4.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
}

.company_img_1_sub_3 {
  width: 100px;
  height: 80px;
}

.company_img_4 {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/about_us_img_5.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
}

.company_img_1_sub_4 {
  width: 100px;
  height: 80px;
}

/*Pages / companies css */

/* ---------------------------- */

/* Pages / Contact us */

/* heading-pic */

.heading_pic_contact_us {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7));
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.contact_us_sub_heading_1 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

.contact_us_sub_heading_2 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

/* section 2 */

.contact_wrapper {
  height: 93%;
}

.contact_us_address {
  border: 2px solid #f7f5f5;
}

.contact_us_address_heading {
  font-size: 24px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.contact_us_address_text {
  font-size: 16px;
  color: #6f6f6f;
  font-family: Montserrat, sans-serif;
}

.marker {
  color: #270D44;
  font-size: 18px;
  border: 1px solid #f7f5f5;
}

.contact_us_address_icon_heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.contact_us_address_icon_text {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #6f6f6f;
}

.contact_us_address_icon_text_1 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #6f6f6f;
}

.contact_us_address_icon_text_2 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #6f6f6f;
}

/* form */

.contact_us_form {
  background-color: #eef1ff;
}

.contact_us_heading {
  font-size: 24px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.contact_us_form_control {
  transition: all 0.2s linear;
  border: 2px solid #e1e6eb;
  font-size: 14px !important;
  color: #495057;
  background-clip: padding-box;
  font-family: inherit;
}

/* textarea:focus,
input:focus {
  outline: none !important;
} */

.maps {
  border: 2px solid #ffff !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

/* Pages / Contact us */

/* ------------------------------ */

/* Pages / Error css */

/* heading-pic */

.portfolio_sec_1_heading_pic {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 64px;
}

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

.portfolio_sec_1_sub_heading_1 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

.portfolio_sec_1_sub_heading_2 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

/* section 2 */

.error_heading {
  font-size: 200px;
  line-height: 180px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.error_heading_1 {
  font-size: 90px;
  letter-spacing: 18px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.error_heading_2 {
  font-size: 45px;
  letter-spacing: 2px;
  color: #270D44;
  font-family: Rubik, sans-serif;
}

.error_button {
  background-color: #270D44;
  font-family: roboto;
  outline: none;
  border: 0 solid transparent;
  white-space: pre;
  transition: all 0.2s linear;
  cursor: pointer;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .error_heading {
    font-size: 100px;
    line-height: 80px;
  }

  .error_heading_1 {
    font-size: 60px;
    letter-spacing: 8px;
    line-height: 70px;
    font-family: Rubik, sans-serif;
  }

  .error_heading_2 {
    font-size: 25px;
    letter-spacing: 2px;
    color: #270D44;
    font-family: Rubik, sans-serif;
    line-height: 18px;
  }
}





/* Pages / Error css */

/* ----------------------------- */

/* Pages / Portfolio */

/* section 1 */

/* heading-pic */

.portfolio_sec_1_heading_pic {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.8),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url("./images/bgimage.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 64px;
}

.portfolio_sec_1_sub_heading_1 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

.portfolio_sec_1_sub_heading_2 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

/* section 2 */

* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
  display: none;
  /* Hide all elements by default */
}

/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn_1 {
  border: 1px solid transparent;
  color: #000316;
  font-family: montserrat;
}

.btn:hover {
  background-color: #ddd;
}

.active {
  color: #270D44 !important;
}


.filter_img {
  transition: all 1s ease-in-out;
}

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

/* Pages / Portfolio */

/* ----------------------------- */

/* Pages / Job detail */

.heading_pic_job_detail {
  background: url('./images/blur-2.jpg') rgba(0, 0, 0, 0.7);
  /* url(images/bgimage.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: darken;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.job_detail_wrapper {
  z-index: -9999;
}

.browse_active:hover {
  background-color: #270D44;
}

.jobdetails_main {
  margin-left: 0 !important;
}

.job_details_save {
  margin-top: 10px;
}

.job_details_savebtn,
.job_details_applybtn {
  background-color: #270D44 !important;
  padding: 10px 15px 10px 15px;
  color: #fff !important;
  border-radius: 3px;
  font-weight: 600;
}

.job_details_applybtn:hover {
  background-color: #270D44;
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .job_details_save {
    display: block !important;
    padding-top: 20px;
    position: absolute;
    bottom: 6%;
    left: 7%;
  }

  #sec4 .job_details_box {
    padding: 25px 25px 68px 25px !important;
  }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .job_details_save {
    display: block !important;
    padding-top: 20px;
    position: absolute;
    bottom: 7%;
    left: 22%;
  }

  #sec4 .job_details_box {
    padding: 25px 25px 50px 25px !important;
  }
}

.job-description {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
  margin-top: 30px;
  padding: 35px;
}

.job_details_posted {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
  padding: 45px;
  margin-top: -25px !important;
}

a.job_role {
  color: #000 !important;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .job_posted .stat {
    display: block;
  }

  .job-description {
    padding: 25px;
  }
}

.send_like_jobs {
  font-size: 17px;
  font-weight: 700;
}

.send_like_jobs {
  background-color: #e7e7e7;
  padding: 8px;
  border-radius: 5px;
  vertical-align: middle !important;
  margin-top: -8px;
  text-align: right !important;
  float: right;
}

@media screen and (min-width: 0px) and (max-width: 991px) {
  .send_like_jobs {
    margin-top: 15px;
    display: block;
    text-align: center !important;
    float: none !important;
  }
}

/* Pages / Job detail */

/* --------------------------- */

/* Pages / Free job alerts */

/* heading-pic */

.job_alert_heading_pic {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.job_alert_sub_heading_1 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

.job_alert_sub_heading_2 {
  font-size: 20px;
  font-family: Montserrat, sans-serif;
}

/* section 2 */

.job_alert_section_2_container {
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  background: #ffff;
}

.job_alert_form_control {
  border-color: #e1e6eb;
  font-size: 15px !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  color: #495057;
  white-space: nowrap;
}

label {
  color: #333;
}

textarea:focus,
input:focus {
  outline: none !important;
}

.job_alert_section_2_button {
  background: #270D44;
  border: 0 solid transparent;
  white-space: pre;
  font-family: roboto;
}

.job_alert_section_2_button:focus {
  outline: none !important;
  border: none !important;
}

.job_alert_section_2_right_column {
  background-color: #eef1ff;
}

.free_job_li {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  color: #6f6f6f;
}

.job_alert_section_2_right_column_heading_1 {
  font-size: 18px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.job_alert_section_2_right_column_heading_2 {
  font-size: 16px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.job_alert_section_2_right_column_text_1 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #6f6f6f;
}

/* Pages / Free job alerts */

/* ------------------------------- */

/* Pages / Browse Jobs / Browse job filter grid */

/* Pages / Browse Jobs / Browse job filter grid */

/* ------------------------------- */

/* Pages / Jobs / All jobs */

/* heading-pic */

.heading_pic_alljobs {
  background: url('./images/blur-4.jpg') #00000094;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

#search_box_btn {
  box-shadow: 2px #6f6f6f;
  background-color: #270D44;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

  #input1,
  #input2,
  #input_btn {
    border-right: none !important;
  }
}

#input1,
#input2 {
  border-right: 1px solid rgba(25, 31, 35, 0.7);
}

#input1,
#input2,
#input_btn {
  padding: 9px 15px;
}

#search_box_btn:focus {
  outline: none !important;
}

#search_box_btn:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_job_list-search_box input {
  border: none;
}

input#search_box_input:focus {
  border: none !important;
  outline: none !important;
}




button.alljob_buttons_sub:focus {
  outline: none !important;
}

.active_1 {
  background: #270D44;
  color: #fff;
}

/* ......top content ends ...... */

/* .........sec3 starts........ */

#sec3 h5 {
  font-family: rubik, sans-serif;
  color: #232323;
}

#sec3 h5 a.jobs_view {
  font-size: 15px;
  color: #270D44 !important;
}

#sec3 .city {
  background-color: #000930;
  transition: all 1s ease-in-out;
  cursor: pointer;
}

#sec3 .city img {
  opacity: 0.5;
}

#sec3 .city:hover {
  transform: scale(1.1);
  transition: all 1s ease-in-out;
  z-index: 1;
}

#sec3 .card-img-top {
  height: 130px;
  width: 130px;
  /* height: 180px; */
  border: 2px solid #9d9eaff7;
  border-radius: 50%;

}



/* .........sec3 ends........ */

/* ....Down content List Items..... */

.alljobs_listitems h5 {
  font-family: rubik, sans-serif;
  color: #232323;
}

.alljobs_listitems h5 a.jobs_view {
  font-size: 15px;
  color: #270D44 !important;
}

.alljobs_inner1 {
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
}

.alljobs_inner_items a {
  font-size: 16px;
  color: #270D44 !important;
  font-family: Lato, sans-serif;
}

/* companies */

.alljobs_companies .company_img {
  border: 1px solid #ebebeb;
}

.alljobs_companies h5 {
  font-family: rubik, sans-serif;
  color: #232323;
}

.alljobs_companies h5 a.jobs_view {
  font-size: 15px;
  color: #270D44 !important;
}

.alljob_buttons {
  margin-top: 30px;
}

.jobs_jobs {
  font-weight: bold;
  color: #270d44 !important;
  text-decoration: none;
  /* padding: 4px 5px; */
  background-color: #ffffff;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0 0 8px rgb(0 0 0 / 25%);
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px 7px;
  font-size: 13px;
}

.jobs_jobs:hover {
  background-color: #270D44 !important;
  color: white !important;
}

.jobs_jobs:hover {
  color: #fff;
}

/* Pages / Jobs / All jobs */

/* ------------------------------- */

/* Pages / Jobs / Company Jobs */

/* heading-pic */

.heading_pic_companyjobs {
  background: url('./images/blur-4.jpg') rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.browse_companyjobs_list-search_box {
  padding: 15px !important;
  background: #ffffff33;
  border-radius: 10px;
}

#search_box_btn_companyjobs {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #270D44;
  color: #fff;
  margin-right: 45px !important;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

  #input1_companyjobs,
  #input2_companyjobs,
  #input_btn_companyjobs {
    border-right: none !important;
    margin: 5px 0px;
  }

  .heading_pic_companyjobs {
    margin-top: 45px;
  }
}

#input1_companyjobs,
#input2_companyjobs {
  border-right: 1px solid rgba(25, 31, 35, 0.7);
}

#input1_companyjobs,
#input2_companyjobs,
#input_btn_companyjobs {
  padding: 9px 15px;
}

#search_box_btn_companyjobs:focus {
  outline: none !important;
}

#search_box_btn_companyjobs:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_companyjobs_list-search_box input {
  border: none;
  margin-top: 10px;
}

input#search_box_input:focus {
  border: none !important;
  outline: none !important;
}

.companyjobs_buttons {
  margin-top: 20px;
  margin-left: 18px;
}

.companyjobs_buttons_sub {
  border: 1px solid transparent;
  color: #fff;
  padding: 10px 15px;
  font-family: roboto;
  font-size: 14px;
  font-weight: 400;
  background-color: rgba(25, 31, 35, 0.7);
  transition: all 0.2s linear;
  margin: 4px 0px;
}

button.alljob_buttons_sub:focus {
  outline: none !important;
}

.active_1 {
  background: #270D44;
  color: #fff;
}

/* section 2 */

.company_jobs_section_2 {
  padding: 0px 0px 30px;
  background: #ffff;
}

.company_jobs_section_2_sub {
  background: #ffffff !important;
  border-radius: 20px;
  padding: 20px 20px !important;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);

}

.company_jobs_section_2_sub_heading {
  /* float: left; */
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 1px;
  color: #232323;
  font-family: Rubik, sans-serif;
  white-space: nowrap;
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
  .company_jobs_section_2_sub {
    overflow: scroll;
  }
}

.company_jobs_section_2_button_sub {
  font-family: roboto;
  border: 0 solid transparent;
  white-space: pre;
}

.current {
  color: #fff;
  background: #270D44;
}

/* img and text */



.company_jobs_anchor {
  display: -webkit-flex;
  width: 100%;
  border: 2px solid #E1E1E1;
  border-left: 5px solid #270D44;
  border-radius: 3px;
  margin: 10px 0px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 20px;
  background: linear-gradient(to left, white 50%, #270D44 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  /* margin-left:10px; */
  transition: all 0.5s ease-out;
}

.company_jobs_anchor:hover {
  /* transition: ease-in-out; */
  background-position: left bottom;
  color: #FFFFFF;
  border-radius: 5px;
}

.company_jobs_anchor:hover .company_jobs_img_1_text {
  color: #FFFFFF;
  font-weight: 800;
}

.company_jobs_img_1 {
  width: 50px;
  border-right: 1px solid #bfdcff;
}

.company_jobs_img_1_text {
  color: #292222;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .company_jobs_anchor {
    width: 100%;
  }
}

/* Pages / Jobs / Company Jobs */

/* -------------------------------- */

/* Pages / Jobs / Job By Skill */

/* heading-pic */

.heading_pic_skilljob {
  background: url('./images/blur-4.jpg') #00000094;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 72px;
}

.browse_skilljob_list-search_box {
  padding: 15px !important;
  background: #ffffff33;
  border-radius: 10px;
}

#search_box_btn_skilljob {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #270D44;
  color: #fff;
  margin-right: 45px !important;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

  #input1_skilljob,
  #input2_skilljob,
  #input_btn_skilljob {
    border-right: none !important;
    margin: 5px 0px;
  }

  .heading_pic_skilljob {
    margin-top: 45px;
  }
}

#input1_skilljob,
#input2_skilljob {
  border-right: 1px solid rgba(25, 31, 35, 0.7);
}

#input1_skilljob,
#input2_skilljob,
#input_btn_skilljob {
  padding: 9px 15px;
}

#search_box_btn_skilljob:focus {
  outline: none !important;
}

#search_box_btn_skilljob:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_skilljob_list-search_box input {
  border: none;
}

input#search_box_input:focus {
  border: none !important;
  outline: none !important;
}

.skilljob_buttons {
  margin-top: 20px;
  margin-left: 18px;
}

.skilljob_buttons_sub {
  border: 1px solid transparent;
  color: #fff;
  padding: 10px 15px;
  font-family: roboto;
  font-size: 14px;
  font-weight: 400;
  background-color: rgba(25, 31, 35, 0.7);
  transition: all 0.2s linear;
  margin: 4px 0px;
}

button.alljob_buttons_sub:focus {
  outline: none !important;
}

.active_1 {
  background: #270D44;
  color: #fff;
}

/* sec 2 */

.jobskill_sec_2 {
  margin: 40px 0px;
  background: #ffff;
}

.jobskill_sec_2_sub {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  padding: 20px 30px;
  background-color: #ffffff !important;
  /* margin: 30px 0px; */
}

.jobskill_sec_2_heading_1 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 1px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.jobskill_section_2_button_sub {
  display: inline-block;
  margin: 0 5px 10px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
  border-radius: 4px;
  color: #fff;
  padding: 7px 15px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  background-color: #000;
}

.current {
  color: #fff;
  background: #270D44;
}

/* img and text */

.jobskill_anchor {
  background-color: #fbfbfb !important;
  border: 1px solid #bfdcff;
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 90%;
  margin: 5px 0px;
}

.jobskill_anchor:hover {
  transition: 0.3s !important;
}

.jobskill_img_1 {
  width: 50px;
  border-right: 1px solid #bfdcff;
  margin-right: 10px;
  padding: 4px 10px;
  display: flex;
}

.jobskill_img_1_text {
  align-self: center;
  padding: 0px 10px;
  color: #270D44;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .jobskill_anchor {
    background-color: #fbfbfb !important;
    border: 1px solid #bfdcff;
    padding: 5px 10px 5px 0;
    border-radius: 5px;
    clear: both;
    display: -webkit-flex;
    width: 100% !important;
    margin: 5px 0px;
    white-space: nowrap;
  }

  .jobskill_sec_2_sub {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 10px;
    background-color: #fff;
    margin: 30px 0px;
  }
}

.jobskill_anchor_1 {
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 100%;
  margin: 5px 0px;
}

/* Pages / Jobs / Job by skill */

/* ------------------------------------ */

/* Pages / Jobs / Job by designation */

/* heading-pic */

.heading_pic_jobdesignation {
  background: url('./images/blur-4.jpg') #00000094;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 72px;
}

.browse_jobdesignation_list-search_box {
  padding: 15px !important;
  background: #ffffff33;
  border-radius: 10px;
}

#search_box_btn_jobdesignation {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #270D44;
  color: #fff;
  margin-right: 45px !important;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

  #input1_jobdesignation,
  #input2_jobdesignation,
  #input_btn_jobdesignation {
    border-right: none !important;
    margin: 5px 0px;
  }

  .heading_pic_jobdesignation {
    margin-top: 45px;
  }
}

#input1_jobdesignation,
#input2_jobdesignation {
  border-right: 1px solid rgba(25, 31, 35, 0.7);
}

#input1_jobdesignation,
#input2_jobdesignation,
#input_btn_jobdesignation {
  padding: 9px 15px;
}

#search_box_btn_jobdesignation:focus {
  outline: none !important;
}

#search_box_btn_jobdesignation:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_jobdesignation_list-search_box input {
  border: none;
}

input#search_box_input:focus {
  border: none !important;
  outline: none !important;
}

.jobdesignation_buttons {
  margin-top: 20px;
  margin-left: 18px;
}

.jobdesignation_buttons_sub {
  border: 1px solid transparent;
  color: #fff;
  padding: 10px 15px;
  font-family: roboto;
  font-size: 14px;
  font-weight: 400;
  background-color: rgba(25, 31, 35, 0.7);
  transition: all 0.2s linear;
  margin: 4px 0px;
}

button.alljob_buttons_sub:focus {
  outline: none !important;
}

.active_1 {
  background: #270D44;
  color: #fff;
}

/* sec 2 */

.jobdesignation_sec_2 {
  margin: 40px 0px;
  background: #ffff;
}

.jobdesignation_sec_2_sub {
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  padding: 20px 30px;
  background-color: #fff;
  margin: 30px 0px;
}

.jobdesignation_sec_2_heading_1 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 1px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.jobdesignation_section_2_button_sub {
  display: inline-block;
  margin: 0 5px 10px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
  border-radius: 4px;
  color: #fff;
  padding: 7px 15px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  background-color: #000;
}

.current {
  color: #fff;
  background: #270D44;
}

/* img and text */

.jobdesignation_anchor {
  background-color: #fbfbfb !important;
  border: 1px solid #bfdcff;
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 90%;
  margin: 5px 0px;
}

.jobdesignation_anchor:hover {
  transition: 0.3s !important;
}

.jobdesignation_img_1 {
  width: 50px;
  border-right: 1px solid #bfdcff;
  margin-right: 10px;
  padding: 4px 10px;
  display: flex;
}

.jobdesignation_img_1_text {
  align-self: center;
  padding: 0px 10px;
  color: #270D44;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .jobdesignation_anchor {
    background-color: #fbfbfb !important;
    border: 1px solid #bfdcff;
    padding: 5px 10px 5px 0;
    border-radius: 5px;
    clear: both;
    display: -webkit-flex;
    width: 100% !important;
    margin: 5px 0px;
    white-space: nowrap;
  }

  .jobdesignation_sec_2_sub {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 10px;
    background-color: #fff;
    margin: 30px 0px;
  }
}

.jobdesignation_anchor_1 {
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 100%;
  margin: 5px 0px;
}

/* Pages / Jobs / Job by designation */

/* ------------------------------------------ */

/* Pages / Jobs / Job by Category */
/* sec 1 */

/* heading-pic */

.heading_pic_jobscategory {
  background: url('./images/blur-4.jpg') #00000094;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.browse_jobscategory_list-search_box {
  padding: 15px !important;
  background: #ffffff33;
  border-radius: 10px;
}

#search_box_btn_jobscategory {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #270D44;
  color: #fff;
  margin-right: 45px !important;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

  #input1_jobscategory,
  #input2_jobscategory,
  #input_btn_jobscategory {
    border-right: none !important;
    margin: 5px 0px;
  }

  .heading_pic_jobscategory {
    margin-top: 45px;
  }
}

#input1_jobscategory,
#input2_jobscategory {
  border-right: 1px solid rgba(25, 31, 35, 0.7);
}

#input1_jobscategory,
#input2_jobscategory,
#input_btn_jobscategory {
  padding: 9px 15px;
}

#search_box_btn_jobscategory:focus {
  outline: none !important;
}

#search_box_btn_jobscategory:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_jobscategory_list-search_box input {
  border: none;
}

input#search_box_input:focus {
  border: none !important;
  outline: none !important;
}

.jobscategory_buttons {
  margin-top: 20px;
  margin-left: 18px;
}

.jobscategory_buttons_sub {
  border: 1px solid transparent;
  color: #fff;
  padding: 10px 15px;
  font-family: roboto;
  font-size: 14px;
  font-weight: 400;
  background-color: rgba(25, 31, 35, 0.7);
  transition: all 0.2s linear;
  margin: 4px 0px;
}

button.alljob_buttons_sub:focus {
  outline: none !important;
}

.active_1 {
  background: #270D44;
  color: #fff;
}

/* sec 2 */

.jobcategory_sec_2 {
  margin: 30px 0px;
  background: #ffff;
}

.jobcategory_sec_2_sub {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  padding: 20px 60px;
  background-color: #fff;
  /* margin: 30px 0px; */
  background-color: #ffffff;
}

.jobcategory_sec_2_heading_1 {
  text-align: left;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 20px;
  color: #2e3192 !important;
  font-family: Rubik, sans-serif;
}

/* img and text */

.jobcategory_anchor {
  background-color: #fbfbfb !important;
  border: 1px solid #bfdcff;
  padding: 5px 10px 5px 0;
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 90%;
  margin: 5px 0px;
}

.jobcategory_anchor:hover {
  transition: 0.3s !important;
}

.jobcategory_img_1 {
  width: 50px;
  border-right: 1px solid #bfdcff;
  margin-right: 10px;
  padding: 4px 10px;
  display: flex;
}

.jobcategory_img_1_text {
  align-self: center;
  padding: 0px 10px;
  color: #270D44;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .jobcategory_anchor {
    background-color: #fbfbfb !important;
    border: 1px solid #bfdcff;
    padding: 5px 10px 5px 0;
    border-radius: 5px;
    clear: both;
    display: -webkit-flex;
    width: 100% !important;
    margin: 5px 0px;
    white-space: nowrap;
  }

  .jobcategory_sec_2_sub {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 10px;
    background-color: #fff;
    margin: 30px 0px;
  }
}

.jobcategory_anchor_1 {
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 100%;
  margin: 5px 0px;
}

/* Pages / Jobs / Job by Category  */

/* ------------------------------------------ */

/* Pages / Jobs / Job By Location */

/* heading-pic */

.heading_pic_joblocation {
  background: url('./images/blur-4.jpg') #00000094;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

/* .browse_joblocation_list-search_box {
  padding: 15px !important;
  background: #ffffff33;
  border-radius: 10px;
  width: 100% !important;
} */

#search_box_btn_joblocation {
  border: none;
  box-shadow: 2px #6f6f6f;
  /* padding-top: 15px; */
  /* padding-bottom: 15px; */
  background-color: #270d44;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  border-radius: 10px;
  padding: 7px 15px;

}

@media screen and (min-width: 0px) and (max-width: 767px) {

  #input1_joblocation,
  #input2_joblocation,
  #input_btn_joblocation {
    border-right: none !important;
    margin: 5px 0px;
  }

  .heading_pic_joblocation {
    margin-top: 45px;
  }
}

/* #input1_joblocation,
#input2_joblocation {
border-right: 1px solid rgba(25, 31, 35, 0.7);
} */

#input1_joblocation,
#input2_joblocation,
#input_btn_joblocation {
  padding: 9px 15px;
}

#search_box_btn_joblocation:focus {
  outline: none !important;
}

#search_box_btn_joblocation:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_joblocation_list-search_box input {
  border: none;
}

input#search_box_input:focus {
  border: none !important;
  outline: none !important;
}

.joblocation_buttons {
  margin-top: 20px;
  margin-left: 18px;
}

.joblocation_buttons_sub {
  border: 1px solid transparent;
  color: #fff;
  padding: 10px 15px;
  font-family: roboto;
  font-size: 14px;
  font-weight: 400;
  background-color: rgba(25, 31, 35, 0.7);
  transition: all 0.2s linear;
  margin: 4px 0px;
}



.active_1 {
  background: #270D44;
  color: #fff;
}

/* sec 2 */

/* sec 2 */

.joblocation_sec_2 {
  margin: 40px 0px;
  background: #ffff;
}

.joblocation_sec_2_sub {
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  padding: 20px 30px;
  background-color: #fff;
  margin: 30px 0px;
}

.joblocation_sec_2_heading_1 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 1px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

.joblocation_section_2_button_sub {
  display: inline-block;
  margin: 0 5px 10px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
  border-radius: 4px;
  color: #fff;
  padding: 7px 15px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  background-color: #000;
}

.current {
  color: #fff;
  background: #270D44;
}

/* img and text */

.joblocation_anchor {
  background-color: #fbfbfb !important;
  border: 1px solid #bfdcff;
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 90%;
  margin: 5px 0px;
}

.joblocation_anchor:hover {
  transition: 0.3s !important;
}

.joblocation_img_1 {
  width: 50px;
  border-right: 1px solid #bfdcff;
  margin-right: 10px;
  padding: 4px 10px;
  display: flex;
}

.joblocation_img_1_text {
  align-self: center;
  padding: 0px 10px;
  color: #270D44;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .joblocation_anchor {
    background-color: #fbfbfb !important;
    border: 1px solid #bfdcff;
    padding: 5px 10px 5px 0;
    border-radius: 5px;
    clear: both;
    display: -webkit-flex;
    width: 100% !important;
    margin: 5px 0px;
    white-space: nowrap;
  }

  .joblocation_sec_2_sub {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 10px;
    background-color: #fff;
    margin: 30px 0px;
  }
}

.joblocation_anchor_1 {
  border-radius: 5px;
  clear: both;
  display: -webkit-flex;
  width: 100%;
  margin: 5px 0px;
}

.joblocation_sec_2_heading_2 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 1px;
  color: #232323;
  font-family: Rubik, sans-serif;
}

/* Pages / Jobs / Job by location */

/* ------------------------------------- */

/* Pages / Jobs / Browse jobs / Browse filter grid */

/* heading-pic */

.heading_pic_filter_grid {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

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

.filter_grid_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.filter_grid_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.filter_grid_sub_heading #filter_grid_icon1,
#filter_grid_icon2 {
  color: #270D44;
  padding: 6px 12px;
}

span.filter_grid_icon {
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #270D44;
}

#filter_grid_box_btn {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #270D44;
  color: #fff;
  margin-top: -10px !important;
}

#filter_grid_box_btn:focus {
  outline: none !important;
}

#filter_grid_box_btn:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_job_grid-search_box {
  margin-top: -42px;
  margin-bottom: 60px;
}

.browse_job_grid-search_box input {
  border: none;
  border-bottom: 3px solid #270D44;
}

input#filter_grid_input:focus {
  border: none !important;
  outline: none !important;
}

/* ......top content ends ...... */
/* .........Job Grid starts........ */
/* #job_filter_grid {
margin: 40px 0;
} */

#job_filter_grid .browse {
  background-color: #270D44;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  line-height: 1.8;
  border-radius: 5px;
  margin-bottom: 20px;
}

.align-self-end p {
  margin-right: 15px;
  font-weight: 600;
  font-size: 15px;
}

#jo_filter_grid .job-post {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  #custom_grid_btn {
    margin-left: 30px !important;
    padding: 5px;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .job_filter_grid_down p {
    margin-right: -15px;
    font-weight: 600;
    font-size: 15px;
  }

  h2.job_filter_grid_title {
    font-size: 25px;
  }

  .job_filter_grid_info h5 a {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  #job_filter_grid .job_filter_grid_box .d-flex {
    display: block !important;
  }

  .job_filter_grid_down p select {
    margin-top: 15px;
  }
}

#job_filter_grid .job-post>li {
  margin-bottom: 30px;
}

#job_filter_grid .job_filter_grid_box {
  padding: 25px 25px 25px 25px;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  display: block;
  position: relative;
  margin: 0px 0px 20px 0px;
  border-left: 5px solid #e1e7ff;
}

#job_filter_grid .job_filter_grid_info h5 a {
  color: #232323;
  font-weight: 650;
  font-size: 20px;
  font-family: rubik, sans-serif;
}

#job_filter_grid .job_filter_grid_info h5 a:hover {
  color: #270D44;
}

#job_filter_grid .job_filter_grid_info ul li {
  color: #270D44;
}

.job_filter_grid_in_up span {
  font-family: Lato, sans-serif;
  color: #270D44;
  font-weight: 500;
}

.job_filter_grid_in_up i {
  color: #270D44;
  margin-left: 5px;
}

.job_filter_grid_in_down {
  margin-top: 15px;
}

#job_filter_grid .job_filter_grid_box:hover {
  border-left: 5px solid #270D44;
}

#job_filter_grid .job-company {
  margin-right: 20px;
}

#job_filter_grid .job-company span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background-color: #e1e7ff;
  text-align: center;
  overflow: hidden;
}

#job_filter_grid .job-post h4 {
  margin-bottom: 10px;
  line-height: 28px;
  font-weight: 500;
  font-size: 24px;
  color: #232323;
  margin-top: 0;
}

#job_filter_grid .job-post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#job_filter_grid .job-post ul li {
  display: inline-block;
  margin-right: 10px;
}

#job_filter_grid .job-post li {
  padding: 0;
  list-style: none;
}

#job_filter_grid .job-post ul li i {
  margin-right: 5px;
}

#job_filter_grid a {
  outline: 0 none;
  text-decoration: none;
  color: #270D44;
}

#job_filter_grid .job_filter_grid_type span {
  margin-bottom: 5px;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  color: #270D44;
  font-weight: 600;
  background-color: #e1e7ff;
  padding: 2px 10px;
  border-radius: 2px;
}

#job_filter_grid .job_filter_grid_type span:hover {
  background-color: #270D44;
  color: #fff !important;
  transition: 0.2s;
}

#job_filter_grid .job_filter_grid_salary {
  color: #000;
  font-family: rubik;
  font-size: 17px;
}

#job_filter_grid .job_filter_grid_wishlist {
  position: absolute;
  cursor: pointer;
  display: block;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  user-select: none;
  font-family: FontAwesome;
  top: 25px;
  right: 5px;
}

#job_filter_grid .job_filter_grid_wishlist input {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  cursor: pointer;
}

#job_filter_grid input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

#job_filter_grid input {
  overflow: visible;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#job_filter_grid .filter_grid_added {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border: 2px solid #270D44;
  border-radius: 20px;
}



/* .........sec4 ends........ */
/* accordian */

.accordionWrapper {
  background: #f9faff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 0 1.5em 85px 0 rgba(0, 0, 0, 0.2);
  overflow: auto !important;
}

.accordionItem {
  float: left;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: "Open-sans", Lato, sans-serif;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.accordionItemHeading {
  padding: 18px 1px !important;
  border-width: 1px 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #9649fd;
  display: block;
  font-size: 16px;
  border-top: none !important;
  transition: all 0.2s linear;
  margin: 0px;
}

.accordionItemHeading i {
  font-size: 12px !important;
}

.accordionItemHeading:hover {
  color: #270D44;
}

.close .accordionItemContent {
  height: 0px;
  transition: height 1s ease-out;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  float: left;
  display: block;
}

.close {
  opacity: 1 !important;
}

.open .accordionItemContent {
  width: 100%;
  display: block;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;

  -webkit-transition: -webkit-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  box-sizing: border-box;
}

.open .accordionItemHeading {
  margin: 0px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #fff;
}

/* .head_acc{
  padding: 10px 10px;
  border: 1px solid rgb(179, 175, 175);
} */

.acc_sidebar_filter {
  font-size: 16px;
  color: #232323;
  font-family: Rubik, sans-serif;
  margin: 10px 10px;
}

.sliders {
  padding-right: 2px;
}

.acc_sidebar_filter_para {
  font-family: Rubik, sans-serif;
  font-size: 14px;
  margin: 10px 10px 0px 10px;
  color: #270D44 !important;
}

.acc_icon {
  padding-right: 5px;
}

.acc_form {
  padding: 12px 10px 20px 12px;
}

#job_filter_grid input {
  overflow: visible;
  margin: 4px 0px 0px -16px !important;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

label {
  font-size: 14px !important;
  font-weight: 400;
  font-family: roboto;
  color: #333;
  display: inline-block;
}

/* accordian */
/* ..............cil-3 js.......... */

/* Pages / Jobs / Browse jobs / Browse filter grid */

/* ------------------------------------------------------ */

/* Pages / Jobs / Browse Jobs / Browse filter list */

/* heading-pic */

.heading_pic_filter_list {
  /* background: url('./images/browse jobs1.png'); */
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  /* padding-top: 100px;
  padding-bottom: 100px; */
  /* margin-top: 110px; */
}

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

.filter_list_sub_heading_1 {
  color: #270d44;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
}

.filter_list_sub_heading_2 {
  color: #270d44;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
}

.filter_list_sub_heading,
#filter_list_search_icon1,
#filter_list_search_icon2 {
  color: #270D44;
  padding: 6px 12px;
}

span.filter_list_group_icon {
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #270D44;
}

#filter_list_search_btn {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #270D44;
  color: #fff;
  margin-top: -10px !important;
}

#filter_list_search_btn:focus {
  outline: none !important;
}

#filter_list_search_btn:hover {
  cursor: pointer;
  opacity: 0.9;
}

.filter_list_search-box {
  margin-top: -42px;
  margin-bottom: 60px;
}

/* .filter_list_search-box input {
border: none;
border-bottom: 3px solid #270D44;
} */

input#search_filter_list_input:focus {
  border-bottom: 3px solid #270D44 !important;
  outline: #270D44 !important;
}

/* .........job_filter_list starts........ */



@media (min-width: 992px) {
  .col-lg-9.list_view_width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 65% !important;
  }
}



#job_filter_list {
  margin: 40px 0;
}

.more_inner {
  color: #270D44 !important;
  font-family: roboto;
  cursor: pointer;
}

#job_filter_list .browse {
  background-color: #270D44;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  line-height: 1.8;
  border-radius: 5px;
  margin-bottom: 20px;
}

.align-self-end p {
  margin-right: 15px;
  font-weight: 600;
  font-size: 15px;
}

#job_filter_list .filter_list_job_post {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative !important;
}

h2.job_filter_list_title {
  font-size: 25px;
  color: #232323;
  font-family: Rubik, sans-serif;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  #filter_list_custom_btn {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .job_filter_list_down p {
    margin-right: -15px;
    font-weight: 600;
    font-size: 15px;
  }

  h2.job_filter_list_title {
    font-size: 25px;
  }
}

@media screen and (max-width: 450px) {
  #job_filter_list .filter_list_job_box .d-flex {
    display: block !important;
  }

  .home_company_name {
    margin-top: 15px;
  }

  .job_filter_list_down p select {
    margin-top: 15px;
  }
}

#job_filter_list .filter_list_job_post>li {
  margin-bottom: 25px;
}

#job_filter_list .filter_list_job_box {
  padding: 25px;
  border-radius: 15px;
 
  display: block;
  position: relative;
  width: 100%;
  margin-top: 15px;

}

@media screen and (max-width:767px) {
  #filter_list_search_btn {
    margin-top: 15px !important;
  }
}

#job_filter_list .filter_list_job_info h4 a {
  color: #232323;
  font-weight: 650;
  font-size: 24px;
  font-family: rubik, sans-serif;
}

#job_filter_list .filter_list_job_info ul li {
  color: #270D44;
}

#job_filter_list .filter_list_job_box:hover {
  /* border-left: 5px solid #270D44; */
}

#job_filter_list .filter_list_job_company {
  margin-right: 10px;
}

#job_filter_list .filter_list_job_company span {
  /* display: block; */
  /* width: 60px;
height: 60px; */
  border-radius: 6px;
  background-color: #e1e7ff;
  text-align: left;
  overflow: hidden;
}

#job_filter_list .filter_list_job_company img {
  width: 70px;
  height: 70px;
  border: 2px solid #c5bebe;
  border-radius: 10px;
}


#job_filter_list .filter_list_job_post h4 {
  margin-bottom: 10px;
  line-height: 28px;
  font-weight: 600;
  font-size: 21px;
  color: #232323;
  margin-top: 0;
}

#job_filter_list .filter_list_job_post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#job_filter_list .filter_list_job_post ul li {
  display: inline-block;
  margin-right: 10px;
}

#job_filter_list .filter_list_job_post li {
  padding: 0;
  list-style: none;
}

#job_filter_list .filter_list_job_post ul li i {
  margin-right: 5px;
}

#job_filter_list a {
  outline: 0 none;
  text-decoration: none;
  color: #270D44;
}

#job_filter_list .filter_list_job_type span {
  margin-bottom: 5px;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  color: #270D44;
  font-weight: 600;
}

#job_filter_list .filter_list_salary {
  color: #000;
  font-family: rubik;
  font-size: 22px;
}

#job_filter_list .filter_list_wishlist {
  position: absolute;
  /* cursor: pointer;
display: block;
padding-left: 35px;
margin-bottom: 12px;
font-size: 22px;
user-select: none;
font-family: FontAwesome; */
  top: 25px;
  right: 25px;
}

#job_filter_list .filter_list_wishlist input {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  cursor: pointer;
}

#job_filter_list input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

#job_filter_list input {
  overflow: visible;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: top;
}

#job_filter_list .filter_list_added {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border: 2px solid #270D44;
  border-radius: 20px;
}



#job_filter_list .filter_list_member {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
}

#job_filter_list .filter_list_member-box {
  position: relative;
}

#job_filter_list .filter_list_test-pic.filter_round {
  width: 75px;
  height: 75px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border: 4px solid #fff;
  margin-bottom: 25px;
}

#job_filter_list .filter_list_test-pic {
  background: #fff;
  position: relative;
  display: inline-block;
}

#job_filter_list .test-matter {
  padding: 0;
  color: #000;
  margin-bottom: 25px;
}

#job_filter_list .test-location {
  padding: 0;
}

#job_filter_list .test-name {
  color: #270D44;
}

#job_filter_list .sentence-box {
  background: url('./images/resume_bg.jpg');
  background-size: cover;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
  z-index: 1;
  color: #fff;
}

#job_filter_list .sentence-box::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000930;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
}

#job_filter_list .sentence-box .sentence-matter h4 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
}

#job_filter_list .sentence-box .sentence-matter p {
  opacity: 0.9;
  margin-bottom: 24px;
}

#job_filter_list .sentence-box .sentence-matter .acc-btn {
  background-color: #270D44;
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
}

.browse_active {
  background-color: #270D44;
  border: none;
  color: #fff;
  box-shadow: none;
  outline: none;
  margin: 1px 3px;
}

/* .........job_filter_list ends........ */

/* accordian */

.accordionWrapper {
  background: #f9faff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 0 1.5em 85px 0 rgba(0, 0, 0, 0.2);
  overflow: auto !important;
}

.accordionItem {
  float: left;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: "Open-sans", Lato, sans-serif;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.accordionItemHeading {
  padding: 18px 15px;
  border-width: 1px 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #896ead;
  display: block;
  font-size: 16px;
  border-top: 1px solid #ddd;
  transition: all 0.2s linear;
  margin: 0px;
}

.accordionItemHeading::after {
  content: '\002B';
  float: right;
  font-size: 20px;
  font-weight: 900;
}

.accordionItemHeading:not(.collapsed)::after {
  content: '-';
  float: right;
  font-size: 20px;
  font-weight: 900;

}

.accordionItemHeading i {
  font-size: 12px !important;
}

.accordionItemHeading:hover {
  color: #270D44;
}

.close .accordionItemContent {
  height: 0px;
  transition: height 1s ease-out;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  float: left;
  display: block;
}

.close {
  opacity: 1 !important;
}

.open .accordionItemContent {
  width: 100%;
  display: block;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;

  -webkit-transition: -webkit-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  box-sizing: border-box;
}

.open .accordionItemHeading {
  margin: 0px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #f9faff;
}

/* .head_acc{
  padding: 10px 10px;
  border: 1px solid rgb(179, 175, 175);
} */

.acc_sidebar_filter {
  font-size: 16px;
  color: #232323;
  font-family: Rubik, sans-serif;
  margin: 10px 10px;
}

.sliders {
  padding-right: 2px;
}

.acc_sidebar_filter_para {
  font-family: Rubik, sans-serif;
  font-size: 14px;
  margin: 10px 10px 0px 10px;
  color: #270D44 !important;
}

.acc_icon {
  padding-right: 5px;
}

.acc_form {
  padding: 12px 0px 20px 0px;
  font-size: 13px;
}
#job_filter_list input {
  overflow: visible;
  margin: 4px 0px 0px -16px !important;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

label {
  font-size: 14px !important;
  font-weight: 400;
  font-family: roboto;
  color: #333;
  display: inline-block;
}

/* accordian */

/* Pages / Jobs / Browse Jobs / Browse filter list */

/* -------------------------------------------------------- */

/* Pages / Jobs / Browse Jobs / Browse Job Grid */

/* heading-pic */

.heading_pic_browse_grid {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

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

.browse_grid_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
}

.browse_grid_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
}

.browse_grid_sub_heading #Search_grid_icon1,
#Search_grid_icon2 {
  color: #270D44;
  padding: 6px 12px;
}

span.input-grid-icon {
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #270D44;
}

#search_grid_btn {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #270D44;
  color: #fff;
  margin-top: -10px !important;
}

#search_grid_btn:focus {
  outline: none !important;
}

#search_grid_btn:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_job_grid-search_box {
  margin-top: -42px;
  margin-bottom: 60px;
}

.browse_job_grid-search_box input {
  border: none;
  border-bottom: 3px solid #270D44;
}

/* .........Job Grid starts........ */
#job_grid {
  margin: 40px 0;
}

#job_grid .browse {
  background-color: #270D44;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  line-height: 1.8;
  border-radius: 5px;
  margin-bottom: 20px;
}

.align-self-end p {
  margin-right: 15px;
  font-weight: 600;
  font-size: 15px;
}

#job_grid .job-post {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  #custom_grid_btn {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .job_grid_down p {
    margin-right: -15px;
    font-weight: 600;
    font-size: 15px;
  }

  h2.job_grid_title {
    font-size: 25px;
  }

  .job_grid_info h5 a {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  #job_grid .job_grid_box .d-flex {
    display: block !important;
  }

  .job_grid_down p select {
    margin-top: 15px;
  }
}

#job_grid .job-post>li {
  margin-bottom: 30px;
}

#job_grid .job_grid_box {
  padding: 25px 25px 25px 10px;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  display: block;
  position: relative;
  margin: 20px 0px;
  border-left: 5px solid #e1e7ff;
}

#job_grid .job_grid_info h5 a {
  color: #232323;
  font-weight: 650;
  font-size: 20px;
  font-family: rubik, sans-serif;
}

#job_grid .job_grid_info h5 a:hover {
  color: #270D44;
}

#job_grid .job_grid_info ul li {
  color: #270D44;
}

.job_grid_in_up span {
  font-family: Lato, sans-serif;
  margin: 15px 10px 10px 5px;
  color: #270D44;
  font-weight: 500;
}

.job_grid_in_up i {
  color: #270D44;
  margin-left: 5px;
}

.job_grid_in_down {
  margin-top: 15px;
}

#job_grid .job_grid_box:hover {
  border-left: 5px solid #270D44;
}

#job_grid .job-company {
  margin-right: 20px;
}

#job_grid .job-company span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background-color: #e1e7ff;
  text-align: center;
  overflow: hidden;
}

#job_grid .job-post h4 {
  margin-bottom: 10px;
  line-height: 28px;
  font-weight: 500;
  font-size: 24px;
  color: #232323;
  margin-top: 0;
}

#job_grid .job-post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#job_grid .job-post ul li {
  display: inline-block;
  margin-right: 10px;
}

#job_grid .job-post li {
  padding: 0;
  list-style: none;
}

#job_grid .job-post ul li i {
  margin-right: 5px;
}

#job_grid a {
  outline: 0 none;
  text-decoration: none;
  color: #270D44;
}

#job_grid .job_grid_type {
  margin-bottom: 5px;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  color: #270D44;
  font-weight: 600;
  background-color: #e1e7ff;
  padding: 2px 10px;
  border-radius: 2px;
}

#job_grid .job_grid_type:hover {
  background-color: #270D44;
  color: #fff !important;
  transition-delay: 0.2s ease-in-out;
}

#job_grid .job_grid_salary {
  color: #000;
  font-family: rubik;
  font-size: 17px;
}

#job_grid .job_grid_wishlist {
  position: absolute;
  cursor: pointer;
  display: block;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  user-select: none;
  font-family: FontAwesome;
  top: 25px;
  right: 5px;
}

#job_grid .job_grid_wishlist input {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  cursor: pointer;
}

#job_grid input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

#job_grid input {
  overflow: visible;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#job_grid .added {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border: 2px solid #270D44;
  border-radius: 20px;
}



#job_grid .member {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
}

#job_grid .member-box {
  position: relative;
}

#job_grid .test-pic.round {
  width: 75px;
  height: 75px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border: 4px solid #fff;
  margin-bottom: 25px;
}

#job_grid .test-pic {
  background: #fff;
  position: relative;
  display: inline-block;
}

#job_grid .test-matter {
  padding: 0;
  color: #000;
  margin-bottom: 25px;
}

#job_grid .test-location {
  padding: 0;
}

#job_grid .test-name {
  color: #270D44;
}

/* .........sec4 ends........ */

/* Pages / Jobs / Browse Jobs / Browse Job Grid */

/* -------------------------------------------------- */

/* Pages / Jobs / Browse Jobs / Browse Job list */

/* heading-pic */

.heading_pic_browse_list {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

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

.browse_list_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
}

.browse_list_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
}

.browse_list_sub_heading #Search_list_icon1,
#Search_list_icon2 {
  color: #270D44 !important;
  padding: 6px 12px;
}

#Search_list_icon1 {
  color: #270D44 !important;
  padding-left: 2px !important;
}

span.input-list-icon {
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #270D44;
}

#search_list_btn {
  border: none;
  box-shadow: 2px #6f6f6f;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #270D44;
  color: #fff;
  margin-top: -10px !important;
}

#search_list_btn:focus {
  outline: none !important;
}

#search_list_btn:hover {
  cursor: pointer;
  opacity: 0.9;
}

.browse_job_list-search_box {
  margin-top: -42px;
  margin-bottom: 60px;
}

.browse_job_list-search_box input {
  border: none;
  border-bottom: 3px solid #270D44;
}

/* .........sec4 starts........ */
#sec4 {
  margin: 40px 0px 20px 0px;
}

#sec4 .browse {
  background-color: #270D44;
  color: #fff;
  padding: 10px 10px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  line-height: 1.8;
  border-radius: 5px;
  margin-bottom: 20px;
}

.align-self-end p {
  margin-right: 15px;
  font-weight: 600;
  font-size: 15px;
}

#sec4 .job-post {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  #custom_btn {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .job_list_down p {
    margin-right: -15px;
    font-weight: 600;
    font-size: 15px;
  }

  h2.job_list_title {
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  #sec4 .job-box .d-flex {
    display: block !important;
  }

  .job_list_down p select {
    margin-top: 15px;
  }
}

#sec4 .job-post>li {
  margin-bottom: 30px;
}

#sec4 .job-box {
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  display: block;
  position: relative;
  border-radius: 15px !important;
}

#sec4 .job-info h4 a {
  color: #232323;
  font-weight: 650;
  font-size: 24px;
  font-family: rubik, sans-serif;
}

#sec4 .job-info ul li {
  color: #270D44;
}

#sec4 .job-box:hover {
  /* border-left: 5px solid #270D44; */
}

#sec4 .job-company {
  margin-right: 20px;
}

#sec4 .job-company span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background-color: #e1e7ff;
  text-align: center;
  overflow: hidden;
}

#sec4 .job-post h4 {
  margin-bottom: 10px;
  line-height: 28px;
  font-weight: 600;
  font-size: 24px;
  color: #232323;
  margin-top: 0;
}

#sec4 .job-post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sec4 .job-post ul li {
  display: inline-block;

}

#sec4 .job-post li {
  padding: 0;
  list-style: none;
}

#sec4 .job-post ul li i {
  margin-right: 5px;

}

#sec4 a {
  outline: 0 none;
  text-decoration: none;
  color: #270D44;
}

#sec4 .job-type span {
  margin-bottom: 5px;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  color: #270D44;
  font-weight: 600;
}

#sec4 .salary {
  color: #000;
  font-family: rubik;
  font-size: 22px;
}

#sec4 .wishlist {
  position: absolute;
  cursor: pointer;
  display: block;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  user-select: none;
  font-family: FontAwesome;
  top: 25px;
  right: 5px;
}

#sec4 .wishlist input {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  cursor: pointer;
}

#sec4 input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

#sec4 input {
  overflow: visible;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#sec4 .added {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border: 2px solid #270D44;
  border-radius: 20px;
}

.fa-heart::before {
  font-size: 15px;
  font-weight: 400;
  color: #270D44;
  padding: 7px 7px 5px 7px;
  border: 1px solid #270D44;
  border-radius: 50%;
}

#sec4 .member {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
}

#sec4 .member-box {
  position: relative;
}

#sec4 .test-pic.round {
  width: 75px;
  height: 75px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border: 4px solid #fff;
  margin-bottom: 25px;
}

#sec4 .test-pic {
  background: #fff;
  position: relative;
  display: inline-block;
}

#sec4 .test-matter {
  padding: 0;
  color: #000;
  margin-bottom: 25px;
}

#sec4 .test-location {
  padding: 0;
}

#sec4 .test-name {
  color: #270D44;
}

#sec4 .sentence-box {
  background: url('./images/resume_bg.jpg');
  background-size: cover;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
  z-index: 1;
  color: #fff;
}

#sec4 .sentence-box::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000930;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
}

#sec4 .sentence-box .sentence-matter h4 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
}

#sec4 .sentence-box .sentence-matter p {
  opacity: 0.9;
  margin-bottom: 24px;
}

#sec4 .sentence-box .sentence-matter .acc-btn {
  background-color: #270D44;
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
}

/* .........sec4 ends........ */

/* ------------------------------------------------------- */

/* End of pages section  */

/* ====================================================== */

/* Start of Candidate profile */

/* ------------------------------------------------------- */

/* candidate profile css */

.wrapper {
  margin-top: 75px;
}



.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 8px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
  cursor: pointer;
}

.sidebar a.active {
  background: #e1e7ff;
  /* border-left-color: #270D44; */
  color: #270D44 !important;
  width: 100%;
  border-radius: 10px;
}

.sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  /* border-left-color: #270D44; */
  padding-left: 30px;
  color: #270D44;
}

#sidebar {
  margin-top: 75px !important;
}

#sidebar1 {
  margin-top: 5px !important;
  padding-top: 20px;
}


.sidebar_toggle-btn {
  font-size: 20px;
}

div.content {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  padding: 20px 30px;
  margin-bottom: 20px;
  /* margin-top: 75px !important; */
}

.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  padding-left: 26px !important;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}

.cp {
  font-weight: 700;
}



.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 7px 5px 7px;
  border: 1px solid #270D44;
  font-size: 15px;
  border-radius: 3px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}


#sec4 .job-type span {
  /* display: block !important; */
  position: absolute;
  bottom: 9px;
  right: 10px;
}


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


  .sidebar a {
    text-align: center;
    float: none;
  }

  div.content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 18px;
    margin-bottom: 20px;
    margin-top: 9px;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
  }
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
  margin-top: 60px;
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .sidebar {
    display: block !important;
  }
}

.company_text {
  font-family: "Lato", sans-serif;
  margin: 0px 0px 9px 0px;
}

.tags-input-wrapper {
  width: 100%;
  border-color: #e1e6eb;
  font-size: 14px !important;
  line-height: 26px;
  padding: 12px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  color: #495057;
}

.tags-input-wrapper input {
  border: none;
  background: transparent;
  outline: none;
  margin-left: 8px;
}

.tags-input-wrapper .tag {
  display: inline-block;
  background-color: #270D44;
  color: white;
  border-radius: 40px;
  padding: 5px 5px 2px 11px;
  margin-right: 5px;
  margin-bottom: 5px;
  box-shadow: 0 1px 1px 0 rgb(46 85 250 / 5%), 0 1px 2px 0 rgb(46 85 250 / 10%),
    0 2px 20px 0 rgb(46 85 250 / 20%);
}

.tags-input-wrapper .tag a {
  margin: 0 7px 3px;
  display: inline-block;
  cursor: pointer;
}

/* candidate profile css */

/* --------------------------------------------------------- */

/* candidate profile / saved jobs */

/* candidate profile / saved jobs */

/* ---------------------------------------------------------- */

/* candidate profile / myresume */

.wrapper {
  margin-top: 57px;
}

.remove {
  color: red;
  font-size: 12px;
  padding: 1px 0px;
  font-weight: 600;
}

.my_profile {
  background: url('./images/Resume.png');
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 60px;
  margin-top: 110px;
}

.resume_title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  font-family: Rubik, sans-serif !important;
  margin-bottom: 0px;
  text-transform: capitalize;
  color: #fff;
}

.pencil_icon {
  font-size: 17px;
  margin: 0px 5px;
}

.resume_text {
  font-family: Rubik, sans-serif !important;
  margin-bottom: 10px !important;
  text-transform: capitalize;
  line-height: 24px;
}

li {
  list-style-type: none;
  text-align: left !important;
}

.marker_icon {
  font-size: auto;
  margin-right: 4px !important;
}

p {
  margin-bottom: 5px !important;
}

.location_resume {
  padding: 0px 5px 0px 5px;
  font-family: roboto;
  font-size: 15px;
  font-weight: 400;
}

.mobile_resume {
  padding: 0px 5px 0px 5px;
  font-family: roboto;
  font-size: 15px;
  font-weight: 400;
}

.location_resume_1 {
  margin-right: 118px;
}

.location_resume_2 {
  margin-right: 108px;
}

.resume_img {
  width: 130px;
  height: 130px;
  border: 4px solid #e7e7e7;
  border-radius: 50%;
  margin-top: 15px;
  /* width: 50px;
  height: 50px;
  border: 4px solid #e7e7e7;
  border-radius: 50%;
  margin-top: -9px;
  margin-left: -4px !important; */
}

.progress-box .progress-info {
  text-align: left;
  font-size: 14px;
  margin: 20px 10px 12px 0px;
}

.progress {
  height: 10px !important;
  margin-top: 15px;
  border-radius: 20px !important;
}

.progress-box .progress-info span {
  float: right;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #5e0fb7 !important;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  width: 80%;
}

.resume_edit_btn {
  background-color: #270D44;
  color: #fff;
  padding: 2px 4px 4px 2px;
}

.pending_action_resume {
  box-shadow: 0 0 10px 5px rgb(0 0 0 / 10%);
  border-radius: 5px;
  background-color: rgba(46, 85, 250, 0.8);
  padding: 13px;
  margin: 10px 10px 10px 10px;
}

.pending_action_heading {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.check_icon {
  color: #77c04b;
  font-size: 15px;
  padding: 2px 15px 2px 5px;
}

.pending_action_content {
  font-weight: 400;
  font-size: 15px;
}

/* pending-info */
.pending-info {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background-color: rgba(46, 85, 250, 0.7);
}

.table_row_content {
  background-color: #fbfcfd;
}

@media screen and (min-width: 0px) and (max-width: 567px) {
  .resume_title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    font-family: Rubik, sans-serif !important;
    margin-bottom: 0px;
    text-transform: capitalize;
    margin: 10px 10px 5px 0px;
  }

  .resume_text {
    font-family: Rubik, sans-serif !important;
    margin-bottom: 10px !important;
    text-transform: capitalize;
    line-height: 24px;
    font-size: 15px;
  }

  .location_resume_1 {
    margin-right: 45px;
  }

  .location_resume_2 {
    margin-right: 45px;
  }
}

@media screen and (min-width: 376px) and (max-width: 425px) {
  .location_resume_1 {
    margin-right: 95px;
  }

  .location_resume_2 {
    margin-right: 46px;
  }
}

@media screen and (min-width: 376px) and (max-width: 425px) {
  .resume_title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    font-family: Rubik, sans-serif !important;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding: 10px 0px;
  }
}

/* .overlay-black-dark:after{
  opacity: .8;
  background: radial-gradient(ellipse at center,#192665 0,#09123f 49%,#222845 100%);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40vh;
} */



.pencil_clearfix {
  font-size: 12px;
  padding-right: 2px;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

/* .sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff ;
  color: #6f6f6f;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
} */

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */


.job-bx-title {
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 7px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site_button_resume {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site_button_resume {
  /* background-color: #270D44; */
}

.site_button_resume:hover {
  color: #fff !important;
  text-decoration: none;
}

.site_button_resume,
.site_button_secondry {
  color: #fff;
  display: inline-block;
  cursor: pointer;
  padding: 5px 5px 5px 10px;
  font-size: 15px;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 500;
  text-align: center;
  white-space: pre;
  margin-top: -65px;
  float: right;
}

.site_button_resume:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}





.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

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


  .sidebar a {
    text-align: center;
    float: none;
  }

  div.content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .right_content {
    margin-top: 0px;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }


  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .sidebar {
    display: block !important;
  }
}

input[type="file"]::file-selector-button {
  border: 2px solid #6c5ce7;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #a29bfe;
  transition: 1s;
}

input[type="file"]::file-selector-button:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

.job_usa {
  font-family: Rubik, sans-serif;
  color: #6f6f6f;
  /* margin: 10px 0px; */
  font-size: 13px;
  margin-bottom: 0px !important;
}

.js {
  text-transform: capitalize;
  background: #e1e7ff;
  border: 1px solid #e1e7ff;
  color: #270D44;
  font-family: roboto;
  font-size: 17px;
  padding: 3px 9px;
  border-radius: 3px;
  margin: 5px 0px;
}

.js:hover {
  background: #270D44;
  color: #fff;
}

.junior_edit {
  /* display: block; */
  font-size: 15px;
  padding: 0px 0px;
  font-weight: 600;
  display: flex;
  text-align: center;
  font-family: roboto;
  text-transform: capitalize;
  margin-top: 10px;
}

.cp_1 {
  font-weight: 700;
  font-size: 14px;
  text-transform: capitalize;
}

.content_sub {
  /* padding: 15px 0px 23px 0px;
  border-bottom: 1px solid #e1e7ff; */
}

.content_sub_1 {
  margin: 10px 0px;
}

.industry {
  color: #464141;
  font-size: 16px;
  font-family: roboto;
  font-weight: 600;
}

.it_employees {
  font-size: 13px;
  font-family: Lato, sans-serif;
  color: #6f6f6f;
}

.career_profile_content {
  padding: 6px 0px;
}

.uf {
  color: #a4a5a7;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 26px 20px;
  margin: 35px 16px;
}

.file_upload {
  font-weight: 100;
  color: #7931c8;
  border: 1px solid #7931c8;
  left: 0;
  /* background: #e1e1e1e6; */
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%) !important; */
  padding: 10px 23px;
  margin: 0px 0px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 15px;
  cursor: pointer;
}

.letter_upload {
  color: black;
  left: 0;
  background: #e7e7e7;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%) !important;
  padding: 5px 0px;
  margin: 3px 0px;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 600;
}

.offer_name {
  margin-top: -15px;
  margin-bottom: -8px;
}

.education_content_1 {
  padding: 20px 0px 0px 0px;
  font-family: Lato, sans-serif;
}

.education_content_2 {
  padding: 10px 0px;
  font-family: Lato, sans-serif;
}

.education_heading {
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.eductaion_year {
  font-size: 13px;
}

a {
  text-decoration: none !important;
}

.education_sub {
  color: #270D44;
  font-family: Lato, sans-serif;
  text-decoration: none !important;
  padding: 3px 0px !important;
  margin: 0px !important;
}

.education_sub:hover {
  color: #495057;
}

.table_content {
  margin: 15px 0px;
}

th {
  border: 0px !important;
  padding: 15px 20px !important;
  background: #e1e7ff;
}

td {
  border-top: 1px solid #e1e7ff !important;
  border-bottom: 1px solid #e1e7ff !important;
}

.pencil {
  color: #270D44;
  font-size: 12px;
  padding:1px 5px 0px 10px;
}

.table_content_1 {
  color: #6f6f6f;
  padding: 22px 20px !important;
}

.career_profile {
  margin-top: 15px !important;
}

.career_profile_column {
  margin: 0px !important;
  padding: 0px !important;
}

.correct_pencil {
  color: #fff;
}

.modal-footer {
  padding: 0px 0rem !important;
  border: none !important;
}

.modal-header {
  border: none !important;
}


/* candidate profile / myresume */

/* ----------------------------------------------------- */

/* candidate profile / job alert  */

.wrapper {
  margin-top: 75px;
}



.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */



.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.job-bx_offer-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 0px 0;
  font-size: 22px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}

div#AttachResume {
  margin-top: 0px !important;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}


.cp1 {
  font-weight: 700 !important;
  font-size: 15px !important;
}



.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

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


  .sidebar a {
    text-align: center;
    float: none;
  }


}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }



  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 75px !important;
  }

  .custom_class {
    margin-top: -39px !important;
    display: none;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .custom_class {
    margin-top: -39px !important;
    display: none;
  }

  .sidebar {
    display: none !important;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

.table_head {
  background-color: #e1e7ff;
  border: 1px solid none !important;
}

th {
  border: 1px solid transparent !important;
  padding: 15px 20px !important;
}

th {
  white-space: nowrap !important;
}

td {
  border-top: 1px solid #e1e7ff !important;
}

/* .table thead th {
    vertical-align: middle !important;
} */
.table td,
.table th {
  vertical-align: middle !important;
}

/* @media screen and (min-width: 0px) and (max-width: 576px) {
.pre_job {
  width: 50px !important;
}

.heading_a_table {
  width: 70px;
}

td .appications {
  width: 205px;
}


td .content_del_eye {
  width: 70px;
}
} */

.appications a {
  color: rgb(129 65 151) !important;
  font-size: 13px;
  margin: 10px 10px 10px 10px;
}


@media screen and (min-width: 0px) and (max-width: 576px) {}

/* @media screen and (max-width: 767px) {
     .pre_job {
        width: 50px !important;
    }
    .table_heading_1{
        width: 70px;
    }
    .heading_a_table {
        width: 70px;
    }
    td .appications{
      width: 205px;
    }
    td .pending{
        width: 110px;
    }
    td .content_del_eye {
        width: 70px;
    }
  } */

.form-check-input_2 {
  position: absolute;
  margin-top: -16px !important;
  margin-left: -19px;
  border: 1px solid #e1e7ff;
  background: #e1e7ff !important;
}

.table-striped ul {
  display: flex;
  list-style: none;
  margin-top: 0px !important;
  margin-bottom: 1rem;
  margin-left: -41px !important;
}

.font_li_1 {
  color: #270D44;
  margin-right: 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-top: 6px;
}

.font_li {
  color: #270D44;
  margin-right: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-top: 6px;
}

.heading_a_table {
  color: #333;
  font-size: 14px;
  transition: all 0.2s linear;
  font-weight: 600;
  font-family: roboto, sans-serif;
  margin-left: 10px;
}

.heading_a_table:hover {
  color: #333;
  text-decoration: underline !important;
}

a {
  text-decoration: none !important;
}

.appications {
  color: rgb(110, 110, 110);
  font-size: 13px;
  margin: 10px;
}

.pending {
  color: #000 !important;
  font-size: 13px;
  margin: 10px 5px 10px 5px;
}

.eye {
  color: #fff;
  padding: 7px 7px;
  background: #270D44;
  border-radius: 5px;
  margin-right: 5px !important;
}

.del {
  color: #fff;
  padding: 7px 9px;
  background: #ed527b;
  border-radius: 5px;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

.sort {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 40px;
  margin-right: 15px;
}

.custom_button {
  box-shadow: unset !important;
  border: 1px solid #e1e7ff !important;
  width: 120px;
  height: 40px !important;
  float: right;
  border-radius: 5px;
  font-family: roboto;
  font-size: 12px;
  padding: 12px;
  color: #495057;
}

.custom_class {
  margin-top: -39px !important;
}

/* candidate profile / job alert  */

/* candidate profile / cv manager */

.wrapper {
  margin-top: 75px;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 265px;
  background-color: #fff !important;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  margin-top: 20px !important;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */


.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}



.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff !important;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a {
    text-align: center;
    float: none;
  }


}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }


  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 30px;
  }

  .custom_class {
    margin-top: -39px !important;
    display: none;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }

  .custom_class {
    margin-top: -39px !important;
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .sidebar {
    display: block !important;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 30px;
    margin-bottom: 20px;
    /* margin-left: 40px; */
  }
}

td {
  border-top: 1px solid #e1e7ff !important;
  padding: 14px 0px !important;
  white-space: nowrap !important;
}

.table td {
  vertical-align: middle !important;
}

.table-striped ul {
  display: flex;
  list-style: none;
  margin-top: 0px !important;
  margin-bottom: 1rem;
  margin-left: -41px !important;
}

.font_li_1 {
  color: #270D44;
  margin-right: 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-top: 6px;
}

.font_li {
  color: #270D44;
  margin-right: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-top: 6px;
}

.table .job-company span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background-color: #e1e7ff;
  text-align: center;
  overflow: hidden;
}

.heading_a_table {
  color: #333;
  font-size: 16px;
  transition: all 0.2s linear;
  font-weight: 600;
  font-family: roboto, sans-serif;
}

.heading_a_table:hover {
  color: #333;
  text-decoration: underline !important;
}

a {
  text-decoration: none !important;
}

.item1 {
  font-weight: 400;
  color: #270D44;
  display: inline-block;
  margin-right: 10px;
}

.item1_content {
  display: flex;
  margin-right: 8px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  margin-right: 5px;
  font-weight: 400;
  text-decoration: none;
}

.full_time {
  display: flex;
}

.item1_content:hover {
  text-decoration: none !important;
}

.content_del_eye {
  margin-top: 10px;
}

.download {
  color: #fff;
  padding: 7px 7px;
  background: #270D44;
  border-radius: 5px;
  margin-right: 1px;
}

.del {
  color: #fff;
  padding: 7px 9px;
  background: #ed527b;
  border-radius: 5px;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

.sort {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 40px;
  margin-right: 15px;
}

.custom_button {
  box-shadow: unset !important;
  border: 1px solid #e1e7ff !important;
  width: 120px;
  height: 40px !important;
  float: right;
  border-radius: 5px;
  font-family: roboto;
  font-size: 12px;
  padding: 12px;
  color: #495057;
}

.custom_class {
  margin-top: -39px !important;
}

/* candidate profile / cv manager */

/* ---------------------------------------------------- */

/* candidate profile / change password */

.wrapper {
  margin-top: 57px;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 265px;
  background-color: #fff !important;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  margin-top: 57px;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 8px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */

.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}





.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 7px 5px 7px;
  border: 1px solid #270D44;
  font-size: 15px;
  border-radius: 3px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a {
    text-align: center;
    float: none;
  }


}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }



  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
  }
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .sidebar {
    display: none !important;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 577px) and (max-width: 1200px) {
  .sidebar {
    display: block !important;
  }
}

.company_text {
  font-family: "Lato", sans-serif;
  margin: 0px 0px 9px 0px;
}

/* candidate profile / change password */

/* ------------------------------------------------------ */

/* candidate profile / applied jobs */

.wrapper {
  margin-top: 57px;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 265px;
  background-color: #fff !important;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  margin-top: 56px;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 8px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */


.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}





.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 7px 5px 7px;
  border: 1px solid #270D44;
  font-size: 15px;
  border-radius: 3px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a {
    text-align: center;
    float: none;
  }


}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .custom_class {
    display: none;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }



  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
  }

  .box {
    /* background: #f9faff; */
    padding: 10px;
    /* border-left: 5px solid #e1e7ff; */
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    display: block;
    position: relative;
    /* margin-bottom: 30px; */
    width: 100%;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: none;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none !important;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 577px) and (max-width: 1200px) {
  .sidebar {
    display: block !important;
  }
}

.company_text {
  font-family: "Lato", sans-serif;
  margin: 0px 0px 9px 0px;
}

.sort {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 40px;
  margin-right: 15px;
}

.custom_button {
  box-shadow: unset !important;
  border: 1px solid #e1e7ff !important;
  width: 120px;
  height: 40px !important;
  float: right;
  border-radius: 5px;
  font-family: roboto;
  font-size: 12px;
  padding: 12px;
  color: #495057;
}

.custom_class {
  margin-top: -39px !important;
}

a {
  text-decoration: none !important;
}

/* .box {
  background: #f9faff;
  padding: 25px;
  border-left: 5px solid #e1e7ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  display: block;
  position: relative;
  margin-bottom: 30px;
  width: 100%;
} */

.box_white {
  background: #fff;
  padding: 25px;
  border-left: 5px solid #e1e7ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  display: block;
  position: relative;
}

.box_white:hover {
  border-left: 6px solid #270D44;
}

/* .box:hover {
  border-left: 6px solid #270D44;
} */

.heading_box {
  color: #232323;
  transition: all 0.2s linear;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  background-color: #7070ffb3 !important;
  padding: 10px 20px;
  width: max-content;
  border-radius: 4px;
}

.application_box {
  padding:10px;
}

.designer {
  font-size: 12px;
  font-family: "Lato", sans-serif;
}

.designer span {
  color: #270D44;
}

.box_location_main {
  display: flex;
  color: #270D44;
}

.box_location_sub {
  padding: 0px 10px 0px 0px;
}

.box_money {
  padding: 0px 3px 0px 0px;
}

.posted_content_sub {
  color: #270D44;
}

.php,
.angular,
.js {
  color: #000000;
  border-radius: 10px;
  background-color: #e1e1e1e6;
  display: block;
  font-size: 14px;
  padding: 3px 10px;
  display: inline-block;
  text-align: center;
  font-family: revert;
  text-transform: capitalize;
  margin-bottom: 5px;
  /* border: 1px solid #e1e7ff; */
  margin: 0px 5px 0px 5px;
  /* outline: none !important; */
  border: none;
  margin-top: 10px;
}

.php_search {
  color: #FFFFFF;
  border-radius: 4px;
  background-color: #270D;
  display: block;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
  text-align: center;
  font-family: roboto;
  text-transform: capitalize;
  margin-bottom: 5px;
  border: 1px solid #e1e7ff;
  margin: 0px;
}

/* .php:hover,
.angular:hover,
.js:hover {
background: #270D44;
color: #fff;
border: 1px solid #270D44;
} */

.download_icon {
  color: #fff;
  background-color: #270D44;
  padding: 7px;
  position: absolute;
  top: 25px;
  right: 25px;
  border-radius: 3px;
}

.posted {
  /* background: #e1e7ff;
border: 1px solid #e1e7ff; */
  padding: 10px 10px 0px 10px;
  border-radius: 3px;
  margin-top: 5px;
  font-weight: 500;
}

.apply {
  color: #fff;
  background-color: #270D44;
  font-size: 12px;
  border-radius: 3px;
  padding: 5px 10px;
  margin-top: -6px;
  border: 1px solid #270D44;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .apply {
    display: block !important;
    color: #fff;
    background-color: #270D44;
    font-size: 12px;
    border-radius: 3px;
    padding: 5px 10px;
    border: 1px solid #270D44;
    margin-left: 27px;
  }

  .posted_content_sub {
    color: #270D44;
    font-size: 13px;
  }
}

/* .page-item {
  list-style-type: none;
  padding: 0px 10px !important;
  margin: 0px !important;
} */

/* candidate profile / applied jobs */

/* End Of Candidate profile */

/* ====================================================== */

/* start of company profile */

/* ------------------------------------------------------ */

/* company profile / index */

.wrapper {
  margin-top: 75px;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 265px;
  background-color: #fff !important;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  margin-top: 75px;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */


.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}




.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a {
    text-align: center;
    float: none;
  }

  div.content {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 18px;
    margin-bottom: 20px;
    margin-top: 9px;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .sidebar {
    display: block !important;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 30px;
    margin-bottom: 20px;
    /* margin-left: 40px; */
  }
}

.iframe_content {
  border: 0;
}

/* company profile / index */

/* ------------------------------------------------------ */

/* company profile / transactions  */

.transaction_wrapper {
  margin-top: 75px;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 265px;
  background-color: #fff !important;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  margin-top: 75px;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */

div.transaction_content {
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  padding: 20px 30px;
}

.transaction-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.transaction-clearfix:after,
.transaction-clearfix:before {
  content: "";
  display: table;
}

.trn_right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.trn_site-button {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.trn_button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.trn_site-button {
  background-color: #270D44;
}

.trn_site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.trn_site-button {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.trn_site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.transaction-clearfix:after {
  clear: both;
}

.transaction-clearfix:after,
.transaction-clearfix:before {
  content: "";
  display: table;
}

.transaction-clearfix:after {
  display: block;
  content: "";
}




.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a {
    text-align: center;
    float: none;
  }

  div.transaction_content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .transaction_wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .trn_site-button {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }

  div.transaction_content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 18px;
    margin-bottom: 20px;
    margin-top: 9px;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }

  .custom_class {
    margin-top: -39px !important;
    display: none;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .custom_class {
    margin-top: -39px !important;
    display: none;
  }

  .transaction_wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

.trsn_table_head {
  background-color: #e1e7ff;
  border: 1px solid none !important;
}

th {
  border: 1px solid transparent !important;
  padding: 15px 20px !important;
  white-space: nowrap !important;
}

td {
  border-top: 1px solid #e1e7ff !important;
  white-space: nowrap !important;
  padding: 15px, 20px !important;
}

.order,
.amount {
  color: #270D44;
}

.order {
  font-weight: 600;
}

.amount {
  font-weight: 700;
  padding-left: 10px;
}

.payment {
  padding-left: 20px;
}

.success {
  color: #25ad60;
  font-weight: 500;
}

.trsn_heading_a_table {
  color: #333;
  font-size: 13px;
  transition: all 0.2s linear;
  font-weight: 600;
  font-family: roboto, sans-serif;
  white-space: nowrap !important;
}

.trsn_heading_a_table:hover {
  color: #333;
  text-decoration: underline !important;
}

a {
  text-decoration: none !important;
}

.pending {
  font-weight: 500;
  color: #f04774;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

a.trsn_page-link:hover {
  background-color: #270D44;
  color: #fff !important;
  font-weight: 600;
}

a.trsn_page-link {
  color: #767676 !important;
}

.custom_class {
  margin-top: -39px !important;
}

.trsn_page-item.active .trsn_page-link {
  background-color: #270D44 !important;
  border-color: #270D44 !important;
  color: #fff !important;
}

li.trsn_page-item {
  border: 1px solid rgb(156, 152, 152);
}

/* company profile / transactions  */

/* ------------------------------------------------------ */

/* company profile / resume */

.wrapper {
  margin-top: 75px;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 265px;
  background-color: #fff !important;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  margin-top: 75px;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */

div.content {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  padding: 20px 30px;
  margin-bottom: 20px;
}

.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}





.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a {
    text-align: center;
    float: none;
  }

  div.content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 18px;
    margin-bottom: 20px;
    margin-top: 9px;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

input[type="file"]::file-selector-button {
  border: 2px solid #6c5ce7;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #a29bfe;
  transition: 1s;
}

input[type="file"]::file-selector-button:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

/* .box {
  background: #f9faff;
  padding: 25px;
  border-left: 5px solid #e1e7ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  display: block;
  position: relative;
  margin-bottom: 30px;
  width: 100%;
} */

.box_white {
  background: #fff;
  padding: 25px;
  border-left: 5px solid #e1e7ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  display: block;
  position: relative;
}

.box_white:hover {
  border-left: 6px solid #270D44;
}

.box:hover {
  /* border-left: 6px solid #270D44; */
  background-color: #f1f1f1;
}

.heading_box {
  color: #232323;
  transition: all 0.2s linear;
  font-weight: 600;
  font-family: revert;
  text-transform: capitalize;
}

.heading_box span {
  padding: 3px 5px;
  color: #270D44;
  border-radius: 50%;
  border: 2px solid #270D44;
  margin-right: 8px;
}

@media screen and (max-width:550px) {
  .heading_box {
    color: #232323;
    transition: all 0.2s linear;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    background-color: #e5eef5;
    padding: 10px 10px 10px 5px;
    width: max-content;
    font-size: 16px;
    border-radius: 4px;
  }
}

.table-cell {
  display: inline-block;
}

.table_data2 {
  font-size: 13px;
  color: #212024 !important;
  padding-top: 3px;

}

@media screen and (max-width:330px) {
  .table_data2 {
    margin-left: 8px;
  }
}

.table_data1 {
  font-size: 15px;
  /* font-weight: 700; */
  color: #4b4545;
  width: 122px;
}

.table-row {
  padding: 3px 5px 3px 10px;
  /* box-shadow: 0 0 2px rgb(0 0 0 / 10%); */
  /* margin: 5px 0px; */
  border: none;
}

@media screen and (max-width:500px) {
  .table_row {
    margin-top: 20px;
  }
}



.table_row_right {
  box-shadow: 0 0 2px rgb(0 0 0 / 10%);
  ;
  margin: 15px auto;
}

.designer {
  font-size: 18px;
  font-family: "Lato", sans-serif;
  margin-top: 10px;
  font-weight: 600;
}

.designer span {
  display: flex;
  color: #270D44;
}

.resume_content_location {
  display: flex;
  color: #270D44;
  align-items: center;
  /* margin-top: 20px; */
}

.resume_content_location_sub {
  padding: 0px 10px 0px 0px;
}

.resume_content_location_sub_1 {
  padding: 0px 3px 0px 0px;
}





.download_icon {
  color: #fff;
  background-color: #270D44;
  padding: 7px;
  position: absolute;
  top: 25px;
  right: 25px;
  border-radius: 3px;
}

/* company profile / resume */

/* ------------------------------------------------------ */

/* company profile / post a job */

.wrapper {
  margin-top: 75px;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff !important;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  margin-top: 75px;
  border-radius: 20px;
}

.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */

div.content {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  padding: 20px 30px;
  margin-bottom: 20px;
}

.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}





.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update_pj {
  background: #270D44;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
  border: none;
}

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


  .sidebar a {
    text-align: center;
    float: none;
  }

  div.content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 18px;
    margin-bottom: 20px;
    margin-top: 9px;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

input[type="file"] {
  display: none;
}

.uf {
  color: #a4a5a7;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 26px 20px;
  margin: 35px 16px;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

/* company profile / post a job */

/* ------------------------------------------------------ */

/* company profile / manage jobs */

.wrapper {
  margin-top: 75px;
}



.main_header {
  padding: 1px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

/* .sidebar a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
} */

div.content {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  padding: 20px 30px;
  margin-bottom: 20px;
}

.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 10px 0;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 2px;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}





.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #270D44;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 20px 0px;
  cursor: pointer;
  border: none;
}

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


  .sidebar a {
    text-align: center;
    float: none;
  }

  div.content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 18px;
    margin-bottom: 20px;
    margin-top: 9px;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }

  .custom_class {
    margin-top: -39px !important;
    display: none;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .custom_class {
    margin-top: -39px !important;
    display: none;
  }

  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

.table_head {
  background-color: #e1e7ff;
  border: 1px solid none !important;
}

th {
  border: 1px solid transparent !important;
  padding: 15px 20px !important;
}

td {
  border-top: 1px solid #e1e7ff !important;
  padding: 14px 0px !important;
}

.form-check-input_2 {
  position: absolute;
  margin-top: -16px !important;
  margin-left: -19px;
  border: 1px solid #e1e7ff;
  background: #e1e7ff !important;
}

.table-striped ul {
  display: flex;
  list-style: none;
  margin-top: 0px !important;
  margin-bottom: 1rem;
  margin-left: -41px !important;
  white-space: nowrap !important;
}

.font_li_1 {
  color: #270D44;
  margin-right: 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-top: 6px;
}

.font_li {
  color: #270D44;
  margin-right: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-top: 6px;
}

.heading_a_table {
  color: #333;
  font-size: 16px;
  transition: all 0.2s linear;
  font-weight: 600;
  font-family: roboto, sans-serif;
}

.heading_a_table:hover {
  color: #333;
  text-decoration: underline !important;
}

a {
  text-decoration: none !important;
}

.item1 {
  font-weight: 400;
  color: #270D44;
  display: flex !important;
  margin-right: 5px;
  text-decoration: none;
  margin-left: 20px;
}

.item2,
.item3 {
  display: flex !important;
  margin-right: 5px;
}

.item2 .ful {
  display: flex !important;
}

.item1_content {
  display: flex;
  margin-right: 8px;
  font-weight: 400;
  text-decoration: none;
}

/* .manage_location{
  margin-left: 20px !important;
} */

.item1_content:hover {
  text-decoration: none !important;
}

.appications {
  color: #270D44;
  padding: 15px 20px;
  font-weight: 500;
}

.pending {
  font-weight: 500;
  color: #ed527b;
  padding: 15px 20px;
}

.act {
  font-weight: 500;
  color: #25ad60;
  padding: 15px 20px;
}

.content_del_eye {
  margin-top: 10px;
}


.del {
  color: #fff;
  padding: 7px 9px;
  background: #ed527b;
  border-radius: 5px;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

.sort {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 40px;
  margin-right: 15px;
}

.custom_button {
  box-shadow: unset !important;
  border: 1px solid #e1e7ff !important;
  width: 120px;
  height: 40px !important;
  float: right;
  border-radius: 5px;
  font-family: roboto;
  font-size: 12px;
  padding: 12px;
  color: #495057;
}

.custom_class {
  margin-top: -39px !important;
}

.home_job_details_mjobs {
  margin-left: 10px;
}

.home_job_details_mjobs li {
  display: inline-block;
  margin-right: 10px;
  color: #270D44;
  font-size: 14px;
  padding: 0;
  list-style: none;
}

.mjob_icon {
  margin: 0px 5px 0px 0px;
}

.discribe_home_mjob {
  font-size: 13px;
  margin: -12px 0px 0px 9px;
  white-space: normal !important;
}

.mj_ws {
  white-space: normal !important;
  width: 50%;
}

/* company profile / manage jobs */

/* ------------------------------------------------------ */

/* company profile / change password */

.wrapper {
  margin-top: 75px;
}



.main_header {
  padding: 20px 0px 10px 0px;
}

.info_img {
  border-radius: 100%;
  width: 100%;
  background-color: #fff;
  padding: 5px;
}

.company {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 13px 0px 0px 0px;
  font-weight: 600;
}

.heading {
  position: relative;
  display: inline-block;
  border: 2px solid #e1e6eb;
  outline-offset: 3px;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 34px 0px 40px 0px;
}

.sidebar a {
  width: 100%;
  padding: 18px 20px;
  display: inline-block;
  /* border-top: 1px solid #e1e7ff */
  ;
  color: #232323;
  border-left: 3px solid transparent;
  text-decoration: none !important;
  font-weight: 400;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-top: 5px;
}

/* .sidebar a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
} */

div.content {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  padding: 20px 30px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.job-bx-title {
  border-bottom: 1px solid #e1e7ff;
  padding: 20px !important;
  font-size: 22px;
border-radius: 10px !important;
  margin-bottom: 15px;
  box-shadow: 0 4px 10px 0 rgb(73 73 75 / 36%)
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.right-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAFDCAMAAACOQyW6AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vZU72NqST06cEZ1Wk81QfN9eV7xmbGmym4AAAPhSURBVHjazM5ZTsIAAAXAV0QB9w29/019MUFZWog/duYEk0/c8kkvdogXO8SLHeLFDvFih3ixQ7zYIV5cboIXO8SLHeLFDvFih3hxuwle7BAvdogXO8SLHeLF7Tp48WUdvNghXuwQL3aIFzvEix3ixQ7x4mIdvNghXuwQL3aIFzvEi4vn4MUO8WKHeLFDvNghXuwQL3aIFxd3wYsd4sUO8WKHeLFDvNghXuwQL3aIFzvEix3ixcUqeLFDvNghXuwQL3aIF4dV8GKHeLFDvNghXuwQL3aIFzvEix3ixeExeLFDvNghXuwQL3aIFzvEix3ixQ7x4nAVvNghXuwQL3aIFzvEix3ixQ7xYod4sUO82CFe7BAvdogXO8SLHcYufg/pYoclF4eHpODibugWf4Zs8XeoFveGaHF/aBYPhmTxcCgWj4ZgcXjPAa94MuSKp0OtODLEimNDqzg6pIrjQ6k4XGeMVJwYQsWpoVOcHDLF6aFSPDNEiueGRvHskCieHwrFC0OgeGk4f/HicPbi/w/jD/9YvMkM/GH8Yfxh/GH8Yfxh/GH8Yfxh/GH8Yfzh5eJt5uYP4w/jD+MP4w/jD+MP4w/jD6eK93H4w/jD+MP4w/jD+MP4w/jDo+JbQP4w/jD+MP4w/jD+cFd8jcsfxh/GH8Yfxh/GH+YjvK/q7iVFbiAAgig2VC2EvJEWcf+buja2Z3r6g2Ggn/IE7wQZqwuhL9+Yb8w35hvzjfnGfGO+8WOxBF2+Md+Yb8w35htv6yWgMd+Yb8w35hsfFH+k5RsftEwkY74x35hvzDfmG/ONPdtPwphvfN29ePvyjfnGfGO+Md+Yb8w3/kfD4V3LN+Yb8435xnxjvjHfmG/MN35/AeX9xJdGgPjKKBBfGAnic6NBfGpEiM9KHgrxiZEhPjY6xIdGiPjIKBEfGCni/SKFRbxrxIj3jBrxjpEjfjV6xC9GkHhrFIk3RpL42WgSPxlR4sdne5X4wcgS/xld4l8jTPxjlIkXqEFcoalxhTLJFfouV6jkXKE1dIVi0xW6V1eoh12hwbaMv3jiMvLEZeSJy8gTl5EnLiNPXEaeuIw8cRl54iqD8MRl5InLyBOXkScuI09cRp64jDyxH4MnLiNPrOETGz6x4RMbPrHhExs+seETGz6x4RMbPrHhExs+sekTmz6x6RObPrHpE5s+sekTmz6x6RObPrHpE5s+sc0ntvnENp/Y5hPbfGKbT2zziW0+sc0ntvnEdp/Y7hPbfWK7T2z3ie0+sd0ntvvEdp/Y6RM7fWKnT+z0iZ0+sdMndvrEDp/Y4RM7fGKHT+zwiR0+seM3tr0lvzvJyqkAAAAASUVORK5CYII=);
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.site-button,
.site-button-secondry {
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  font-family: roboto;
}

.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.site-button {
  background-color: #270D44;
}

.site-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  white-space: pre;
  margin-top: -36px;
}

.site-button-secondry:after,
.site-button:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -o-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  width: 25px;
  z-index: -1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  display: block;
  content: "";
}

/* .cp {
  font-weight: 700;
  letter-spacing: 1px !important;
} */
.cp{margin-top: 16px;
  padding: 24px 30px 24px 24px;
  background: #FFF;
  box-shadow: 0 6px 12px rgba(30,10,58,.04);
  border-radius: 20px;
  height: 75px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;

}
.form-group {
  margin-bottom: 10px !important;
}

.browse-job label,
.job-profile label,
.submit-resume label {
  color: #333;
}

label {
  font-weight: 600;
  margin-bottom: 10px;
}

label {
  display: inline-block;
}

.form_control {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.contact_info {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e7ff;
  text-transform: uppercase;
}

.maps {
  margin: 30px 0px;
}

.update {
  background: #2e3192;
  color: #fff;
  padding: 10px 22px;
  border: 1spx solid #270D44;
  font-size: 15px;
  font-weight: 600;
  margin: 6px 0px;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  width: fit-content;
}

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


  .sidebar a {
    text-align: center;
    float: none;
  }

  div.content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 576px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar a {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    /* border-top: 1px solid #e1e7ff */
    ;
    color: #232323;
    border-left: 3px solid transparent;
    text-decoration: none !important;
    font-weight: 400;
    text-align: left !important;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: none;
  }

  div.content {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    padding: 20px 18px;
    margin-bottom: 20px;
    margin-top: 9px;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .wrapper {
    margin-top: 15px;
  }

  .sidebar {
    display: none;
    width: 100% !important;
  }

  .sidebar_button {
    background: #270D44;
    color: #fff;
    padding: 10px;
    border: 1px solid #270D44;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    border-radius: 5px;
    display: block !important;
    transition: all 0.3s linear;
    margin-top: 60px;
  }
}

input[type="file"]::file-selector-button {
  border: 2px solid #6c5ce7;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #a29bfe;
  transition: 1s;
}

input[type="file"]::file-selector-button:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

.sidebar_button {
  background: #270D44;
  color: #fff;
  padding: 10px;
  border: 1px solid #270D44;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  display: none;
  transition: all 0.3s linear;
}

/* company profile / change password */

/* ------------------------------------------------------- */

/* end of company profile */

/* ======================================================= */

/* Start of Blog section */

/* ------------------------------------------------------- */

/* Blog / Classic */
/* content */

/* sec 1 */

.classic_sec_1_heading_pic {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.8),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.classic_sec_1_heading_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.classic_sec_1_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.classic_sec_1_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

/* sec 2 */

.classic_sec_2 {
  margin: 70px 0px;
}

.classic_sec_2_card {
  border: none !important;
  margin: 20px 0px;
  position: relative !important;
  overflow: hidden;
}

.classic_sec_2_heading {
  font-family: Rubik, sans-serif;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

.classic_sec_2_text {
  text-align: center;
  font-family: Lato, sans-serif;
  margin-bottom: 30px;
}

.classic_sec_2_card_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.classic_sec_2_card_heading {
  font-family: Rubik, sans-serif;
  font-weight: 600;
  font-size: 25px;
}

.classic_sec_2_card_heading:hover {
  color: #270D44;
}

.classic_sec_2_card_text_2 {
  font-family: Montserrat;
}

.classic_sec_2_card_button {
  border: none;
  color: #270D44;
  font-weight: 600;
  font-family: Rubik, sans-serif;
  background: transparent;
}

.card-body {
  padding: 10px 0px !important;
}

.card_img {
  width: 100%;
}

.classic_ezy {
  padding: 0px 100px !important;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .classic_ezy {
    padding: 10px !important;
  }
}

.card_img {
  transition: all 10s ease-in-out;
}

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

/* Blog / Classic ends*/

/* ------------------------------------------------------- */

/* Blog / Classic Sidebar */

/* heading-pic */

.classic_sidenav_sec_1_heading_pic {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.8),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.classic_sidenav_sec_1_heading_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.classic_sidenav_sec_1_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.classic_sidenav_sec_1_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

/* sec 2 */

.classic_sidenav_sec_2 {
  margin: 70px 0px;
}

.classic_sidenav_sec_2_card {
  border: none !important;
  margin: 20px 0px;
  position: relative;
  overflow: hidden;
}

.classic_sidenav_sec_2_heading {
  font-family: Rubik, sans-serif;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

.classic_sidenav_sec_2_text {
  text-align: center;
  font-family: Lato, sans-serif;
  margin-bottom: 30px;
}

.classic_sidenav_sec_2_card_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.classic_sidenav_sec_2_card_heading {
  font-family: Rubik, sans-serif;
  font-weight: 600;
  font-size: 25px;
}

.classic_sidenav_sec_2_card_heading:hover {
  color: #270D44;
}

.classic_sidenav_sec_2_card_text_2 {
  font-family: Montserrat;
}

.classic_sidenav_sec_2_card_button {
  border: none;
  color: #270D44;
  font-weight: 600;
  font-family: Rubik, sans-serif;
  background: transparent;
}

.card-body {
  padding: 10px 0px !important;
}

.card_img {
  transition: all 10s ease-in-out;
}

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

/* sidenav */

.classic_sidebar {
  width: 100%;
}

.span2 {
  width: 95%;
  border: 1px solid #efefef;
  font-size: 15px;
  height: 45px;
  padding: 5px 20px;
  border-radius: 5px;
}

.span2:hover {
  border: 1px solid #000;
}

.classic_search {
  margin-left: -35px;
}

input.span2:focus {
  outline: none !important;
  border: 1px solid #000 !important;
}

.right_nav_heading {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
}

.right_nav_heading_1 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 50px;
}

.right_nav_media_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.right_nav_img {
  width: 96px;
  height: 80px;
}

.right_nav_media_heading {
  font-size: 15px;
}

.right_nav_media_text {
  font-size: 12px;
}

@media screen and (min-width: 0px) and (max-width: 577px) {
  .right_nav_img {
    width: 100%;
    height: 100%;
    margin: 10px 0px;
  }

  .right_nav_media_heading {
    font-size: 14px;
    margin: 10px 0px;
  }

  .right_nav_media_text {
    font-size: 12px;
  }
}

@media screen and (min-width: 578px) and (max-width: 768px) {
  .right_nav_img {
    width: 60px;
    height: 73px;
    margin: 10px 0px;
  }

  .right_nav_media_heading {
    font-size: 14px;
    margin: 10px 0px;
  }

  .right_nav_media_text {
    font-size: 12px;
  }
}

.right_nav_heading_2 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin: 50px 0px 20px 0px;
}

.img_our_services {
  width: 119%;
  margin: 5px 0px;
  height: 83px !important;
  transition: all 0.9s ease-in-out;
}

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

@media screen and (min-width: 0px) and (max-width: 768px) {
  .img_our_services {
    width: 100%;
    margin: 5px 0px;
    height: auto !important;
    transition: all 0.9s ease-in-out;
  }
}

.category_list_li {
  list-style-type: none;
  border-bottom: 1px solid hsla(0, 0%, 40%, 0.11);
  position: relative;
  padding: 10px 10px 10px 15px;
  margin-bottom: 0;
  line-height: 20px;
  margin-left: -22px !important;
}

.category_list_a {
  color: #767676;
  text-transform: capitalize;
}

/* news letter */

.news-letter-background {
  background-color: #f5f6f7;
  padding: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.news_letter_text {
  font-style: italic;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 24px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #6f6f6f;
}

.news_input {
  padding: 10px 10px 10px 10px;
  background: #fff;
  font-family: Lato, sans-serif;
  border: 2px solid #d0d0d0;
  width: 100%;
}

.news_input:focus {
  box-shadow: none;
  outline: none;
}

.news_button {
  margin: 10px 0px;
  padding: 10px 10px 10px 10px;
  width: 100%;
  background: #270D44;
  font-family: Lato, sans-serif;
  border: 0px solid #270D44;
  width: 100%;
  color: #fff;
}



/* content */

/* Blog / Classic Sidebar Ends*/

/* ------------------------------------------------------- */

/* Blog /Left Image Sidebar Starts*/
/* content */

/* sec 1 */

/* heading-pic */

.left_image_sidenav_sec_1_heading_pic {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.8),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.left_image_sidenav_sec_1_heading_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.left_image_sidenav_sec_1_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.left_image_sidenav_sec_1_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

/* sec 2 */

.left_img_sidenav_sec_2 {
  margin: 70px 0px;
}

.left_image_sidenav_sec_2_heading {
  font-family: Rubik, sans-serif;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

.left_image_sidenav_sec_2_text {
  text-align: center;
  font-family: Lato, sans-serif;
  margin-bottom: 30px;
}

.left_image_sidenav_sec_2_card_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.left_image_sidenav_sec_2_card_heading {
  font-family: Rubik, sans-serif;
  font-weight: 600;
  font-size: 25px;
}

.left_image_sidenav_sec_2_card_heading:hover {
  color: #270D44;
}

.left_image_sidenav_sec_2_card_text_2 {
  font-family: Montserrat;
}

.left_image_sidenav_sec_2_card_button {
  border: none;
  color: #270D44;
  font-weight: 600;
  font-family: Rubik, sans-serif;
  background: transparent;
}

.card_img {
  height: 100% !important;
  width: 100%;
  padding: 20px 0px;
}

.left_sec_2_row {
  margin-bottom: 40px;
}

/* sidenav */

.classic_sidebar {
  width: 100%;
}

.span2 {
  width: 95%;
  border: 1px solid #efefef;
  font-size: 15px;
  height: 45px;
  padding: 5px 20px;
  border-radius: 5px;
}

.span2:hover {
  border: 1px solid #000;
}

.classic_search {
  margin-left: -35px;
}

input.span2:focus {
  outline: none !important;
  border: 1px solid #000 !important;
}

.right_nav_heading {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
}

.right_nav_heading_1 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 50px;
}

.right_nav_media_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.right_nav_img {
  width: 96px;
  height: 80px;
}

.right_nav_media_heading {
  font-size: 15px;
}

.right_nav_media_text {
  font-size: 12px;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .right_nav_img {
    width: 100%;
    height: 145px;
    margin: 10px 0px;
  }

  .right_nav_media_heading {
    font-size: 22px;
    margin: 10px 0px;
  }

  .right_nav_media_text {
    font-size: 15px;
  }

  .card_img {
    height: 100% !important;
    width: 100%;
    padding: 27px 0px;
  }
}

.right_nav_heading_2 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin: 50px 0px 20px 0px;
}

.img_our_services {
  width: 119%;
  margin: 5px 0px;
  height: 83px !important;
  transition: all 0.9s ease-in-out;
}

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

@media screen and (min-width: 0px) and (max-width: 768px) {
  .img_our_services {
    width: 100%;
    margin: 5px 0px;
    height: auto !important;
    transition: all 0.9s ease-in-out;
  }
}

.category_list_li {
  list-style-type: none;
  border-bottom: 1px solid hsla(0, 0%, 40%, 0.11);
  position: relative;
  padding: 10px 10px 10px 15px;
  margin-bottom: 0;
  line-height: 20px;
  margin-left: -22px !important;
}

.category_list_a {
  color: #767676;
  text-transform: capitalize;
}

/* news letter */

.news-letter-background {
  background-color: #f5f6f7;
  padding: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.news_letter_text {
  font-style: italic;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 24px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #6f6f6f;
}

.news_input {
  padding: 10px 10px 10px 10px;
  background: #fff;
  font-family: Lato, sans-serif;
  border: 1px solid #f5f6f7;
  width: 100%;
}

.news_input:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

.news_button {
  margin: 10px 0px;
  padding: 10px 10px 10px 10px;
  width: 100%;
  background: #270D44;
  font-family: Lato, sans-serif;
  border: 0px solid #270D44;
  width: 100%;
  color: #fff;
}



/* content */

/* Blog /Left Image Sidebar Ends*/

/* ------------------------------------------------------- */

/* Blog / Blog Details Starts*/
/* content */

/* top content */

.blog_details_grid {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.blog_details_grid_heading_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.blog_details_grid_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.blog_details_grid_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.blog_details_grid a:hover {
  text-decoration: none;
  color: #fff;
}

/*top  content ends*/

.blog_details_down_content {
  margin: 60px 0px;
}

.blog_details_date {
  margin: 0px 0px 10px;
  padding: 25px 5px 0px;
  color: #270D44 !important;
  font-size: 13px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.blog_icon1,
.blog_icon2 {
  border-right: 1px solid #a7a3a3;
}

.blog_details_data1 {
  color: #6f6f6f;
  font-size: 16px;
  font-family: Lato, sans-serif;
  margin: 20px 0px;
  text-align: justify;
}

.blog_details_msg blockquote {
  padding: 16px 20px 16px 80px;
  font-style: italic;
  margin: 40px 0;
  position: relative;
  background: #f6f6f6;
  clear: both;
  border-left: 4px solid #270D44;
  font-family: Lato, sans-serif;
  color: #555;
  text-align: justify;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}

blockquote i {
  font-family: FontAwesome;
  color: #270D44;
  font-size: 35px;
  position: absolute;
  left: 20px;
  top: 20px;
  font-style: normal;
}

.blog_details_left_img h5 {
  font-family: Rubik, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.blog_details_left_img p {
  color: #6f6f6f;
  font-size: 16px;
  font-family: Lato, sans-serif;
}

.blog_buttons_sub {
  border: 1px solid #d6cbcb;
  padding: 5px 5px;
  color: #a9a9a9;
  background-color: #fff;
}

.blog_social_button button {
  border: 1px solid #d6cbcb;
  padding: 5px 7px;
  color: #fff;
  border-radius: 4px;
  font-family: "Lato";
  text-transform: capitalize;
}

.social_btn_heading {
  display: inline;
}

.comment_img {
  height: 70px !important;
  width: 70px !important;
}

.comment_box {
  border: 1px solid #a6a6a6;
  margin-left: 80px;
}

.comment_data {
  color: #6f6f6f;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
}

.comment_reply {
  font-size: 16px;
  color: #270D44;
}

a.comment_reply:hover {
  color: #270D44;
  text-decoration: none;
}

.blog_form {
  border: 1px solid #e9e9e9;
  padding: 25px;
}

.blog_form_heading {
  font-size: 20px;
  font-weight: 700;
}

#comment {
  border: 1px solid #948e8e;
}

.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #270d44 !important;
}

.comment_btn {
  border: none;
  padding: 10px;
  background-color: #270D44 !important;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
}

.comment_btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* sidenav */

.classic_sidebar {
  width: 100%;
}

.span2 {
  width: 95%;
  border: 1px solid #efefef;
  font-size: 15px;
  height: 45px;
  padding: 5px 20px;
  border-radius: 5px;
}

.span2:hover {
  border: 1px solid #000;
}

.classic_search {
  margin-left: -35px;
}

input.span2:focus {
  outline: none !important;
  border: 1px solid #000 !important;
}

.right_nav_heading {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
}

.right_nav_heading_1 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 50px;
}

.right_nav_media_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.right_nav_img {
  width: 96px;
  height: 80px;
}

.right_nav_media_heading {
  font-size: 15px;
}

.right_nav_media_text {
  font-size: 12px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .right_nav_img {
    width: 100%;
    height: 145px;
    margin: 10px 0px;
  }

  .right_nav_media_heading {
    font-size: 18px;
    margin: 10px 0px;
  }

  .right_nav_media_text {
    font-size: 15px;
  }
}

.right_nav_heading_2 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin: 50px 0px 20px 0px;
}

.img_our_services {
  width: 119%;
  margin: 5px 0px;
  height: 83px !important;
  transition: all 0.9s ease-in-out;
}

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

@media screen and (min-width: 0px) and (max-width: 768px) {
  .img_our_services {
    width: 100%;
    margin: 5px 0px;
    height: auto !important;
    transition: all 0.9s ease-in-out;
  }
}

.category_list_li {
  list-style-type: none;
  border-bottom: 1px solid hsla(0, 0%, 40%, 0.11);
  position: relative;
  padding: 10px 10px 10px 15px;
  margin-bottom: 0;
  line-height: 20px;
  margin-left: -22px !important;
}

.category_list_a {
  color: #767676;
  text-transform: capitalize;
}

/* news letter */

.news-letter-background {
  background-color: #f5f6f7;
  padding: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.news_letter_text {
  font-style: italic;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 24px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #6f6f6f;
}

.news_input {
  padding: 10px 10px 10px 10px;
  background: #fff;
  font-family: Lato, sans-serif;
  border: 2px solid #d0d0d0;
  width: 100%;
}

.news_input:focus {
  box-shadow: none;
  outline: none;
}

.news_button {
  margin: 10px 0px;
  padding: 10px 10px 10px 10px;
  width: 100%;
  background: #270D44;
  font-family: Lato, sans-serif;
  border: 0px solid #270D44;
  width: 100%;
  color: #fff;
}



/* content */

/* Blog Details ends*/

/* ------------------------------------------------------- */

/* Blog / Detailed Grid starts */

/* content */
/* top content */
.heading_pic_detailed_grid {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.detailed_grid_heading_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.detailed_grid_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.detailed_grid_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

a:hover {
  text-decoration: none;
}

/*top  content ends*/

/* .... down content... */
.detailed_grid_down_content {
  margin-top: 30px;
  margin-bottom: 35px;
}

.detailed_grid_inner_content {
  padding: 0px 15px;
  margin-top: 30px;
}

.detailed_grid_date {
  margin: 0px 0px 10px;
  padding: 25px 5px 0px;
  color: #270D44 !important;
  font-size: 13px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.detailed_grid_date a i {
  padding-right: 6px;
}

.inner_icon1 {
  padding-right: 10px;
  border-right: 1px solid #6f6f6f;
}

.inner_icon2 {
  padding-left: 5px;
}

.detailed_grid_below {
  font-size: 18px !important;
  color: #232323;
  font-family: Rubik, sans-serif;
  font-weight: 500;
  margin: 0px 0px 10px;
}

.detailed_grid_below:hover {
  color: #270D44;
}

.detailed_grid_data {
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #6f6f6f;
  text-align: justify;
}

.detailed_grid_more {
  color: #270D44;
  font-weight: 600;
}

/* .... down content ends... */
/* content */

/* Detailed Grid ends */

/* ------------------------------------------------------- */

/* Blog / Detailed Grid Sidebar */

/* top content */
.heading_pic_detailed_grid {
  background: linear-gradient(to right,
      rgba(25, 38, 101, 0.7),
      rgb(9, 18, 63, 0.7),
      rgb(34, 40, 69, 0.7)),
    url('./images/bgimage.jpg');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-blend-mode: darken;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 110px;
}

.detailed_grid_heading_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.detailed_grid_sub_heading_1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

.detailed_grid_sub_heading_2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
}

a:hover {
  text-decoration: none !important;
}

/*top  content ends*/

.detailed_grid_sidebar_down_content {
  margin: 60px 0px;
}

.detailed_grid_inner_content {
  padding: 0px 15px;
  margin-top: 30px;
}

.detailed_grid_date {
  margin: 0px 0px 10px;
  padding: 25px 5px 0px;
  color: #270D44 !important;
  font-size: 13px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.detailed_grid_date a i {
  padding-right: 6px;
}

.inner_icon1 {
  padding-right: 10px;
  border-right: 1px solid #6f6f6f;
}

.inner_icon2 {
  padding-left: 5px;
}

.detailed_grid_below {
  font-size: 18px !important;
  color: #232323;
  font-family: Rubik, sans-serif;
  font-weight: 500;
  margin: 0px 0px 10px;
}

.detailed_grid_below:hover {
  color: #270D44;
}

.detailed_grid_data {
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #6f6f6f;
  text-align: justify;
}

.detailed_grid_more {
  color: #270D44;
  font-weight: 600;
}

/* .... down content ends... */

/* sidenav */

.classic_sidebar {
  width: 100%;
}

.span2 {
  width: 95%;
  border: 1px solid #efefef;
  font-size: 15px;
  height: 45px;
  padding: 5px 20px;
  border-radius: 5px;
}

.span2:hover {
  border: 1px solid #000;
}

.classic_search {
  margin-left: -35px;
}

input.span2:focus {
  outline: none !important;
  border: 1px solid #000 !important;
}

.right_nav_heading {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
}

.right_nav_heading_1 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 50px;
}

.right_nav_media_text {
  color: #270D44;
  border: 1px solid #fff !important;
}

.right_nav_img {
  width: 96px;
  height: 80px;
}

.right_nav_media_heading {
  font-size: 15px;
}

.right_nav_media_text {
  font-size: 12px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .right_nav_img {
    width: 100%;
    height: 145px;
    margin: 10px 0px;
  }

  .right_nav_media_heading {
    font-size: 18px;
    margin: 10px 0px;
  }

  .right_nav_media_text {
    font-size: 15px;
  }
}

.right_nav_heading_2 {
  font-weight: 700;
  line-height: 12px;
  margin: 0 0 25px;
  position: relative;
  margin-bottom: 30px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 18px;
  margin: 50px 0px 20px 0px;
}

.img_our_services {
  width: 119%;
  margin: 5px 0px;
  height: 83px !important;
  transition: all 0.9s ease-in-out;
}

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

@media screen and (min-width: 0px) and (max-width: 768px) {
  .img_our_services {
    width: 100%;
    margin: 5px 0px;
    height: auto !important;
    transition: all 0.9s ease-in-out;
  }
}

.category_list_li {
  list-style-type: none;
  border-bottom: 1px solid hsla(0, 0%, 40%, 0.11);
  position: relative;
  padding: 10px 10px 10px 15px;
  margin-bottom: 0;
  line-height: 20px;
  margin-left: -22px !important;
}

.category_list_a {
  color: #767676;
  text-transform: capitalize;
}

/* news letter */

.news-letter-background {
  background-color: #f5f6f7;
  padding: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.news_letter_text {
  font-style: italic;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 24px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #6f6f6f;
}

.news_input {
  padding: 10px 10px 10px 10px;
  background: #fff;
  font-family: Lato, sans-serif;
  border: 2px solid #d0d0d0;
  width: 100%;
}

.news_input:focus {
  box-shadow: none;
  outline: none;
}

.news_button {
  margin: 10px 0px;
  padding: 10px 10px 10px 10px;
  width: 100%;
  background: #270D44;
  font-family: Lato, sans-serif;
  border: 0px solid #270D44;
  width: 100%;
  color: #fff;
}


/*top content ends*/

/* Blog / Detailed Grid Sidebar ends*/

/* ------------------------------------------------------- */

/*End of Blog Section  */

/* ======================================================= */

.sticky-top {
  position: sticky !important;
  top: 150px !important;
}

span.home_input_group {
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #270D44;
  border-radius: 0px !important;
}

input.home_input {
  border-radius: 0px !important;
}

/* .filter_list_search-box input {
border: none;
border-bottom: 3px solid #270D44;
border-radius: 0px !important;
} */

.paging {
  margin: auto;
  width: 40%;
}

@media screen and (min-width: 0px) and (max-width: 990px) {
  .paging {
    margin: auto;
    width: 100%;
  }
}

/* applications */

.applications {
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  padding: 20px 30px;
  margin: 160px 10px 20px 10px !important;
}

.resume_content_location_sub_sub {
  padding: 0px 15px 0px 0px;
  white-space: nowrap;
  font-size: 17px;
}

@media screen and (max-width:375px) {
  .resume_content_location_sub_sub {
    font-size: 14px;
  }
}

.resume_content_location_sub_1_sub {
  padding: 0px 3px 0px 0px;
  white-space: nowrap;
  font-size: 17px;
}

.desigantion_content {
  display: flex;
  flex-basis: min-content;
  /* margin-bottom: 10px; */
}

@media screen and (max-width:600px) {
  .desigantion_content {
    display: block;
  }
}

.view_btn_app {
  border: none;
  display: block;
  margin: 5px 0px !important;
}

.view_app {
  background: #270D44;
  border: none;
  color: #fff;
  padding: 8px;
  font-size: 15px;
}

.view_app:hover {
  color: #fff;
}

.short_list {
  background: #270D44;
  border: none;
  color: #fff;
  padding: 8px 21px;
  font-size: 15px;
}

.short_list:hover {
  color: #fff;
}

.reject_app {
  background: #ed527b;
  border: none;
  color: #fff;
  padding: 8px 32px;
  font-size: 15px;
}

.reject_app:hover {
  color: #fff;
}

.counterW {
  margin: 0 0 0 60px;
}

.ratingW {
  position: relative;
  margin: 10px 0 0;
}

.ratingW li {
  display: inline-block;
  margin: 0px;
}

.ratingW li a {
  display: block;
  position: relative;
  /*margin:0 3px;  width:28px; height:27px;color:#ccc; background:url('../img/ico/icoStarOff.png') no-repeat; background-size:100%;*/
}

/*.ratingW li.on a {background:url('../img/ico/icoStarOn.png') no-repeat; background-size:100%;}*/

.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #ddd;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 15px;
}

.star:before,
.star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #ddd;
  border-left: 1em solid transparent;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.star:after {
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.ratingW li.on .star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #fc0;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 15px;
}

.ratingW li.on .star:before,
.ratingW li.on .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #fc0;
  border-left: 1em solid transparent;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.application_apply {
  /* margin-top: 20px;
text-align: right; */
  /* position: absolute;
  right: 15px;
  bottom: 15px; */
  float: right  ;
}

.ratingW li.on .star:after {
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

@media screen and (min-width:0px) and (max-width:480px) {
  .applications {
    margin: 100px 5px 20px 5px !important;
    padding: 20px 15px;
  }
}


@media screen and (min-width: 0px) and (max-width: 767px) {
  .box {
    background: #f9faff;
    /* padding: 10px 10px 30px 10px; */
    border-left: 5px solid #e1e7ff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    display: block;
    position: relative;
    /* margin-bottom: 30px; */
    width: 100%;
  }

  .view_app {
    background: #270D44;
    border: none;
    color: #fff;
    padding: 8px;
    font-size: 10px;
  }

  .short_list {
    background: #270D44;
    border: none;
    color: #fff;
    padding: 8px 21px;
    font-size: 8px;
  }

  .reject_app {
    background: #ed527b;
    border: none;
    color: #fff;
    padding: 8px 23px;
    font-size: 10px;
  }

  .view_btn_app {
    border: none;
    display: block;
    margin: 0px 0px !important;
  }

  .ratingW li.on .star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.9em;
    margin-right: 0.9em;
    margin-bottom: 1.2em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid #fc0;
    border-left: 0.3em solid transparent;
    /* Controlls the size of the stars. */
    font-size: 11px;
  }

  .star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.9em;
    margin-right: 0.9em;
    margin-bottom: 1.2em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid #ddd;
    border-left: 0.3em solid transparent;
    /* Controlls the size of the stars. */
    font-size: 11px;
  }

  .site-button,
  .site-button-secondry {
    color: #fff;
    padding: 5px 3px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    margin-top: -36px;
    display: block;
  }

  .cp {
    font-size: 13px;
  }

  .button-sm {
    padding: 5px 6px;
    font-size: 15px;
  }
}

/* number type validation hide arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* applications ends */

/* application grid view */

.download_icon_app {
  color: #fff;
  background-color: #270D44;
  padding: 7px;
  position: absolute;
  top: 50px;
  right: 25px;
  border-radius: 3px;
  font-size: 18px;
}

.student_icon_app {
  color: #fff;
  background-color: #270D44;
  padding: 7px;
  position: absolute;
  top: 40px;
  right: 25px;
  border-radius: 3px;
  font-size: 18px;
}

@media screen and (min-width:767px) {
  .download_icon_app {
    position: absolute;
    top: 30px;
    right: 15px;
  }
}

.view_icon_app {
  color: #fff;
  background-color: #270D44;
  padding: 6px;
  position: absolute;
  top: 59px;
  right: 7px;
  border-radius: 3px;
  font-size: 14px;
}

.min_icon_app {
  color: #fff;
  background-color: #270D44;
  padding: 7px;
  position: absolute;
  top: 89px;
  right: 6px;
  border-radius: 3px;
  font-size: 10px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .applications {
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    /* padding: 20px 18px; */
    margin-bottom: 20px;
    margin-top: 100px;
  }
}

/* .short_list_img{
  width: 100px;
  height: 80px;
} */

/* app grid view */

/* forgot password */

.form-control_1,
.form-control_2,
.form-control_3,
.form-control_4,
.form-control_5,
.form-control_6 {
  background-color: #fff !important;
  color: #000 !important;
}

.forgot .form-group button:hover,
.forgot .form-group button:focus {
  background-color: #fff;
  color: #000 !important;
}

.forgot {
  /* margin-top: 10% !important; */
  /* background-color: #270D44; */
  color: #fff;
  text-align: center;
  padding: 2em 2em 0.5em;
  width: 100%;
  /* margin: 2em auto; */
  border-radius: 5px;
  font-family: Lato, sans-serif;
}

.forgot h1 {
  font-size: 2.5em;
}

.forgot .form-group {
  margin: 0.5em 0;
}

.forgot .form-group label {
  display: block;
  color: #000;
  text-align: left;
  font-weight: 600;
}

.forgot .form-group input,
.forgot .form-group button {
  display: block;
  padding: 0.5em 0;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 0.5em;
  background-color: inherit;
  border: none;
  border-bottom: 1px solid #555;
  color: #eee;
}

.forgot .form-group input:focus,
.forgot .form-group button:focus {
  background-color: #fff;
  color: #000;
  border: none;
  padding: 1em 0.5em;
  animation: pulse 1s infinite ease;
}

.forgot .form-group button {
  border: 1px solid #fff;
  border-radius: 5px;
  outline: none;
  -moz-user-select: none;
  user-select: none;
  color: #333;
  font-weight: 800;
  cursor: pointer;
  margin-top: 2em;
  padding: 1em;
}

.forgot .form-group button:hover,
.forgot .form-group button:focus {
  background-color: #fff;
}

.forgot .form-group button.is-loading::after {
  animation: spinner 500ms infinite linear;
  content: "";
  position: absolute;
  margin-left: 2em;
  border: 2px solid #000;
  border-radius: 100%;
  border-right-color: transparent;
  border-left-color: transparent;
  height: 1em;
  width: 4%;
}

.forgot .footer h5 {
  margin-top: 1em;
}

.forgot .footer p {
  margin-top: 2em;
}

.forgot .footer p .symbols {
  color: #444;
}

.forgot .footer a {
  color: inherit;
  text-decoration: none;
}

.information-text {
  color: #ddd;
}

.verify {
  color: #fff !important;
}

.verify:hover {
  color: #000 !important;
}

@media screen and (max-width: 320px) {
  .forgot {
    padding-left: 1em;
    padding-right: 1em;
  }

  .forgot h1 {
    font-size: 1.5em !important;
  }
}

@media screen and (min-width: 1025px) {
  .forgot {
    /* width: 50%; */
  }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .forgot {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
  .forgot {
    margin-top: 10px !important;
    width: 100%;
  }
}

/* .verify_btn button.verify{
  text-align: center;
  width: 50%;
  margin:auto !important;
  margin-top: 55px !important;
} */
#ctn_no {
  background-color: #fff !important;
  padding: 10px;
  width: 80%;
  margin-right: auto !important;
  margin-left: auto !important;
}

.forgot_label {
  color: #fff !important;
  font-size: 18px !important;
}

.send_btn {
  padding: 6px 30px !important;
  background-color: #270D44;
  color: #fff;
  border: 2px solid #fff;
  font-size: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.send_btn:focus {
  box-shadow: none !important;
  border: 1px solid #fff;
}

.send_btn:hover {
  background-color: #fff;
  color: #270D44;
  font-weight: 700;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .forgot {
    margin-top: 10px !important;
  }

  #ctn_no {
    width: 100%;
  }
}

/* forgot password ends */

/* clients */
#clients {
  margin: 40px 0px;
  background: #fff;
}

.clients_heading {
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.clients_header {
  padding-bottom: 20px !important;
}

.values {
  padding: 70px 0 60px;
}

.clients .clients-slider .swiper-slide img:hover {
  opacity: 1;
  size: 150%;
}

.clients .clients-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #1B3B6D;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #270D44;
}

.item {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.item img {
  cursor: pointer;
}

@media screen and (min-width: 1040px) {
  .item img {
    height: 80px !important;
    width: 100px !important;
    opacity: 1;
  }

  .item {
    margin-left: 25px !important;
  }
}

@media screen and (min-width: 991px) and (max-width: 1039px) {
  .item img {
    height: 80px !important;
    width: 100px !important;
    opacity: 1;
  }

  .item {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .item img {
    height: 130px !important;
    width: 150px !important;
    vertical-align: middle !important;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .owl-dots {
    display: none;
  }
}

.owl-nav {
  display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .item img {
    height: 80px !important;
    width: 100px !important;
    vertical-align: middle !important;
    opacity: 1;
    margin-left: 30%;
  }

  .item {
    text-align: center;
    justify-content: center;
  }
}

.owl-nav button {
  margin: 0;
  transition: all 0.3s ease-in-out;
  background-color: #E7E7E7;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .owl-nav button.owl-prev {
    left: 0px;
    position: absolute;
    top: 15%;
    color: #270D44;
  }

  .owl-nav button.owl-next {
    right: 0px !important;
    position: absolute;
    top: 15%;
    color: #270D44;
  }
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dots .owl-dot {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
  margin-top: 40px;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background: transparent !important;
}

.owl-nav button:hover {
  background: transparent !important;
  color: #270D44 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #270D44 !important;
}

.owl-theme .owl-dots {
  display: none !important;
}


/* Clients */
.modal-backdrop {
  background-color: #000 !important;
  opacity: 0.8 !important;
  /* z-index: -1 !important; */

}

/* .modal-backdrop.fade {
  opacity: -1 !important;
} */

.types_student_profile {
  margin-left: 16px !important;
}

@media screen and (max-width: 990px) {
  .types_student_profile {
    margin-left: 16px;
  }
}

option {
  margin: 5px;
  border: none !important;
}

.bg-gredient {
  color: #fff;
  text-align: center;
  background-color: #f1d045;
  background-image: linear-gradient(120deg, #e06f3e, #f1d045);
}

.star_rating_1 {
  color: #ffab00;
  font-size: 12px;
  margin: 0px 2px;
}

.edit_resume {
  color: #fff;
  background: #270D44;
  color: #fff;
  background: #270D44;
  padding: 8px 7px;
  border-radius: 2px;
  font-family: Lato, sans-serif !important;
  margin: 10px -15px;
}

.edit_resume:hover {
  text-decoration: none;
  color: #fff;
}

.select {
  padding: 5px;
}

option {
  height: 10px;
  margin: 5px;
  line-height: 3px;
  padding: 5px;
  font-size: 16px !important;
}

.img_pencil {
  color: #270D44;
  position: absolute;
  margin-left: 112px;
  margin-top: -49px;
  background: #e7e7e7;
  padding: 3px;
  border-radius: 5px;
}

.img_edit_sidebar {
  color: #270D44;
  position: absolute;
  margin-left: 46px;
  margin-top: -49px;
  background: #e7e7e7;
  padding: 3px;
  border-radius: 5px;
}

.img_edit {
  position: absolute;
  margin-left: 105px;
  margin-top: -49px;
}

/* skills */

.go309598777 {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 20px;
  padding: 9px 15px !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  padding: 15px 20px !important;
  width: 100%;
  color: #495057;
}

.rohit {
  color: #270D44 !important;
  padding-left: 5px;
  padding-top: 3px;
  font-size: 21px !important;
}

/* pagination */

.page-link {
  padding: 12px 19px !important;
  font-size: 15px !important;
  color: rgb(132 42 131) !important;
}

.pagination li {
  margin-right: 0px !important;
}

.page-item.active .page-link {
  background: rgb(132 42 131) !important;
  color: #fff !important;
  border: 1px solid rgb(132 42 131) !important;
}

.page-link:hover {
  background: rgb(132 42 131) !important;
  color: #fff !important;
  border: 1px solid rgb(132 42 131) !important;
}


@media screen and (min-width: 0px) and (max-width: 991px) {
  .page-link {
    padding: 12px 19px !important;
    font-size: 13px !important;
  }
}

.form-check-input {
  position: relative !important;
}

.form-check-label {
  margin-bottom: 0;
  margin-left: 5px;
}



/* navbar services */
.new_blink {
  /* position: absolute; */
  /* left: 130px; */
  /* top: -10px; */
  padding-left: 5px;
  font-size: 10px !important;
  animation: myfirst 0.5s linear infinite alternate;
}

@keyframes myfirst {
  0% {
    color: red;
  }

  25% {
    color: yellow;
  }

  50% {
    color: blue;
  }

  75% {
    color: green;
  }

  100% {
    color: red;
  }
}

.new_blink_inner {
  /* position: absolute; */
  /* left: 130px; */
  /* top: 5px; */
  padding-top: 1px !important;
  font-size: 12px !important;
  animation: myfirst 0.5s linear infinite alternate;
}

@keyframes myfirst {
  0% {
    color: red;
  }

  25% {
    color: yellow;
  }

  50% {
    color: blue;
  }

  75% {
    color: green;
  }

  100% {
    color: red;
  }
}



/* services start */
.error {
  padding-left: 10px;
}

.hire_group {
  margin-bottom: 0px !important;
}

.input {
  position: relative;
  width: 100% !important;
}

.input__label {
  position: absolute;
  left: 18px;
  top: 16px;
  transform: translate(0, 0);
  transform-origin: 0 0;
  opacity: 1;
  transition: transform 120ms ease-in;
  font-weight: lighter;
  line-height: 1.2;
  /* padding: 0px 2px; */
  background: #fff !important;
  z-index: 1025 !important;
  color: #65735b;
}

.input__field {
  box-sizing: border-box;
  display: block;
  width: 100%;
}

.form_hire:focus {
  border: 1px solid #270D44 !important;
  /* border-radius: 4px !important;  */
}

.input__field:focus~.input__label,
.input__field:not(:placeholder-shown)+.input__label {
  transform: translate(1px, -130%) scale(0.7);
  color: #270D44;
  padding: 0px 8px;
  font-weight: 600;
  background: #fff !important;
  border-radius: 5px;
}

.input__field:focus+.form_control {
  z-index: -1024 !important;
}

@media screen and (min-width: 0px) and (max-width:991px) {

  #a1,
  #a2,
  #navbarDropdown,
  #a3,
  #a4,
  #a7 {
    margin-left: 12px !important;
  }

  #navbarNav {
    margin-bottom: 15px !important;
  }
}


/* Process Services */

.process_services {
  margin-top: 110px;
  background-color: #EAF4FC !important;
  padding-top: 30px;
  margin-bottom: 50px;
}

.sevices_top_img {
  background: url('./images/title-shape.png') no-repeat;
  background-position: center;
  background-size: cover;
  height: 200px !important;
  width: 200px !important;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto !important;
  justify-content: center;
  align-items: center;
  display: flex;

}


.services {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px rgb(0 0 0 / 25%);
  margin: 25px;
  padding: 30px;
  border-radius: 178px 178px 50px 50px !important;

}

@media screen and (min-width:530px) and (max-width:768px) {
  .services {
    margin: 5px !important;
    padding: 20px !important;
  }
}

@media screen and (min-width:0px) and (max-width:359px) {
  .services {
    margin: 2px !important;
    padding: 13px !important;
  }
}


.sevices_top_img h2 {
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  font-weight: 600px !important;

}

.service_01 {
  font-size: 30px;
  font-weight: bold;
  color: #cdcdcd;

}

.services_content_inner {
  padding: 12px 0px;
  position: relative;
}

.services_content i {
  padding: 2px;
  border: 1px solid green;
  font-size: 10px;
  border-radius: 50%;
  color: green;
  padding-left: -50px !important;
  position: absolute;
  left: -25px;
  top: 18px;

}

.services_content {
  padding: 10px 15px;
  text-align: initial !important;
  height: 400px !important;
}


.items .owl-dots {
  display: block !important;
}

.services_content_inner span {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500px;
  padding-left: 8px;
  word-wrap: unset;
  word-spacing: unset;
  /* word-break: break-all ; */
}

/* Process Services */


/* hire & train*/


@import url('https://fonts.googleapis.com/css?family=Exo:400,700');




.hire_train_main {
  overflow-x: hidden !important;
  width: 100%;
}

/* navbar starts */

.logo_name {
  font-size: 30px;
  color: #270D44;

}

.navbar_logo {
  height: 80px !important;
}

@media only screen and (min-width: 991px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

.navbar_item {
  /* padding: 5px 10px 5px 10px; */
  padding: 15px 20px !important;
  color: #270D44;
  font-size: 20px;
}

.navbar_enrolement button {
  background-color: #270D44;
  color: #fff;
  border-radius: 5px;
  border: none;
  padding: 3px 6px 3px 6px;
}

.navbar_enrolement button:hover {
  background-color: #1B3B6D;
}

@media screen and (min-width:0px) and (max-width:991px) {
  .navbar_item {
    /* padding: 5px 10px 5px 10px; */
    padding: 15px 12px;
    color: #270D44;
    font-size: 18px;
  }
}

.navbar_item:hover {
  color: #ffb606;
}

.navbar_item a.nav-link {
  color: #270D44 !important;
  font-weight: 700;
}

.dropdown-menu {
  border: none !important;

  box-shadow: 0 0 4px rgb(0 0 0 / 25%) !important;
  font-family: Lato, sans-serif;
}

/* navbar ends */


/* home starts */
/* .home_image_one{
text-align: left;
} */
.home_content {
  /* margin-top: 110px; */
  align-content: center;

}


.home_text {
  align-items: center;
  margin-top: -30px;
}

.home_1 {
  inline-size: 100px;
}

.home_text h1 {
  color: #270D44;
  text-align: center;
  font-weight: 700 !important;
  font-family: Lato, Helvetica, sans-serif;
  /* padding-top: 50px !important; */
  margin-top: -10px;
  padding-bottom: 15px;

}

.img_one {
  margin-left: 30px !important;

}

.img_two {
  margin-left: -5px !important;
}

.img_office {
  height: 225px !important;
  margin-left: -5.5rem !important;
}

.home_content_content {
  /* vertical-align:middle !important; */
  /* justify-content: center; */
  /* align-items: center; */
  /* height: 120px; */
}

img.home_content_content {
  margin-top: 100px !important;
  height: 650px;
  padding-top: 11px;
  width: 100%;
}

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

  img.home_content_content {

    height: auto;
    /* padding: auto !important; */
    margin-top: 100px !important;
  }
}



.home_button {
  padding: 40px 0px 30px 0px;
  text-align: center;
  border: none;
  /* display: flex;  */
  flex-basis: content;
}


.home_button button {
  font-size: 30px;
  padding: 7px 30px 7px 30px;
  border-radius: 30px;
  background-color: #270D44;
  color: #fff;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  border: 1px solid #270D44;
}

.home_button button:hover {
  color: #270D44;
  background-color: #fff;
  border: 1px solid #270D44 !important;
}


#arrowAnim {
  width: 0px;
  height: 0px;
  /* display: flex; */
  text-align: left;

}

.arrow {
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: #270D44 transparent transparent #270D44;
  transform: rotate(135deg);
  margin-top: 155px;
}

.arrow_two {
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: #270D44 transparent transparent #270D44;
  transform: rotate(135deg);
  margin-top: 196px;
}

@media screen and (min-width:1150px) and (max-width:1200px) {
  .arrow_two {
    margin-top: 130px;
  }

  .arrow {
    margin-top: 155px;
  }
}

@media screen and (min-width:1100px) and (max-width:1150px) {
  .arrow_two .arrow {
    margin-top: 130px;
  }

  .arrow {
    margin-top: 130px;
  }
}

@media screen and (min-width:992px) and (max-width:1100px) {
  .arrow_two .arrow {

    margin-top: 140px;
  }

  .arrow {

    margin-top: 155px;
  }
}

@media screen and (min-width:921px) and (max-width:991px) {

  .arrow_two,
  .img-home {

    margin-top: 130px;
  }

  .arrow {
    margin-top: 130px;
  }
}

@media screen and (min-width:861px) and (max-width:920px) {
  .arrow_two .arrow {

    margin-top: 112px;
  }

  .arrow {

    margin-top: 112px;
  }
}

@media screen and (min-width:1025px) and (max-width:1400px) {
  .arrow_two .arrow {

    margin-top: 112px;
  }

  .arrow {

    margin-top: 112px;
  }
}

@media screen and (min-width:768px) and (max-width:860px) {
  .arrow_two {

    margin-top: 100px;
  }

  .arrow {

    margin-top: 100px;

  }

}

@media screen and (max-width:567px) {
  .arrow_two {

    margin-top: 100px;
  }

  .arrow {

    margin-top: 50px;

  }

}

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

  .home_arrow_two,
  .home_arrow {
    display: none;
  }

  .img-home {
    padding-left: 100px;
  }

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

    .home_image {
      display: none;
    }

    .img-home {
      float: left;
    }

    .img_one {
      display: none;
    }

    .img_office {
      display: none;
    }

    .img_two {
      margin-left: 10px !important;
    }

    .benefits_image img {
      margin-left: 2px !important;
    }
  }

  .home_text h1 {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #270D44;

  }

  .selection_five {
    text-align: center !important;
  }

  .selection_one {
    text-align: center;
    /* padding: 10px !important; */
  }

}

.home_arrow {}

.home_arrow_two {
  margin-top: 15px;

}

.arrowSliding {
  position: absolute;
  -webkit-animation: slide 4s linear infinite;
  animation: slide 4s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.delay2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-5vw);
  }

  20% {
    opacity: 1;
    transform: translateX(-2vw);
  }

  80% {
    opacity: 1;
    transform: translateX(2vw);
  }

  100% {
    opacity: 0;
    transform: translateX(5vw);
  }
}

@keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-5vw);
  }

  20% {
    opacity: 1;
    transform: translateX(-2vw);
  }

  80% {
    opacity: 1;
    transform: translateX(2vw);
  }

  100% {
    opacity: 0;
    transform: translateX(5vw);
  }
}

/* home ends */


/* job details starts here */
.job-details {
  padding: 50px;
  /* text-align: center !important; */
}

.job-details h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  padding-bottom: 50px;
}

.job_one_image img {
  height: 180px;
  width: 180px;

}

.job_one_image {

  padding: 30px 20px 20px 20px;
  border-right: 2px dashed #666666;

}

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

  .job_one_image {

    padding: 30px 20px 20px 20px;
    border: none;

  }

}

.job_one_image_one {

  text-align: center;
}

.job_three_image img {
  height: 180px;
  width: 180px;

}

.job_three_image {

  padding: 30px 20px 20px 20px;
  /* border-right: 1px dashed #666666; */

}

.details_button {
  padding: 80px 0px 30px 0px;
}

.details_button button {
  font-size: 30px;
  padding: 7px 30px 7px 30px;
  border-radius: 10px;
  background-color: #270D44;
  color: #fff;
}

.details_button button:hover {
  color: #270D44;
  background-color: #fff;
  border: 1px solid #270D44;
}


/* job details ends here */



/* train starts here */

.train_main h1 {
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  padding-bottom: 50px;
}

.train_one p {
  font-size: 20px;
  color: #555555;
  padding-right: 100px;
  text-align: justify;
}

.train_image img {
  float: left;
  margin-right: 200px;

}

@media screen and (min-width:992px) {
  .train_image img {
    margin: left;
    padding-left: 30px;
  }

  .benefits_image img {
    margin-left: 30px !important;
  }
}

@media screen and (min-width:768px) and (max-width:860px) {}

/* train ends here */

job Guarantee/ .guarantee_text {
  padding-left: 30px;
}

/* Eligibility starts here */

.elibility_head h1 {
  text-align: center;
  padding: 40px;
  font-size: 45px;
  font-weight: 750;
}


.eligibility_one ul {
  list-style-type: none;
  color: #212529;
}

.eligibility_one ul li {
  width: 100% !important;
  height: auto !important;
  text-align: left !important;
  padding: 13px 13px 20px 13px;
  font-size: 16px;
  word-break: break-word;
  line-height: 1.8;
  letter-spacing: 1.1px;
  position: relative;
}

.eligibility_one ul li p img {

  height: 30px;
  width: 30px;
}

.eligibility_one ul li {
  display: inline;
}

.eligibility_one ul li p {
  display: inline;
}

@media screen and (min-width:0px) and (max-width:991px) {
  .eligibilty_image {
    display: none;
  }

}

/* Eligibility ends here */





/* Selection starts here */

.selection_head h1 {
  text-align: center;
  font-size: 45px !important;
  font-weight: 750 !important;
  padding: 40px;
}

.span {
  font-size: 80px;
  font-weight: 600;
  /* margin-top: -20px; */
  padding: 18px;
  color: #270D44;
  font-family: Lato, Helvetica, sans-serif
}

.selection_one p {
  text-align: center;
  font-size: 22px;
  color: #555555;
  padding: 12px 8px;
  margin: 0px 0px 16px;
}

@media screen and (min-width:768px) and (max-width:991px) {
  .selection_one p {
    text-align: justify;
    font-size: 14px;
  }
}

.selection_one img {
  height: auto;
  width: 300px;
}

.selection_one {
  text-align: center;
  padding: 10px !important;
}

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

@media screen and (max-width:767px) {
  .selection_five {
    text-align: center !important;
  }

  .selection_five p {
    text-align: center !important;
  }

}

/* Selection ends here */



/* benefits starts here */
.benefits_head h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 750;
  padding: 50px;
}

.benefits_text ul {
  list-style-type: none;
  color: #212529;
  /* font-family: sans-serif; */
}

.benefits_text {
  /* vertical-align: middle;
   margin-top: 60px; */
  /* align-items: center; */
}

.benefits_image img {
  margin-left: auto;
  margin-left: 175px;
}

.benefits_text ul li {
  width: 100% !important;
  height: auto !important;
  text-align: right !important;
  padding: 13px 13px 20px 0px;
  font-size: 20px;
  /* word-break: break-word; */
  line-height: 1.8;
  letter-spacing: 1.1px;
  position: relative;
}

.benefits_text ul li p img {

  height: 30px;
  width: 30px;
}

.benefits_text ul li {
  display: inline;
  padding: 12px 5px;
}

.benefits_text ul li p {
  display: inline;
}

.benefits_text_p {
  text-align: left;
  font-size: 26px;
  color: #270D44;
  padding-bottom: 30px;
}

/* benefits ends here */



/* job guarantee starts here */

.guarantee_head h1 {
  text-align: center;
  font-size: 45px;
  font-weight: 750;
  padding: 20px;

}

/* .guarantee_text{
vertical-align: middle;
margin-top: 55px;
} */
.guarantee_text p {
  font-size: 22px;
  color: #707070;
  padding: 20px 20px 0px 10px;
  text-align: justify;
  word-spacing: 1.1px;
}

.guarantee_text p b {
  color: #212529;
}


/* job guarantee ends here */


/* Job program starts here */

.program_head h1 {
  font-size: 45px;
  text-align: center;
  font-weight: 760;
  padding: 50px;
}

.program_text p {
  font-size: 22px;
  padding: 30px 30px;
  color: #555555;
  text-align: justify;
  word-spacing: 1.1px;
}

.program_main {
  background-color: #f8f9fb;
  /* margin-bottom: 100px !important; */
}

.program_image img {
  margin: auto;

}

/* Job program ends here */


/* testimonials starts here */


/* clients */
.hire_clients {
  margin: 0px !important;
  /* background: rgb(231, 230, 230); */
  padding: 45px 0px;
}

.corousal_item img {
  margin: auto;

}

.corousal_item p {
  padding-top: 20px;
  font-size: 20px;
  color: #212529;
  text-align: justify;
}

.clients_heading {
  font-family: Lato, sans-serif;
  font-size: 50px;
  font-weight: 750;
  text-align: center;
}

.clients_header {
  padding-bottom: 20px !important;
}

.values {
  padding: 70px 0 60px;
}

.clients .clients-slider .swiper-slide img:hover {
  opacity: 1;
  size: 150%;
}

.clients .clients-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #1B3B6D;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #270D44;
}

.item {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.item img {
  cursor: pointer;
}

@media screen and (min-width: 1040px) {
  .item img {
    height: 80px !important;
    width: 100px !important;
    opacity: 1;
  }

  .item {
    margin-left: 25px !important;
  }
}

@media screen and (min-width: 991px) and (max-width: 1039px) {
  .item img {
    height: 80px !important;
    width: 100px !important;
    opacity: 1;
  }

  .item {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .item img {
    height: 130px !important;
    width: 150px !important;
    vertical-align: middle !important;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .owl-dots {
    display: none;
  }
}

.owl-nav {
  display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .item img {
    height: 80px !important;
    width: 100px !important;
    vertical-align: middle !important;
    opacity: 1;
    margin-left: 30%;
  }

  .item {
    text-align: center;
    justify-content: center;
  }
}

.owl-nav button {
  margin: 0;
  transition: all 0.3s ease-in-out;
  background-color: #E7E7E7;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .owl-nav button.owl-prev {
    left: 0px;
    position: absolute;
    top: 15%;
    color: #270D44;
  }

  .owl-nav button.owl-next {
    right: 0px !important;
    position: absolute;
    top: 15%;
    color: #270D44;
  }
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dots .owl-dot {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
  margin-top: 40px;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background: transparent !important;
}

.owl-nav button:hover {
  background: transparent !important;
  color: #270D44 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #270D44 !important;
}

.owl-theme .owl-dots {
  display: none !important;
}


/* Clients */


/* testimonials ends here */




/* footer starts here */
/* footer{

} */
.footer_body {
  background-color: #270D44;
  /* background-image: url('images/1.jpg'); */
  color: #fff;
  padding: 25px;
}

.footer_one ul {
  list-style-type: none;
  font-size: 16px;

}

.footer_one ul li {
  padding: 3px;
}

.footer_one ul li i {
  padding: 0px 10px 0px 0px;
}


/* footer ends here */



/* .eligibility_button {
padding: 40px 0px 30px 0px;
text-align: center;
border: none;
margin-right: 15px !important;
} */

.home_button .eligibility_button {
  margin-right: 10px !important;
  background-color: #212529;
  color: #FFFFFF;
  font-size: 30px;
  padding: 7px 50px 7px 50px;
  border-radius: 30px !important;
}

/* .eligibility_button button{
font-size: 30px;
padding: 7px 30px 7px 30px;
border-radius: 10px;
background-color: #270D44;
color: #fff;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
} */

.home_button .eligibility_button button:hover {
  color: #270D44;
  background-color: #fff;
  border: 1px solid #270D44;
  border-radius: 10px !important;
}

@media screen and (min-width:0px) and (max-width:465px) {
  .home_button {
    display: block !important;
  }

  .home_button .eligibility_button {
    margin-bottom: 20px !important;
  }

}

@media screen and (min-width:466px) and (max-width:767px) {
  .home_button {
    display: flex !important;
  }
}


@media screen and (min-width:992px) {
  .testimonial_item img {
    height: 175px !important;
    width: 175px !important;

  }

}


/* GENERAL */


svg {
  height: 100%;
  width: auto;
  /* margin-left: auto; */
  /* margin-right: 100px !important; */
}

/* ELEMENTS POSITIONS */
#building_bottom,
#window_01,
#window_02,
#door {
  transform: translateY(20px);
  z-index: 1;
}

#building_top,
#balcony_01,
#balcony_02,
#balcony_03,
#balcony_04,
#balcony_05,
#balcony_06 {
  transform: translateY(56px);
  z-index: -1;
}

#small_tree,
#big_tree {
  transform: translateY(28px);
}

/* ELEMENTS ANIMATIONS */
#building_bottom {
  animation: buildingBottom 2s ease-out forwards;
}

#window_01,
#window_02,
#door {
  animation: buildingBottom 2s 0.1s ease-in forwards;
}

#building_top {
  animation: buildingTop 2s 1.2s ease-out forwards;
}

#balcony_01,
#balcony_02,
#balcony_03 {
  animation: buildingTop 2s 1.4s ease-out forwards;
}

#balcony_04,
#balcony_05,
#balcony_06 {
  animation: buildingTop 2s 1.6s ease-out forwards;
}



#cloud_left {
  transform: translateX(-11px);
  animation: cloudLeft 20s 2s linear infinite;
}

#cloud_right {
  transform: translateX(72px);
  animation: cloudRight 15s 2s linear infinite;
}

.testmonial {
  border-radius: 50%;
  margin-left: 50px !important;
}

/* ANIMATIONS */
@keyframes buildingBottom {
  0% {
    transform: translateY(20px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes buildingTop {
  0% {
    transform: translateY(56px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes trees {
  0% {
    transform: translateY(28px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes cloudLeft {
  0% {
    transform: translateX(-11px);
  }

  100% {
    transform: translateX(100px);
  }
}

@keyframes cloudRight {
  0% {
    transform: translateX(72px);
  }

  100% {
    transform: translateX(-100px);
  }
}

.img_office {
  width: 100% !important;
  padding-bottom: 10px;
}

@media screen and (min-width:576px) and (max-width:767px) {
  .home_text {
    margin-top: -70px !important;

  }

  .home_text h1 {
    font-size: 25px !important;
  }

}

/* @media screen and (min-width:0px) and (max-width:425px) {
.guranatee_image {
  text-align: center;
  margin-left: -95px !important;
}

} */


.guranatee_image {
  height: 500px !important;
}

@media screen and (max-width:1040px) {
  .guranatee_image {
    /* text-align: center; */
    /* margin-left: -95px !important; */
    height: auto;
  }
}

@media screen and (min-width:767px) and (max-width:991px) {
  .benefits_image img {
    margin-left: 8px !important;

  }

  @media screen and (min-width:1023px) and (max-width:1440px) {
    .benefits_image img {
      margin-left: 8px !important;

    }

    .img_office {
      width: 100% !important;
      padding-bottom: 10px;
      margin-left: 5px !important;
    }

  }

  @media screen and (min-width:1024px) {
    .benefits_image img {
      margin-left: 28px;

    }
  }

  @media screen and (min-width:319px) and (max-width:767px) {
    .img_two {
      margin-left: 25px !important;
    }



    @media screen and (max-width:1440px) {
      .benefits_image img {
        margin-left: 180px !important;

      }
    }

    @media screen and (min-width:2560px) {
      .benefits_image img {
        margin-left: 620px;

      }

      .img_one {
        margin-left: 250px !important;
      }
    }
  }
}

/* hire & train ends */


/* home icons svg */
.svg_icons {
  height: 50% !important;
  width: 100% !important;
  margin-top: 4px !important;
}


/* shareicon */
#sec4 .job-post .share_icon {
  position: absolute;
  top: 30px;
  right: 20px;
  color: #270D44;
  cursor: pointer;
}

.card-title {
  color: white !important;
}

.companies_sec_1_heading_1 {
  color: #ffff;
}

.filter_list_heading_1 {
  color: #ffff;
}

.testimonial_image_avatar {
  border-radius: 50%;
}

.full_image {
  background-image: url('./images/login_img.jpeg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}


.Job_link {
  display: inline-block;
}

.jobs_jobs.active {
  background-color: #270D44;
  color: #ffffff !important;
}

@media screen and (max-width:992px) {
  .Job_link {
    margin-bottom: 35px;
  }

  .heading_pic_alljobs {
    padding: 25px 0px;
  }
}


@media screen and (min-width: 0px) and (max-width: 767px) {

  #input1_joblocation,
  #input2_joblocation,
  #input_btn_joblocation {
    border-right: none !important;
    margin: 5px 0px;
  }

  #input1_joblocation,
  #input2_joblocation {
    /* box-shadow: 0 0 8px rgb(0 0 0 / 25%);
    margin: 10px 0px; */
  }

  .browse_joblocation_list-search_box {
    width: 100% !important;
  }

  .heading_pic_joblocation {
    margin-top: 45px;
  }
}

.All-Links {
  color: #7476b6 !important;
  font-weight: 800;
  font-size: 17px;
}

.filter_list_sub_heading_1:hover {
  color: #270D44;
}



/* Hire and Train Animation */

.hiretrainposition {
  text-align: center;
  color: #000;
  line-height: 27px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 10px;
}

@media (max-width: 767px) {
  .process-bg {
    background-repeat: no-repeat;
    margin-bottom: 0;
    background-size: 100%;
    background: none !important;
  }

  .hiretrainlevel {
    text-align: center;
  }

  .hiretrainlevel.lev-one.top-level {
    margin-bottom: 70px;
  }

  .hiretrainposition {
    display: block;
    background-color: rgba(255, 255, 255, 0.33);
  }

  .lev-two .hiretrainposition {
    margin-bottom: 50px;
    position: relative;
  }

  .lev-two .hiretrainposition:before {
    position: absolute;
    content: "";
    width: 50px;
    height: calc(100% + 50px);

    left: -50px;
    bottom: 50%;
  }

  .lev-two .hiretrainposition:first-child:before {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .hiretrainlevel {
    text-align: center;
  }

  .top-level {
    margin-bottom: 100px;
  }

  .hiretrainposition {
    display: inline-block;
    width: calc(18.28% + 58px);
    vertical-align: top;
    position: relative;
  }

  .lev-two .hiretrainposition:nth-child(even) {
    margin-top: 95px;
  }

  .lev-two .hiretrainposition:nth-child(even):before {
    content: "";
    position: absolute;
    height: 180px;

    top: -180px;
  }

  .lev-two .hiretrainposition {
    margin-left: -20px;
    margin-right: -20px;
  }

  .lev-two .hiretrainposition:before {
    content: "";
    position: absolute;
    height: 50px;
    top: -50px;
    width: calc(100% - 40px);

    left: 50%;
  }

  .lev-two .hiretrainposition:nth-last-child(1):before {
    content: "";
    position: absolute;
    height: 50px;

    top: -50px;
    width: calc(100% - 20px);
    border-top: none;
  }

  .flow-chart {
    position: relative;
  }

  .top-level .hiretrainposition:after {
    content: "";
    position: absolute;
    height: 50px;

    bottom: -50px;
    width: calc(100% - 40px);
    left: 50%;
  }
}

.process-bg {
  background-repeat: no-repeat;
  margin-bottom: 0;
  background-size: 100%;
}

.pre-loader .bounce {
  animation: bounce 5s linear infinite;
}

@keyframes bounce {

  from,
  to {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }

  45% {
    transform: translateY(5em);
    animation-timing-function: linear;
  }

  50% {
    transform: translateY(5em);
    animation-timing-function: linear;
  }

  100% {
    transform: translateY(5em);
    animation-timing-function: ease-out;
  }
}

.pre-loader .bounce2 {
  animation: bouncer 5s linear infinite;
}

@keyframes bouncer {

  from,
  to,
  0% {
    transform: translateY(5em);
    animation-timing-function: ease-in-out;
  }

  45% {
    transform: translateY(-5em);
    animation-timing-function: linear;
  }

  50% {
    transform: translateY(-5em);
    animation-timing-function: linear;
  }

  100% {
    transform: translateY(0em);
    animation-timing-function: ease-out;
  }
}

.hiretraineligibilty {
  color: #01c4fd;
  font-size: 14px;
  text-transform: uppercase;

  line-height: 24px;
}

.hiretrainevalution {
  color: #5342ff;
  font-size: 14px;
  text-transform: uppercase;

  line-height: 24px;
}

.hiretraintraining {
  color: #9929f2;
  font-size: 14px;
  text-transform: uppercase;

  line-height: 24px;
}

.hiretraininterview {
  color: #008900;
  font-size: 14px;
  text-transform: uppercase;

  line-height: 24px;
  margin-top: 24px !important;
}

.hiretrainonboarding {
  color: #ff425c;
  font-size: 14px;
  text-transform: uppercase;

  line-height: 24px;
}

/* html {
overflow-x: hidden;
} */

.hiretrainposition img {
  margin: 0px auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

strong {
  font-weight: bold;
}

.hiretrainheading {
  text-align: center;
}

.hiretrainheading h2 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 15px;
}

.hiretrainheading p {
  margin-top: 20px;
  margin-bottom: -190px !important;
}

.hiretrainheading a.btn {
  margin-top: 25px;
}

.HandT_para {
  text-align: justify;
}

.fourth_img {
  margin-top: -35px !important;
}


/*ERROR  */

/* section 2 */

.error_heading {
  font-size: 200px;
  line-height: 180px;
  /* color: #232323; */
  font-family: Rubik, sans-serif;
  letter-spacing: -13px;
}


.error_heading_2 {
  font-size: 45px;
  letter-spacing: 2px;
  color: #270D44 !important;
  font-family: Rubik, sans-serif;
}

.error_button {
  background-color: #270D44 !important;
  font-family: roboto;
  outline: none;
  border: 0 solid transparent;
  /* white-space: pre; */
  transition: all .2s linear;
  width: fit-content;
}



.search_icon_error {
  color: #270D44;
  padding: 0px 10px
}

.notFound {
  fill: #270D44;
  height: 180px;
  stroke: #270D44;
  stroke-width: 1.5;
  margin-right: -11px;
  margin-left: 15px;
  transform: rotate(0deg);
  animation: lupa 5s infinite;
}

@keyframes lupa {
  from {
    fill: #270D44;
    stroke: #270D44;
    stroke-dasharray: 0;
  }

  to {
    fill: #270D44;
    stroke: #270D44;
    stroke-dasharray: 95;
  }
}

.notFound rect {
  stroke: none;
}

.svg_error {
  text-align: center;
}

.error_section_2 {
  align-items: center;
  vertical-align: middle;
  margin-top: 150px;
  margin-bottom: 100px;
}

@media screen and (min-width:0px) and (max-width: 767px) {
  .error_heading {
    font-size: 100px;
    line-height: 80px;
  }

  .error_heading_1 {
    font-size: 50px;
    letter-spacing: 8px;
    line-height: 70px;
    font-family: Rubik, sans-serif;
  }

  .error_heading_2 {
    font-size: 25px;
    letter-spacing: 2px;
    color: #270D44 !important;
    font-family: Rubik, sans-serif;
    line-height: 18px;
  }

  .notFound {
    fill: #270D44;
    height: 100px;
    stroke: #270D44;
    stroke-width: 1.5;
    margin-right: -12px;
    margin-left: 9px;
    transform: rotate(0deg);
    animation: lupa 5s infinite;
  }

}


/* ERROR */


/* TextResume */

/* navbar */

.bar {
  padding: 10px 3px 10px 0px;
  font-size: small;
}

.data {
  margin-left: auto;
  padding-top: 30px;
  font-size: 30px;
  color: #fff;
}

.toggler {
  color: #4f4f4f !important;
}

.data-1 {
  margin-left: auto;
  padding-top: 5px;
  font-size: 20px;
  color: #fff;
}

.exp {
  padding-left: 0px;

}

.textresume_box {
  box-shadow: -1px -5px 8px -2px rgba(194, 169, 169, 0.6);
  padding: 5px 10px 5px 30px;
  font-size: 10px;
  font-weight: 500;
  width: 20px;
  background-color: #fff;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}



.code {
  /* text-align: center; */
  background-color: #270D44;
  margin-top: 10px !important;
  padding: 15px !important;
  /* color: #fff !important; */
}

/* end navbar */


/* buy */
.benfit {

  font-size: 20px;
  margin-top: 20px;
  margin-left: auto;
  overflow-x: auto;
}

.bg {
  background-image: url('./images/bg.jpg');

  width: 100%;
  background-size: cover;
  margin-top: 110px !important;


}

/* .step_img{
  height: 70px;
  width: 10px;
} */
.summary {

  background-color: #270D44;
  color: #fff !important;
  padding: 40px !important;

}

.step_img img {
  vertical-align: middle;
  width: 100px;
  height: 100px;
  margin-top: 20px !important;
}

.step_data {
  text-align: justify;
}

.view-btn {
  color: #4f4f4f;
  background-color: #fbfbfb;
  margin-left: 50px !important;
  font-size: 10px !important;
}

.textresume_resume {
  font-size: small !important;
}

.work {
  margin-left: auto;
  font-size: 30px;
}

.step {
  text-align: center;
  /* margin-bottom: 10px !important; */
}

.time {
  margin-left: auto;
}

.working {
  font-size: small;
}

.days {
  overflow-x: auto;
}

/* end Buy */


/* Footer */

.h3 {
  color: red;
}

.ul {
  font-size: small;
}

.textresume_information {
  text-align: justify;
  background-color: #f5f3f3;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 10px;


}

.p1 {
  font-size: small;
}

.textresume_footer {
  background-color: #2e3339;
  color: #fff;
  padding-top: 30px;
}

.disclaimer {
  margin-left: auto;
  padding-top: 30px;

}

.p5 {
  margin-left: auto;
  font-size: small;
  padding-right: 30px;
  text-align: justify;
}

/* End Footer */
@media screen and (max-width:320px) {

  .textresume_box {
    margin: right 10px !important;
    padding: 5px 10px 5px 30px;
  }
}

.textresume_table thead tr th {
  background-color: transparent;
  border: 1px solid #e1e7ff !important;
}

.textresume_table tbody tr th {
  /* background-color: #fff !important; */
  /* color: red; */
  font-size: 12px !important;
  font-weight: 100;
  background-color: transparent;
  border: 1px solid #e1e7ff !important;

}

.textresume_table tbody tr td {
  text-align: justify;
  /* background-color: red; */
  padding-left: 35px !important;
  font-size: 12px !important;
}

.experince:hover {
  background-color: #270D44 !important;
  color: #fff !important;
}

.textresume_lists ul li {
  list-style-type: square !important;
}

.textresume_row {
  background-color: #dee2e6 !important;
}


/* text resume */

.defaultcompanies {
  width: 100% !important;
}

.defaultcompanies img {
  width: 80px;
  text-align: -webkit-center;
}


/* OnlineExam home page*/



.Exam_Welcome {
  color: #270D44;
  font-weight: 900;
}

.Exam_Instuctions {
  color: #270D44;
}

.Exam_Test {
  border: 1px solid #270D44;
  width: fit-content;
  padding: 10px 50px;
  border-radius: 30px;
  background-color: #270D44;
  color: #fff;
  cursor: pointer;
}

.Exam_Test:hover {
  background-color: #fff;
  color: #270D44;
}

.Exam_Instuction_ul li {
  list-style-type: square !important;
}

/* /MainTest start/ */
.Qnumber {
  text-align: center;
}

.Qnumber h3 {
  background-color: #270D44;
  color: #fff;
  padding: 7px 50px;
  border-radius: 30px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
}

.question {
  padding: 50px 30px 20px 30px;
  box-shadow: 0 0 8px rgb(0 0 0 / 25%);
  text-align: center;
  margin-top: -29px;
  margin-bottom: 20px;
}

.Qcontent p {
  font-size: 18px;
  text-align: center;
  margin: 0px 100px;
}

#option_main {
  text-align: center;
  box-shadow: 0 0 6px rgb(0 0 0 / 35%);
  margin-bottom: 25px;
  cursor: pointer;
}

#option_main #option {
  font-size: 18px;
  margin: 0px !important;
  padding: 15px 0px;
}

.online_main {
  margin-top: 30px;
}

.Qnext_btn button {
  box-shadow: none !important;
  padding: 7px 42px;
  background-color: #270D44;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  border-radius: 25px;
  margin-top: 20px;
  border: none;
  cursor: pointer;
}

.main_test_container {
  padding: 70px 82px !important;
  margin: 160px auto 50px;
  box-shadow: 0 0 6px rgb(0 0 0 / 35%);
  border-radius: 25px;
  position: relative;
}

@media screen and (max-width:767px) {
  .question {
    padding: 50px 5px 20px 5px;
  }

  .Qcontent p {
    margin: 0px 10px;
  }

  .main_test_container {
    padding: 70px 5px !important;
  }
}

.selected {
  background-color: #270D44;
  color: #ffff;
}

.next_disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* MainTest ends */

.registerform {
  margin-top: 100px;
  margin-bottom: 30px;
}

.Exam_after_submit {
  background: linear-gradient(45deg, #A547B1, #270D44) no-repeat center;
  text-align: center;
  padding: 50px !important;
  margin-top: 200px;
  margin-bottom: 100px;
  border-radius: 30px;
  box-shadow: 0 0 8px rgb(0 0 0 / 100%);

}

.Exam_after_submit h1 {
  color: #fff !important;
}


/* filter grid view */

.job_filter_grid_info h5 {
  margin-bottom: 10px !important;
  vertical-align: middle;
}

@media screen and (min-width:767px) and (max-width:1200px) {
  #job_filter_list .filter_list_job_post h4 {
    width: 200px;
  }
}

@media screen and (min-width:1200px) {
  #job_filter_list .filter_list_job_post h4 {
    width: 250px;
  }
}

.job_details_applybtn_grid {
  padding: 4px 8px !important;
  background-color: #270D44;
  color: #fff;
  font-size: 14px;
}

.job_details_applybtn_grid:hover {
  background-color: #270D44;
  color: #fff;
}

#job_filter_list .filter_list_job_post h4 {
  margin-bottom: 10px;
  line-height: 28px;
  font-weight: 600;
  font-size: 24px;
  color: #232323;
  margin-top: 10px;
}

.job_filter_grid_in_up span {
  font-family: Lato, sans-serif;
  padding: 5px 10px !important;
  color: #270D44;
  font-weight: 500;
}

.job_filter_grid_in_down {
  margin-top: 0px !important;
}

@media screen and (min-width:768px) and (max-width:991px) {
  .apply_grid_box {
    position: absolute;
    top: 50px;
    right: 20px;
  }

}

@media screen and (min-width:992px) and (max-width:1199px) {
  .apply_grid_box {
    margin-left: 160px;
  }

  .apply_job_grid_new {
    margin-left: 60px !important;
  }
}

@media screen and (min-width:1200px) {
  .apply_grid_box {
    position: absolute;
    top: 25px;
    right: 25px;
  }

  .job_filter_grid_info h5 {
    width: 220px;
  }
}



/* paytm payment */
.payment_paytm {
  /* margin-top: 150px !important; */
  margin-bottom: 50px;
  box-shadow: 0 0 8px rgb(0 0 0 / 16%);
  padding: 20px;
}

@media screen and (min-width:0px) and (max-width:576px) {
  .payment_paytm {
    box-shadow: none;
  }

  .payment_form {
    box-shadow: 0 0 8px rgb(0 0 0 / 15%);
    padding-bottom: 25px;
  }
}

@media screen and (min-width:1300px) {
  .payment_main {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}

.payment_submit {
  box-shadow: none;
  background-color: #270D44 !important;
  font-size: 18px !important;
  padding: 8px 40px !important;
  color: #fff !important;

}

.payment_submit:hover {
  box-shadow: none;
  background-color: #270D44;
  font-size: 18px !important;
  padding: 8px 40px !important;
  color: #fff;
}

.payment_fail {
  margin: 400px auto;
  text-align: center;
}

.navbar-brand img {
  /* height: 100px !important; */
  width: 170px !important;
}


/* payment Modal */
.close_modal {
  border: none;
  font-size: 20px;
  padding: 9px 12px;
  color: #270d44 !important;
  background-color: #ffffff;
  border-radius: 50%;
}

.payment_details_heading h5 {
  font-size: 25px;
  font-weight: 600;
  background-color: #E1E6EB;
  padding: 5px 10px;
  max-width: fit-content;
  margin: 0px 0px 15px 0px !important;
  color: #270D44;
  border-radius: 3px;
}

.payment_modal {
  width: 270px;
}

.payment_details .payment_1 {
  width: 170px;
  font-size: 17px;
}

.payment_details .payment_2 {
  padding-left: 20px;
  font-weight: bolder;
}

.hr_divider {
  height: 0.5px;
  background-color: #726d6d;
  width: 250px;
}

.buynow_payment .buynow_here {
  width: 100%;
  padding: 8px 0px;
  background-color: #270D44;
  border: none !important;
  border-radius: 5px;
  color: #fff;
  margin-top: 25px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
}

.close_modal_btn {
  margin-top: -13px;
  margin-left: 250px;
}

/* Payment Modal */


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

.location_resume_1 {
  margin-right: 0px;
}

.location_resume_2 {
  margin-right: 0px;
}

.verify_right {
  color: #2A55FA;
  margin-left: 15px;
  font-size: 15px;
}

.verify_right i {
  color: #2A55FA;
  font-size: 17px !important;
}


.google_ads {
  /* <<<<<<< HEAD
<<<<<<< HEAD
======= */
  /* overflow-x: hidden !important; */
  /* >>>>>>> 23f76c1226d875a5ac4ac6a855ce7982dc81d966
======= */

  /* overflow-x: hidden !important; */

  /* >>>>>>> fb00e91015041e22d08e268288dba2ce256a048d */
  width: 100%;
  margin-bottom: 20px;
  /* height: 100px !important; */
}

.vgad {
  z-index: -9999 !important;
}



/* Buy Services DATABASE */
.Buyservices {
  margin-top: 110px;
  margin-bottom: 65px;
  padding-top: 30px;
}

.services_IT {
  padding: 14px;
  background-color: #0F81E2;
}

.services_NON_IT {
  background-color: #1CBBB4;
}

.services_Complete {
  background-color: #3A697C;
}

.services_View {
  background-color: #5EBF8E;
}

.services_Divine {
  background-color: #df2938;
}

.services_xs {
  background-color: #494ba0;
}

.services_add {
  background-color: #52c41a !important;
}

.services_IT .stream {
  color: #fff;
  font-weight: 600;
}

.services_IT .price {
  float: right;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

.services_IT h6 {
  color: #fff;
}

.buy_main {
  border: 1px solid #E9E9E9;
  padding: 10px;
  margin: 20px 0px;
}

.buy_description ul li {
  list-style: square !important;
  color: #929292;
  padding: 3px 0px;
}

.buy_description ul {
  margin: 0px 15px;
}

.buy_now {
  display: inline-block;
  padding: 7px 22px !important;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background: #270D44;
  border: #df3838 solid 1px;
  transition: all 0.75s ease;
  color: #fff;
  border-radius: 2px;
}

.buy_now:hover {
  background-color: #270D44;
  padding: 7px 22px !important;
}

.enquire_now {
  display: inline-block;
  padding: 7px 22px !important;
  margin-bottom: 0;
  font-size: 16px !important;
  border: 1px solid #270D44 !important;
  transition: all 0.75s ease;
  color: #270D44 !important;
  font-weight: 600 !important;
  border-radius: 2px;
  background-color: #FFFFFF;
  border-radius: 30px;
}

.enquire_now:hover {
  background-color: #270D44;
  color: #FFFFFF !important;
  border: 1px solid #270D44 !important;
}

.enquire_now:active {
  padding: 7px 22px !important;
  border: 1px solid #270D44 !important;
}

.enquire_now:active {
  padding: 7px 22px !important;
  border: 1px solid #270D44 !important;
}

.services_buy_now span {
  color: #6f6f6f;
  width: 100px;
  float: right;
  font-size: 12px;
}

/* Buy Services DATABASE */

/* Combo Products */
.combo_products {
  padding-bottom: 15px;
  border: 2px solid #E9E9E9;
  margin: 15px 0px;
  border-radius: 3px;
}

.combo_header {
  border-bottom: 1px solid #E9E9E9;
  padding: 12px 0px;
  font-weight: bolder;
  background: #0F81E2;
  font-size: 18px;
  color: #fff;
}

.combo_content {
  padding: 10px 15px 0px;
}

.combo_inner_head h6 {
  color: #270D44;
  font-size: 22px;
  font-weight: 700;
}

.combo_inner_head p {
  color: #270D44;
  font-size: 16px;
  font-weight: 700;
}

.combo_inner_head p span {
  color: #1CBBB4;
  padding-right: 5px;
}

.combo_payment p {
  position: relative;
  padding: 5px 0px;
}

.combo_payment .combo1 {
  color: #969696;
  font-weight: 600;
  width: 160px;
}



.combo_payment .combo2 {
  width: 85px;
  font-weight: 600;
  color: #270D44;
}

.combo_payment p sub {
  font-weight: 600;
  position: absolute;
  bottom: -8px;
  left: 58px
}

.buy_combo_now {
  margin: 36px 0px 0px;
}

.contact_details {
  padding: 20px;
  border: 2px solid #E9E9E9;
}

.heading_details h5 {
  font-weight: 600;

}

.contact_phone span {
  margin-right: 20px;
  padding-right: 5px;
  border-right: 2px solid #E7E7E7;
  color: #969696;
  font-weight: 600;
}

/* Combo Products */



/* Branding */
.branding_main {
  padding: 15px 0px;
  /* border: 2px solid #E9E9E9; */
}

.branding_heading h3 {
  font-weight: 700;
  font-size: 22px;
  color: #270D44;
}

.branding_heading p {
  font-size: 17px;
  text-align: justify;
}

.brand_media {
  padding: 15px;
  background: #F3F6FD;
  border-radius: 3px;
}

.brand_media h5 {
  font-size: 20px;
  font-weight: bold;
  color: #7F7F7F;
  padding-bottom: 15px;
}

.brand_media p {
  font-size: 16px;
  font-weight: 600;
  color: #7F7F7F;
  text-align: justify;
}

@media screen and (min-width:768px) {
  .media_img {
    margin-top: 50px;
  }

  .buy_branding {
    margin-top: 45px !important;
  }
}

.buy_now_branding {
  background-color: #fff !important;
  color: #270D44;
  font-weight: bold !important;
  border: 2px solid #270D44 !important;
}

.buy_now_branding:hover {
  background-color: #270D44 !important;
  color: #FFFFFF !important;
  animation: ease-in-out;
  transition: all 0.45s ease-in-out;
}

.buy_now_branding:focus {
  padding: 0.375rem 0.75rem !important;
  border: 2px solid #270D44 !important;
}

.brand_media_right {
  background: #FFFFFF !important;
}

.branding_content {
  padding: 0px 15px 15px;
  border: 2px solid #E9E9E9;
  margin: 20px 0px 15px;
  border-radius: 10px;
}

.branding_content_top h3 {
  font-weight: 700;
  font-size: 18px;
  color: #270D44;
}

.branding_content_top p {
  font-size: 16px;
  color: #7F7F7F;
}

.buy_branding {
  margin-top: 15px;
}


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

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.Brand-modal-img {
  width: 100%;
  height: 100%;
}

.Brand-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ccc;
  background: #fff;
  overflow: auto;
  border-radius: 10px;
  outline: none;
  padding: 5px;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.5);
}

.Brand-modal-color {
  /* background: rgb(126 120 120 / 65%); */
  background: rgb(181 167 167 / 78%)
}

.Brand-modal-color1 {
  /* background: rgb(102 86 86); */
  /* background: rgb(98 86 86); */
  background: rgb(187 143 143 / 27%);
}

.Brand-modal-color2 {
  /* background: rgb(102 86 86); */
  background: rgb(129 126 126);
}

.Brand-modal-color3 {
  /* background: rgb(102 86 86); */
  background: rgb(141 122 122 / 43%);
}

.Brand-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
}

.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}

.ReactModal__Overlay--after-open {
  opacity: 1;
  background-color: rgb(28 25 25 / 97%) !important;
  z-index: 11111 !important;
}

.ReactModal__Overlay--before-close {
  opacity: 0;
}

.Brand-modal-Button {
  border: 1px solid black;
  border-radius: 50%;
  padding: 6px 7px 5px 7px;
  float: right;
  cursor: pointer;
}

.Button_color {
  border: 1px solid black;
  border-radius: 50%;
  padding: 6px 7px 5px 7px;
  float: right;
  cursor: pointer;
  background: #fff;
}


/* Branding */


/* Xpress Job Type */

.xpress_top {
  /* margin-top: 200px !important; */
  margin-bottom: 50px;
}

.xpress {
  border: 1px solid #ebebeb;
}

.xpress_img {
  width: 90% !important
}

.xpress_bg {
  background-image: url('./images/xpressbg.jpg');
  height: 100px !important;
}

.xicon {

  width: 50px;
  height: 50px;
  margin-top: 15px;
  margin-left: 50px;

}

.x_bg {
  background-color: #f6f8fd;
}

.x_box {
  border: 1px solid #ebebeb;
  margin-left: 20px;
  margin-right: 20px;
}

.x_box h3 {
  font-weight: bold;
  font-size: 17px;
  color: #000;
  padding: 0 0 5px 0;
}

.x_box p {
  color: #7f7f7f;
  font-weight: 14px;
}

.xpress_enquire {
  background-color: #270d44;
  color: #fff;
  font-size: 30px;
  border-radius: 3px;
  border: none;
  padding: 15px 40px;
  margin-top: 40px;
  margin-bottom: 50px;
  cursor: pointer;
}

.xpress_btn {
  margin-left: auto;
  margin-right: auto;

}

.xpress_mhead {
  background-color: #d3d3d3;

}

.xpress_mtitle {
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
}

.xpress_tag1 {
  color: #ed3237;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 35px;
}

.xpress_tag2 {
  /* padding-left:360px; */
  color: #ed3237;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

@media screen and (min-width:0px) and (max-width:768px) {
  .xpress_img {
    width: 30% !important
  }

  .xpress_bg {
    /* background-image: url('images/xpressbg.jpg'); */
    height: 180px !important;
  }

  .x_c1 {
    margin-top: 140px !important;

  }

  .x_bg {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .xicon {
    margin-left: 170px !important;
    margin-bottom: 15px !important;
  }

}

@media screen and (min-width:768px) {
  .xpress_img {
    width: 100% !important;
    margin-top: 25px;
  }
}

/* @media screen and (min-width:769px) and (max-width:1120px)
{
.xpress_img
{
width: 20% !important;
margin-top:50px;
}
} */

/* @media screen and (min-width:0px) and (max-width:320px) {

  .xicon
{
  margin-left: 100px !important;
  margin-bottom: 15px !important;
}
} */

@media screen and (min-width:0px) and (max-width:768px) {
  .xicon {
    margin-left: 25px !important;
    margin-bottom: 15px !important;
  }

  .xpress_pab_img {
    text-align: center;
  }
}

.xmodal_btn {
  background-color: #270d44;
  color: #fff;
}

.xmodal_btn:hover {
  background-color: #270d44;
  color: #fff;
}


/* Xpress Job Type */

/* SMS */

/* .sms_top
{
margin-top: 200px !important;
margin-bottom: 50px;

} */

.sms_icon {
  border: 1px solid #337ea0;
  border-radius: 50%;
  padding: 1px 5px;
}

.sms_notification {

  padding: 5px;
  background-color: #dcf4ff;
  color: #337ea0;
}

.sms_description {
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
}

.sms_lists li {
  color: #7f7f7f;
  line-height: 2;
  list-style-type: square !important;
  margin-left: 35px;
}

.sms_footer {
  color: red;
  margin-right: 0px !important;


}

.sms_img1 {
  background-color: #fff;
  width: 70% !important;
  margin-left: 35px;
  margin-top: 250px;
}

@media screen and (min-width:0px) and (max-width:320px) {

  .sms_img1 {
    background-color: #fff;
    width: 31% !important;
    margin-left: 90px;
    margin-top: 25px;
    margin-bottom: 25px !important;
  }
}

@media screen and (min-width:321px) and (max-width:498px) {
  .sms_img1 {
    background-color: #fff;
    width: 31% !important;
    margin-left: 100px;
    /* margin-left: auto !important;
  margin-right: auto !important; */
    margin-top: 25px;
    margin-bottom: 25px !important;
  }
}

@media screen and (min-width:499px) and (max-width:767px) {
  .sms_img1 {
    background-color: #fff;
    width: 31% !important;
    margin-left: 175px;
    /* margin-left: auto !important;
  margin-right: auto !important; */
    margin-top: 25px;
    margin-bottom: 25px !important;
  }
}

/* SMS */

/* jobposting */

.C1_top {
  /* margin-top: 200px !important; */
  margin-bottom: 50px;

}

.c1_border {
  /* height: 400px; */
  border: 2px solid #7f7f7f !important;
}

.C1_topline {
  padding: 10px 0 20px 0;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  color: #7f7f7f;

}

.C1_box {
  background-color: #072e50;
  /* height:395px; */
}

.C1_img {

  width: 70% !important;
  margin-left: 35px;
  margin-top: 140px;
  background-color: #FFFFFF;
}

@media screen and (min-width:0px) and (max-width:767px) {
  .C1_img {
    width: 200px !important;

    height: fit-content;
    margin-top: 20px;

    margin-bottom: 20px;
  }
}

.c1_buynow {
  background-color: #270d44;
  color: #fff;
  padding: 10px 20px;
  border: none;
  margin-top: 10px;
  border-radius: 5px;
  cursor: pointer;
}

.c1_description {
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
}

.c1_lists li {
  /* list-style-type:circle; */
  color: #7f7f7f;
  line-height: 2;
  list-style-type: square !important;
  margin-left: 35px;
}

.c1_footer {
  color: red;
  margin-right: 0px !important;


}

/* b.c1_footer
{
text-align: center;
} */


/* jobposting */

.Tabs_main::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.Tabs_main {
  overflow-x: scroll !important;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}










/* Serach  */
.se-menu {
  position: absolute;
  left: 15px;
  right: 15px;
  padding: 0px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  display: none;
}

.se-menu li {
  list-style: none;
  cursor: pointer;
  padding: 10px 15px;
  border-bottom: 1px solid #f3f3f3;
}

.search_btn_1 {
  background-color: #270D44;
  color: #FFFFFF;
  border-radius: 0px !important;
  padding: 13px 16px !important;
}

.search_btn_1:hover {
  background-color: #270D44;
  color: #FFFFFF;
  border-radius: 0px !important;
  padding: 13px 16px !important;
}

.search_btn_1:active {
  background-color: #270D44;
  color: #FFFFFF;
  border-radius: 0px !important;
  padding: 13px 16px !important;
}

.serach_input_1 {
  color: #FFFFFF;
  padding: 12px 16px !important;
  border-radius: 0px !important;
}

.serach_input_1:focus {
  border-color: #270D44 !important;
}

/* Search */


.Q_calculator {
  font-size: 50px;
  color: #270d44 !important;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
}




/* calculator */

.app {
  --bg-color-1: #9db3ed;
  --bg-color-2: #f9f9f9;
  --text-color-1: #0b1537;
  --text-color-2: #636363;
}

.app[data-theme="dark"] {
  --bg-color-1: #172d67;
  --bg-color-2: #050c26;
  --text-color-1: #fbfcfc;
  --text-color-2: #bbbcbc;
}

.custom-scroll::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

.custom-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.14);
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
  background-color: gray;
}

/* .app {
background: #2a6c84;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
} */

.app_calculator {
  height: 400px;
  width: 200px;
  border-radius: 30px;
  box-shadow: 1px -1px 20px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.app_calculator_navbar {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  min-height: 40px;
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.app_calculator_navbar img {
  height: 50px;
  width: 110px;
  /* margin-left: auto;
margin-right: auto; */
}

.app_calculator_navbar_toggle {
  height: 15px;
  width: 30px;
  border-radius: 20px;
  box-shadow: 1px 1px 40px 80px rgba(0, 0, 0, 0.14);
}

.app_calculator_navbar_toggle_circle {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #fff;
  transition: 300ms;
}

.app_calculator_navbar_toggle_circle_active {
  margin-left: 15px;
}

.close_caluculator {
  font-size: 25px;
  background: #142759;
  color: #FFFF;
  padding: 3px 15px;
  border-radius: 50%;
  z-index: 10000000000;
  margin-left: -13px;
  margin-bottom: -10px;
  cursor: pointer;
}

/* @media screen and (max-width:) {

} */
.modal_calculator {}

/* calculator */


.B_icon {
  color: #270d44;
  font-size: 25px;
  margin-top: auto;
  margin-bottom: auto;
}

.B_icon:hover {
  color: #ffffff !important;
}

.company_jobs_anchor:hover .B_icon {
  color: #FFFFFF !important;
}

/* .BFL
{
width: 40% !important;
} */

.indicator_list {
  float: right;
  padding-right: 5px;
}

@media (min-width: 576px) {
  .col-md-3.textresume_box {
    max-width: 49% !important;
  }
}

@media (min-width: 768px) {
  .col-md-3.textresume_box {
    max-width: 24% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-3.textresume_box {
    max-width: 24% !important;
  }
}

/* Bell Hover */


.number {
  padding: 2px 4px 2px 4px;
  width: fit-content;
  height: auto;
  background-color: #d63031;
  border-radius: 50%;
  color: white;
  text-align: center;
  position: absolute;
  top: -10px;
  left: 50px;
  /* padding: 3px; */
  border-style: solid;
  border-width: 2px;
  font-size: 9px;
}

.number:empty {
  display: none;
}

.notBtn {
  transition: 0.5s;
  cursor: pointer;
  margin-top: 10px;
}

.nav_bell {
  font-size: 17pt !important;
  padding-bottom: 10px;
  color: #270d44;
  margin-right: 40px;
  margin-left: 40px;
}

.bell_box {
  width: 275px;
  height: 0px;
  border-radius: 10px;
  transition: 0.5s;
  position: absolute;
  padding: 0px;
  left: -140px;
  margin-top: 5px;
  cursor: context-menu;
}

.display::before {
  content: "";
  position: absolute;
  left: 135px;
  right: 0px;
  top: 5px;
  width: 20px;
  height: 20px;
  margin: auto;
  border-top: 1px solid #270D44;
  border-right: 1px solid #270D44;
  /* border-width: 5px 5px 0 0; */
  transform: rotate(-45deg);
  background: #FFFFFF;
}

@media screen and (max-width:991px) {
  .bell_box {
    position: absolute;
    padding: 0px;
    top: 40px;
    left: 7px;
    z-index: 9999;
  }

  .display::before {
    position: absolute;
    left: 39px !important;
    top: 5px !important;
    right: inherit;
  }

  .notBtn {
    margin-left: -18px;
  }
}

/* .fas:hover {
color: #270d44;
} */

.notBtn .bell_box {
  display: none;
}

.notBtn:hover>.bell_box {
  padding-top: 15px;
  display: block;
  margin-top: -5px;
}

@media screen and (max-width: 767px) {
  #job_filter_list .filter_list_main .d-flex {
    display: block !important;
  }
}

.secs h1 {
  /* padding: 25px 10px; */
  /* background-color: #F4F4F4; */
  transition: 0.5s;
  font-size: 20px;
  /* padding-bottom: 0px; */
  padding-top: 20px;
  font-weight: bolder;
}

.display {
  background-color: #FFFFFF;
  border: 1px solid #270D44;
  padding: 10px 30px;
}

/* Bell Hover */

/* iframe#aswift_1 {
height: 140px !important;
} */




.B_color1 {
  background-color: #270d44;
  color: #fff;
}

/* .color1{
background-color: bisque;
} */
/*.color2{
background-color: aliceblue;
} */
.B_img1 {
  width: 30%;
}

.B_img2 {
  width: 30%;
  height: 80px;
}

/*.img3{
width: 25%;
height: 180px;
 margin-top: 20px;
} */
.B_maintext {
  font-weight: bold;
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
  margin-top: 20px;
  color: #ffffff !important;
}

.B_text {
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
  padding-bottom: 50px;
}


.B_media-body {
  /* margin-left: 30px; */
}

.B_serach {
  background-color: #270d44;
}

.B_ftext {
  margin-top: 50px;
  color: white;
  font-family: Lato, Helvetica, sans-serif;
  margin-bottom: 50px;
}

.B_input-group {
  margin-top: 0px;
  margin-bottom: 20px;
}

/* .name{
padding: 6px 12px;
padding-top: 2px;
} */

.B_btn-warning {
  padding: 6px 12px;
  box-shadow: none !important;
}

.saved_jobs_img img {
  width: 80px;
  height: 80px;
  border: 2px solid #c5bebe;
  border-radius: 10px;
}

.home_banner4 {
  margin-bottom: 30px;
}


/* New Buy Services */

.cards {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.cards .card {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.1);
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.4s ease;
  margin: 0px;
  height: auto !important;
}

.card:hover .desc label,
.card:hover .desc .combo_payment p span {
  color: #ffffff !important;
}

.cards .card:before {
  height: 180px;
  width: calc(100% + 100px);
  content: "";
  position: absolute;
  background-image: linear-gradient(to top, #270d44 0%, #270d44 100%);
  border-radius: 4px 4px 100% 100%;
  transition: all 0.4s ease-out;
  top: 0;
}

.cards .card .close {
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  background-image: url("https://rafaelalvucas.github.io/assets/icons/misc/cross.svg");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  margin: 10px;
  padding: 5px;
  transition: all 0.2s ease;
}

.cards .card .close:hover {
  background-size: 100%;
  opacity: 0.8;
}

.cards .card .arrow {
  display: none;
}

.cards .card article {
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.cards .card article h2 {
  color: white;
  margin: 0;
  padding: 30px 20px 5px 20px;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.5px;
}

.cards .card article .title {
  color: white;
  padding: 5px 20px;
  letter-spacing: 0.8px;
  transition: all 0.4s ease;
}

.cards .card article .desc {
  margin: 45px 15px;
  font-size: 14px;
  text-align: left;
  color: #666;
  transition: all 0.4s ease-out;
  width: auto;

}

/* .cards .card article .descs {
margin: 45px 15px;
font-size: 17px;
text-align: left;
color: #666;
transition: all 0.4s ease-out;
} */

.cards .card article .pic {
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 100%;
  margin: 10px 0;
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.3);
  transition: all 0.6s ease;
  margin-top: 5px;
}

.cards .card article .pic img {
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(0%);
}

.cards .card .actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: white;
  z-index: 1;
}

.cards .card .actions .btn {
  border: 0;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  margin: 0;
  text-transform: uppercase;
  font-size: 10px;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
  color: #4481EB;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-family: "Barlow", sans-serif;
  letter-spacing: 0.5px;
  background: rgba(68, 129, 235, 0.08);
  box-shadow: none;
}

.cards .card .actions .btn span {
  z-index: 1;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}

.cards .card .actions .btn .icon {
  width: 10px;
  opacity: 0;
  position: absolute;
  transition: all 0.2s ease-in-out;
}

.cards .card .actions .btn:before {
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  background: #4481EB;
  transition: all 0.4s ease;
  bottom: 0;
  opacity: 0.2;
}

.cards .card .actions .btn:focus {
  outline: 0;
}

.cards .card .actions .btn:hover span {
  transition: all 0.3s ease-in-out;
}

.cards .card .actions .btn:hover:nth-child(3) .icon {
  width: 18px;
}

.cards .card .actions .btn:hover:before {
  height: 100%;
}

.cards .card .actions .btn.clicked span {
  display: none;
}

.cards .card .actions .btn.clicked .icon {
  width: 22px;
  opacity: 1;
  animation: icon 0.5s ease forwards;
}

@keyframes icon {
  0% {
    width: 22px;
  }

  50% {
    width: 40px;
  }

  100% {
    width: 22px;
  }
}

.cards .card .actions .btn.clicked:before {
  opacity: 0.3;
  height: 100%;
}

.cards .card:hover {
  transform: translateY(-10px);
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
}

.cards .card:hover:before {
  height: 100%;
  border-radius: 4px;
}

.cards .card:hover .desc {
  color: white;
}

.cards .card:hover .pic {
  box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.3);
}

.cards .card:hover .pic img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.cards .card.closed {
  min-width: 120px;
  max-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease;
  cursor: pointer;
}

.cards .card.closed .title,
.cards .card.closed .desc,
.cards .card.closed .actions,
.cards .card.closed .close {
  display: none;
}

.cards .card.closed h2 {
  padding: 0;
  height: 100%;
  transform: rotate(-90deg);
  width: 440px;
  z-index: 2;
  transition: all 0.6s ease;
}

.cards .card.closed .pic {
  border-radius: 100%;
  height: 400px;
  width: 400px;
  position: absolute;
  top: -20px;
  margin: 0;
  box-shadow: 0;
  transition: all 0.6s ease;
}

.cards .card.closed .pic img {
  object-fit: cover;
  height: 100%;
  transform: translateY(20px);
}

.cards .card.closed .pic:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
  transition: all 0.4s ease;
  transform: translateY(20px);
}

.cards .card.closed:before {
  height: 100%;
  border-radius: 4px;
}


.new_Job_lists ul li {
  list-style-type: disc !important;
  color: #000 !important;
}



/* New Buy Services */

/* 
.google_ads .adsbygoogle
{
height:80px !important;
} */



/* @media screen and (min-width:1200px) {
.mobile_ads
{
  display: none !important;
}
} */






.login_google {
  /* background-color: #270d44 !important; */
  border: 2px solid #270d44 !important;
  color: #270d44 !important;
  border-radius: 4px !important;
  cursor: pointer;
  opacity: 1 !important;
  box-shadow: none !important;
  font-weight: bold !important;
  margin-top: 20px !important;
}

.login_google:hover {
  /* background-color: #270d44 !important;
  color: #ffffff !important; */

}

.SignUp_google {
  /* background-color: #270d44 !important; */
  border: 1px solid #2c0264 !important;
  color: #270d44 !important;
  border-radius: 10px !important;
  cursor: pointer;
  opacity: 1 !important;
  font-size: 11px !important;
  box-shadow: none !important;
  font-weight: bold !important;
  /* margin-top: 50px !important; */
}

.SignUp_google div {
  background: rgb(255, 255, 255) !important;
  padding: 5px 10px !important;
  border-radius: 10px !important;
}

.SignUp_google:hover {
  /* background-color: #270d44 !important;
  color: #ffffff !important; */

}

.list_student_count p {
  font-size: 18px;
  margin-bottom: 15px !important;
  padding-right: 5px;
}



/* Home_banners_carrer */



.career_main_div {
  border-width: 1px solid;
  border-radius: 5px;
  border-color: #8c8c8c !important;
  padding: 10px;

}

.career_inner_div {
  border: 1px solid;
  border-radius: 10px;
  border-color: #d3cdcd;
  padding: 15px;
}

.career_common_div {
  padding: 10px;
}

.career_feature {
  background-color: lavender;
  border-radius: 10px;
  padding: 10px;
}

.career_Resume {
  background-color: honeydew;
  border-radius: 10px;
  padding: 10px;
}

.career_Booster {
  background-color: lavenderblush;
  border-radius: 10px;
  padding: 10px;
}

.career_Profile {
  background-color: oldlace;
  border-radius: 10px;
  padding: 10px;
}

.career_LinkedIn {
  background-color: lightcyan;
  border-radius: 10px;
  padding: 10px;
}

.career_Interview {
  background-color: lavender;
  border-radius: 10px;
  padding: 10px;
}

.career_img {
  max-height: 120px;
  max-width: 150px;
  text-align: center;
  margin: 5px;
  filter: brightness(100%);
}

.career_head {
  font-size: 1.243em;
  line-height: 27px;
  color: #454647;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  margin-top: 16px;
}

.career-description {
  color: #8c8c8c;
  font-size: 1em;
  line-height: 21px;
  margin-bottom: 20px;
  margin-top: 2px;
  min-height: 44px;
}

.career_button {
  padding: 12px 16px;
  font-size: 1.1em;
  line-height: normal;
  display: inline-block;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}

.career_price {
  color: white;
  font-weight: bold;
}

.career_link {
  cursor: pointer;
  margin-left: 20px;
}

@media screen and (max-width: 349px) {
  .career_link {
    margin-top: 15px;
  }
}


/* Home_banners_carrer */


.Enquiry_modal {
  padding: 150px 150px;
  font-size: 30px;
  font-weight: bold;
  /* animation-name: gradient;
animation-duration: 3s;
animation-iteration-count: infinite; */

}

/* @keyframes gradient {
0%   {background-color: #D78DDB;}
20%   {background-color: #7AF2C3;}
40%  {background-color: #759CEC;}
60%   {background-color: #23F2EB;}
80%  {background-color: #F27723;}       
100% {background-color: #AD3BD7;}
} */


@media screen and (max-width:380px) {
  .css-i4bv87-MuiSvgIcon-root {
    position: absolute;
    right: -8px !important;
  }
}


.sys {
  background: url('./images/stock-footage-abstract-technology-background-of-led-screen-with-moving-stripes-and-flickering-particles.webm'
  );
}




/* SearchCandidates */


.Roll_Scroll {
  overflow-y: auto;
}

.Roll_Scroll1 {
  /* height: 150px; */
  overflow-y: auto;
  /* margin-top: -70px !important; */
  text-align: left;
}

.search_label_size {
  position: relative;
  text-transform: inherit !important;
  font-weight: normal;
  font-size: 13px !important;
  padding-left: 5px;
}

.search_sub_names {
  margin-left: 25px;
}

.search_content1 {
  /* padding: 25px; */
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
}

.search_content1_sub {
  border-bottom: 1px solid #b5abab;
  margin-bottom: 30px;
  padding: 8px 20px;
  background-color: #f8f9fa;
  text-align: left;
  position: relative;
}

.clear_filter_sub {
  position: absolute;
  right: 20px;
  top: 8px;
  padding: 3px 10px;
  background-color: #270D44;
  color: #FFFFFF;
  border-radius: 3px;
}

/* .clear_ind_scd{
position: absolute;
right:20px;
top:8px;
padding: 3px 10px;
background-color: #270D44;
color: #FFFFFF;
border-radius: 3px;
} */

.search_content1_subnames {
  padding: 0px 25px 20px;
  text-align: left;
}


input[type=checkbox]:checked~.remove-check {
  display: none;
}

input[type=checkbox]:checked~#diploma {
  display: block;
}

#diploma {
  display: none;
}

input[type=checkbox]:checked~#graduate {
  display: block;
}

#graduate {
  display: none;
}

input[type=checkbox]:checked~#pg {
  display: block;
}

#pg {
  display: none;
}


/* ghdghd */

.seach_card {
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  height: fit-content;
}

.filter_para {
  font-weight: 500;
  font-size: 16px;
}

.card_header {
  border-bottom: 1px solid gray;
}

.check_div {
  height: 8em;
  overflow-y: scroll;
}

.btn_link:hover {
  text-decoration: none;
  color: black;
}

.btn_link {
  text-decoration: none;
  color: black;
}


/* input[type="text"]:focus {
box-shadow: none;
border: 1px solid rgb(216, 181, 181);
border-radius: 0px;
} */
.more_filter,
.more_filter:hover {
  padding: 5px 15px;
  text-decoration: none;
  color: #270d44;
  border: none;
  BACKGROUND-COLOR: TRANSPARENT;
  FONT-WEIGHT: 900;

}

.apply_btn:focus {
  box-shadow: none;
}

.accordion-button_btn:focus {
  box-shadow: none;
  background-color: #ffff;
  color: black;
}

.accordion-button_btn::before {
  box-shadow: none;
  background-color: #ffff;
  color: black;
}

.accordion-button_btn {
  box-shadow: none;
  background-color: #ffff;
  color: black;
  border: none;
}

.custom-control-input:focus {
  box-shadow: none;
  background-color: #ffff;
  color: black;
  border: none;
}

.accordion_bg .accordion-item_bg .accordion-button_btn {
  background-color: #ffff;
  color: black;
  /* font-weight: bolder; */
  font-size: 14px;
}

.alert_close1 {
  z-index: -1 !important;
}

.search_close_modal {
  border: none;
  font-size: 15px;
  padding: 3px 9px;
  color: #fff !important;
  background-color: #270D44;
  border-radius: 50%;
  /* float: right; */
  /* margin-top: -20px; */
  /* margin-right: -20px; */
  position: absolute;
  right: 1px;
  top: 5px;
  z-index: 9;
}


.apply_btn {
  border: 1px solid #270d44 !important;
}

.apply_btn:hover {
  background-color: #270d44 !important;
  color: #ffffff !important;
}


/* Student List */
.student_box {
  border: 1px solid #e7e7e7;
  box-shadow: 1px 2px 2px -3px rgb(105 105 105 / 90%);
  border-radius: 3px;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
  background: white;
}

.student_box:hover {
  border: 1px solid #270d44;
}

.details_heading {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 10px 10px 10px 42px;
  background: #f9f9f9;
}

.user_icon {
  font-size: 26px;
  padding: 2px 0px 3px 0px;
  width: 42px;
  height: 42px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(90deg, #270d44 50%, #270d44 51%);
  border-radius: 50%;
}

.cand_name {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.cand_age {
  font-size: 12px;
  padding-left: 5px;
  color: #666;
  font-weight: 100;
  vertical-align: 0px;
}

.cand_address {
  font-weight: normal;
  color: #999;
  font-size: 12px;
}

.action_sms button {
  border: 1px solid #270d44;
  margin-right: 10px;
  padding: 6px 12px 4px;
  line-height: inherit;
  font-size: 14px;
  color: #270d44;
  background-color: #ffffff;
  border-radius: 3px;
  margin-bottom: 5px;
}

.action_sms button:hover {
  background-color: #270d44;
  color: #ffffff;
  cursor: pointer;
}

.cand_verify span img {
  height: 27px;
  width: 27px;
}

.cand_resume {
  cursor: pointer;
}

.cand_resume span {
  font-size: 13px;
  color: #270d44;
}

.cand_mobile i {
  color: #270d44;
  font-size: 18px;
}

.cand_mobile span {
  color: #270d44;
  font-size: 13px;
}

.down_cand_content {
  padding: 10px 15px 15px;
}

.more_details span {
  color: #4a4242;
  margin-right: 25px;
  font-size: 13px;
  font-weight: 500;
}

.more_details span i {
  padding-right: 4px;
  font-weight: 600;
  color: #270d44;
}

.cand_verify {
  text-align: right;
}

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

  .action_sms,
  .cand_verify {
    text-align: center !important;
  }
}

.cand_shift {
  max-width: 360px;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 15px;
  color: #4d4949;
  margin-top: 15px;
}

.main_data .left_content {
  width: 50%;
  display: inline-block;
  color: #270d44;
  word-wrap: break-word;
  font-weight: 400;
  font-size: 13px;
}

.main_data .right_content {
  width: 44%;
  font-size: 13px;
  vertical-align: top;
  text-align: start;
  display: inline-block;
  color: #555356;
  font-weight: 600;
}

.main_data .inner {
  padding-bottom: 10px;
}

.last_time span {
  font-size: 12px;
  color: #270d44;
}

.sticky-top.sticky_candidates {
  position: sticky !important;
  top: 0px !important;
}


.alert_close1 {
  margin-left: 10px;
  border: 1px solid #270d44;
  padding: 1px 5px 0px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}

.alert.alert_radius.alert-dismissible.fade.show.d-flex {
  border: 1px solid #e7e7e7;
  width: fit-content;
  padding: 8px 10px 4px;
  border-radius: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
}


.scrollable_menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.search_candidate_dropdownbtn {
  border: 1px solid #270d44;
  padding: 13px;
  border-radius: 5px;
  width: fit-content;
}

.MuiInputLabel-formControl {
  top: -3px !important;
  left: 0;
  position: absolute;
  transform: translate(0, 24px) scale(1);
}

.MuiFormLabel-root.Mui-focused {
  background-color: #ffffff !important;
  padding: 0px 3px
}

button.btn.search_btn_1 {
  border: 1px solid #270D44;
  color: #FFF;
  background: #270D44;
}

.sidebar.searchcandidate_sidebar {
  width: 100% !important;
  text-align: left;
  background-color: #FFFFFF !important;
}

.sidebar.searchcandidate_sidebar a {
  padding: 15px 20px 10px;
  border-top: none !important;
  color: #270d44;
  font-size: 14px;
  font-weight: 600;
}

/* .modal-dialog-scrollable .modal-content.search_candidates_modal{

} */

@media screen and (min-width:0px) and (max-width:767px) {
  .sidebar_button.search_sidebar {
    margin-top: 10px !important;
    display: block !important;
  }
}

.sidebar_button.search_sidebar {
  display: none;
}

.modal-footer.search_footer {
  justify-content: center !important;
}

.fixed_apply .reset_cand {
  width: 100px;
  background: brown;
  margin-right: 15px;
  color: #FFF;
}

.fixed_apply .apply_cand {
  width: 100px;
  background: green;
  color: #FFF;
}

@media screen and (min-width:420px) and (max-width:767px) {
  .modal-footer.search_footer {
    justify-content: center !important;
  }

  .fixed_apply .reset_cand {
    width: 190px;
    background: brown;
    margin-right: 15px;
  }

  .fixed_apply .apply_cand {
    width: 190px;
    background: green;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .fixed_apply .reset_cand {
    width: 140px;
    background: brown;
    margin-right: 15px;
  }

  .fixed_apply .apply_cand {
    width: 140px;
    background: green;
  }

  .modal-footer.search_footer {
    justify-content: flex-end !important;
  }
}

@media screen and (min-width:991px) {
  .fixed_apply .reset_cand {
    width: 240px;
    background: brown;
    margin-right: 15px;
  }

  .fixed_apply .apply_cand {
    width: 240px;
    background: green;
  }

  .modal-footer.search_footer {
    justify-content: flex-end !important;
  }
}

@media screen and (max-width:767px) {
  .search_cand_right_filter {
    margin-top: 0px !important;
  }
}

.btn.filter_search_cand {
  font-size: 20px;
  padding: 0px 9px 2px;
  border-radius: 50%;
  background: #270D44;
  position: absolute;
  top: 0px;
  color: #FFF;
  z-index: 9999;
  right: 1px;
}

.btn.filter_search_cand:hover {
  color: #FFF;
}

.modal-footer.search_footer {
  margin: 10px 0px;
}


.jobs_new_filter {
  background-color: #270d44 !important;
  color: #ffffff !important;
  margin: 0px 10px;
}

svg.MuiSvgIcon-root.MuiChip-deleteIcon {
  color: #ffffff !important;
}

.MuiChip-colorPrimary {
  color: #fff;
  background-color: #270d44 !important;
}

button.btn.btn-primary.mt-4 {
  background-color: #270d44 !important;
  border: none !important;
}

.job_new_filter_sub {
  background-color: #270d44 !important;
  color: #ffffff !important;
  border: none !important;
}

@media screen and (max-width:1024px) {
  .google_ads {
    display: none;
  }
}

@media screen and (min-width:1025px) {
  .mobile_ads {
    display: none;
  }
}

/* .MuiInputLabel-outlined {

background-color: #ffffff;
padding: 0px 5px !important;
} */



@media screen and (max-width:374px) {
  .MuiInputLabel-outlined {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #232323 !important;
  }
}

.MuiFormLabel-root.Mui-focused {
  color: #4317a2 !important;

}

.MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(14px, -6px) scale(0.75);
  background-color: #FFFFFF;
  padding: 0PX 5px;
  border-color: #4317a2 !important;
}

.modal-header--sticky {
  position: sticky;
  top: 0;
  background-color: inherit;
  z-index: 1055;
}

.modal-footer--sticky {
  position: sticky;
  bottom: 0;
  background-color: #FFF;
  margin-right: 15px !important;
  margin-left: 15px !important;
  border-radius: 3px;
  z-index: 1055;
}

/* .cat_select{
background-color: #270D44;
color: #FFFFFF;
}

.cat_unselect{
background-color: #FFFFFF;
color: #270D44;
} */

.src_check {
  position: absolute;
  background: #FFFFFF;
  left: 8px;
  top: 8px;
  padding: 5px 5px;
}

.no_jobs_found_img {
  width: 250px !important;
  height: 250px !important;
}



.modal-header.modal-header--sticky {
  padding: 0px !important;
}

button.close.close_search_cand {
  margin-top: -20px !important;
  margin-right: -10px !important;
}

@media screen and (min-width:992px) {
  .modal-dialog-scrollable .modal-content.search_candidates_modal {
    max-height: 70% !important;
    overflow: visible !important;
    margin: auto !important;
  }
}

@media screen and (max-width:767px) {
  .modal-dialog-scrollable .modal-content.search_candidates_modal {
    max-height: 85% !important;
    overflow: visible !important;
    width: 95%;
    margin: auto;
  }
}

@media screen and (min-width:767px) and (max-width:991px) {
  .modal-dialog-scrollable .modal-content.search_candidates_modal {
    max-height: 85% !important;
    overflow: visible !important;
    width: 100%;
    margin: auto !important;
  }
}


.Home_ico>a:hover img {
  filter: brightness(1000);
  /* font-weight:500px; */
}


img.hireandtrain_testimonials {
  width: auto !important;
  height: 400px !important;
  margin: auto !important;
}

@media screen and (min-width:0px) and (max-width:767px) {
  img.hireandtrain_testimonials {
    width: 100% !important;
    height: auto !important;
  }

}

@media screen and (min-width:768px) and (max-width:1200px) {
  img.hireandtrain_testimonials {
    width: 100% !important;
    margin: auto !important;
  }
}


/* .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.MuiAutocomplete-hasPopupIcon.css-16awh2u-MuiAutocomplete-root {
margin-top: -80px !important;
} */

/* .owl-carousel .owl-item img
{
display: flex;
} */


.search_card_top {
  width: 95%;
  margin: auto;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 8px 15px 28px;
}



.css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root {
  line-height: 32px !important;
}

.back_to_top_arrow {
  position: fixed;
  left: 20px;
  bottom: 20px;
  background-color: #430589;
  padding: 6px 10px 5px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
}

.back_to_top_arrow i {
  color: #FFFFFF;
}




:root {
  --textcolor: #FFFCF2;
  --gold: #F1D302;


  /*========== Colors ==========*/
  /* Change favorite color - Blue 210 - Purple 250 - Green 142 - Pink 340*/
  --hue-color: 210;

  /* HSL color mode */
  --first-color: hsl(var(--hue-color), 96%, 54%);
  --first-color-light: hsl(var(--hue-color), 96%, 69%);
  --first-color-alt: hsl(var(--hue-color), 96%, 37%);
  --first-color-lighter: hsl(var(--hue-color), 14%, 96%);
  --title-color: hsl(var(--hue-color), 12%, 15%);
  --text-color: hsl(var(--hue-color), 12%, 35%);
  --text-color-light: hsl(var(--hue-color), 12%, 65%);
  --white-color: #FFF;
  --body-color: hsl(var(--hue-color), 100%, 99%);
  --container-color: #FFF;

  /*========== Font and typography ==========*/
  --body-font: 'Lato', sans-serif;
  --pricing-font: 'Rubik', sans-serif;
  --biggest-font-size: 1.75rem;
  --normal-font-size: .938rem;
  --h2-font-size: 1.25rem;
  --small-font-size: .813rem;
  --smaller-font-size: .75rem;
  --tiny-font-size: .625rem;

  /*========== Margenes Bottom ==========*/
  --mb-0-25: .25rem;
  --mb-0-5: .5rem;
  --mb-1: 1rem;
  --mb-1-25: 1.25rem;
  --mb-1-5: 1.5rem;
  --mb-2: 2rem;
}


.flex--box {
  display: flex;
  width: 100%;
  /* height: 100vh; */
  justify-content: center;
  align-items: center;
  margin-top: 50px !important;
}

.services_card {
  margin: 0 5px;
  box-shadow: 2px 2px 50px black;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  color: var(--textcolor);
  font-family: Arial;
  padding: 20px;
  text-shadow: 2px 2px 3px #000;
  background: #c31432;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #240b36, #c31432);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #240b36, #270d44);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  transform: skewY(1deg);

}

.plan--name,
.goldplan--name {
  position: absolute;
  top: 40px;
  font-size: .7rem;
  text-transform: uppercase;
  color: #ffffff !important;

}

.premiumplan--name {
  position: absolute;
  top: 60px;
  font-size: .7rem;
  text-transform: uppercase;
  color: #ffffff !important;
}

.plan--price,
.goldplan--price {
  position: absolute;
  top: 60px;
  font-size: 3.3rem;
  color: #ffffff !important;
}

.premiumplan--price {
  position: absolute;
  top: 80px;
  font-size: 3.3rem;
  color: #ffffff !important;
}

.pricing--freecontainer {
  border-radius: 1.5rem;
  cursor: pointer;
  width: 330px;
  height: 400px;
  transition: all .8s cubic-bezier(.17, .67, .97, .96);
  margin: auto;
  margin-bottom: 20px !important;
}

.pricing--freecontainer:hover {
  transform: scale(1.2);
  z-index: 9999;
}

.pricing--premiumcontainer {
  border-radius: 1.5rem;
  cursor: pointer;
  width: 330px;
  height: 400px;
  transition: all .8s cubic-bezier(.17, .67, .97, .96);
  overflow: hidden;
  margin: auto;
  margin-bottom: 20px !important;
}

.pricing--premiumcontainer:hover {
  transform: scale(1.2);
  z-index: 9999;
}

.pricing--goldcontainer {
  border-radius: 1.5rem;
  cursor: pointer;
  width: 330px;
  height: 400px;
  transition: all .8s cubic-bezier(.17, .67, .97, .96);
  margin: auto;
}

.pricing--goldcontainer:hover {
  transform: scale(1.2);
  z-index: 9999;
}

.plan {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  top: 160px;
  text-shadow: 2px 2px 3px #000;
}

.premiumplan {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  top: 180px;
  text-shadow: 2px 2px 3px #000;
}

.plan--items {
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  top: 210px;
  text-shadow: 2px 2px 3px #000;
  text-align: center;
  color: rgba(255, 255, 255, .8)
}

.plan--items>p,
.premiumplan--items>p {
  margin: 8px 0;
}

.premiumplan--items {
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  top: 230px;
  text-shadow: 2px 2px 3px #000;
  text-align: center;
  color: rgba(255, 255, 255, .8)
}

/* Best Seller Tag */
.best--seller {
  position: absolute;
  right: -45px;
  /* left: 145px; */
  top: 10px;
  background: var(--gold);
  color: #000;
  padding: 10px 40px 5px 40px !important;
  transform: rotate(50deg);
  font-size: 8px;
  text-shadow: none;
  text-transform: uppercase;
  font-weight: 900;
}









/* ul {
list-style: none !important;
}  */
@media screen and (min-width: 968px) {
  :root {
    --biggest-font-size: 2.125rem;
    --h2-font-size: 1.5rem;
    --normal-font-size: 1rem;
    --small-font-size: .875rem;
    --smaller-font-size: .813rem;
    --tiny-font-size: .688rem;
  }
}

.grid {
  display: grid;
}

/*==================== CARD PRICING ====================*/
/* .card {
padding: 3rem 0;
} */

.card__container {
  gap: 3rem 1.25rem;
}

.card__content1 {
  position: relative;
  background-color: var(--container-color);
  padding: 2rem 1.5rem 2.5rem;
  border-radius: 1.75rem;
  box-shadow: 0 12px 24px hsla(var(--hue-color), 61%, 16%, 0.1);
  transition: .4s;
  margin-top: 30px !important;
}

.card__content1:hover {
  box-shadow: 0 16px 24px hsla(var(--hue-color), 61%, 16%, 0.15);
}

.card__header-img {
  width: 30px;
  height: 30px;
}

.card__header-circle {
  width: 40px;
  height: 40px;
  background-color: var(--first-color-lighter);
  border-radius: 50%;
  margin-bottom: var(--mb-1);
  place-items: center;
}

.card__header-subtitle {
  display: block;
  font-size: var(--smaller-font-size);
  color: var(--text-color-light);
  text-transform: uppercase;
  margin-bottom: var(--mb-0-25);
}

.card__header-title {
  font-size: 30px;
  color: #270d44;
margin-bottom: 0px;
  font-family: Times New Roman;
  font-weight: bolder;
  text-align: center;
}

.card__header-text {
  font-size: 17px;
  color: #270d44;
margin-bottom: 30px !important;
  font-family: Times New Roman;

  text-align: center;
}

.card__pricing {
  position: absolute;
  /* background: linear-gradient(157deg, var(--first-color-light) -12%, var(--first-color) 109%); */
  background: linear-gradient(157deg, #270d44 -12%, #270d44 109%);
  width: 75px;
  height: 90px;
  right: 1.5rem;
  top: -1rem;
  padding-top: 1.25rem;
  text-align: center;
}

.card__pricing-number {
  font-family: var(--pricing-font);
}

.card__pricing-symbol {
  font-size: var(--smaller-font-size);
}

.card__pricing-number {
  font-size: var(--h2-font-size);
}

.card__pricing-month {
  display: block;
  font-size: var(--tiny-font-size);
}

.card__pricing-number,
.card__pricing-month {
  color: var(--white-color);
  font-size: inherit;
}

.card__pricing::after,
.card__pricing::before {
  content: '';
  position: absolute;
}

.card__pricing::after {
  width: 100%;
  height: 14px;
  background-color: var(--white-color);
  left: 0;
  bottom: 0;
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.card__pricing::before {
  width: 14px;
  height: 16px;
  /* background-color: var(--first-color-alt); */
  background-color: #270d44;
  top: 0;
  left: -14px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

.card__list {
  row-gap: .5rem;
  margin-bottom: var(--mb-2);
  margin-top: -10px;
}

.card__list-item {
  display: flex;
  align-items: center;
}

.card__list-icon {
  font-size: 15px;
  color: #270d44 !important;
  margin-right: var(--mb-0-5);
}

.card__button {
    /* padding: 1.25rem; */
    border: 1px solid #270d44;
    /* font-size: var(--normal-font-size); */
    border-radius: 0.5rem;
    /* background: linear-gradient(157deg, var(--first-color-light) -12%, var(--first-color) 109%); */
    /* background: linear-gradient(157deg, #270d44 -12%, #270d44 109%); */
    color: #270d44;
    cursor: pointer;
    transition: .4s;
    background-color: #ffffff;
    padding: 10px;
    font-weight: 900;
    font-family: system-ui;

}

.card__button:hover {
  box-shadow: 0 12px 24px hsla(var(--hue-color), 97%, 54%, 0.2);
}

/*==================== MEDIA QUERIES ====================*/
/* For small devices */
@media screen and (max-width: 320px) {

  /* .container {
  margin-left: var(--mb-1);
  margin-right: var(--mb-1);
} */
  .card__content1 {
    padding: 2rem 1.25rem;
    border-radius: 1rem;
  }
}

/* For medium devices */
@media screen and (min-width: 568px) {
  .card__container {
    grid-template-columns: repeat(2, 1fr);
  }

  .card__content1 {
    grid-template-rows: repeat(2, max-content);
  }

  .card__button {
    align-self: flex-end;
  }
}

/* For large devices */
@media screen and (min-width: 968px) {

  /* .container {
  margin-left: auto;
  margin-right: auto;
}
.card {
  height: 100vh;
  align-items: center;
} */
  .card__container {
    grid-template-columns: repeat(3, 1fr);
  }

  .card__header-circle {
    margin-bottom: var(--mb-1-25);
  }

  .card__header-subtitle {
    font-size: var(--small-font-size);
  }
}




.Job_posting_card {
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  /* box-shadow: 0 1px 8px rgba(22, 22, 22, 0.1); */
  box-shadow: 0 10px 5px rgb(60 50 22 / 50%);
  width: 100%;
  max-width: 500px;
  margin: 0 auto 1rem;
  text-align: center;

  /* padding: 1rem 2rem 2rem; */

  /* h1 {
  font-family: serif;
  font-weight: 400;
  color: #222955;
} */
}

.Job_posting_head {
  background-color: #270d44;
  padding: 30px;
}

.Job_posting_head h1 {
  color: #ffffff !important;
  font-family: serif;
  font-weight: 400;
  padding-top: 20px;
}

.Job_posting_content {
  padding-top: 25px;
}

.jobposting_main {

  background-color: #fff !important;
  border-radius: 25px;
  box-shadow: 0 10px 5px rgb(60 50 22 / 50%);
}

.combo_product_list {

  margin-top: -15px;
  margin-left: 15px;
}

.card__list-description h4 {
  color: black;
  font-weight: bold;
  font-size: 15px;
}


.jobposting_content {
  /* margin-right: auto;
margin-left: 100px !important; */
  text-align: justify;
  font-weight: bold;

}

.database_card {
  margin-top: 50px !important;
  height: auto;
  border-radius: 10px;
}

.jobposting_main1 {
  background-color: #fff !important;
  border-radius: 10px;
  box-shadow: 0 10px 15px rgb(53 50 22 / 25%) !important;
}




/* NEW CSS */

.search_cand_Filter {
  padding-top: 50px;
  background-color: #f8f2fb;
  padding-bottom: 50px;
}

.search_cand_fil_top {
  padding: 25px 20px 20px;
  background-color: #ffffff;
  margin-bottom: 50px;
}

#minexperience {
  padding: 0px 20px;
  border: 1px solid #270d44 !important;
  background: #ffffff !important;
  border-radius: 10px;
  height: 45px;
  width: 100%;
}

#minexperience:focus {
  border: 1px solid blue !important;
}

#minexperience:focus-visible {
  border: 1px solid blue !important;
}

.search_indv {
  margin-bottom: 10px !important;
}

.search_indv .css-16awh2u-MuiAutocomplete-root {
  background: #ecf0f1 !important;
}

.apply_filt_srcand {
  width: 100%;
  background-color: green;
  border: none;
  padding: 12px 20px;
  margin-top: 30px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}

.src_cand_card {
  margin-bottom: 50px;
}

@media screen and (min-width:768px) {
  .src_cand_side {
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgb(105 114 162 / 25%);
    backdrop-filter: blur(5px);
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 10px;
  }
}

@media screen and (max-width:767px) {
  .src_cand_top_inner {
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgb(105 114 162 / 25%);
    backdrop-filter: blur(5px);
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .src_cand_side {
    margin-bottom: 20px;
  }
}

.src_more_filter {
  border: none;
  background: #ffffff;
  color: #270d44;
  padding: 10px 20px;
  margin: 0px 15px;
  /* margin-top: 28px; */
  font-weight: bold;
  /* text-align: right; */
  border-radius: 10px;
  box-shadow: 0 4px 15px rgb(105 114 162 / 25%)
}

.src_cand_name {
  text-align: center;
  padding-top: 20px;
}

.src_cand_name h4 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 18px;
}

.src_cand_mail {
  font-weight: 600;
  color: #746969;
  /* text-align: left; */
}

.src_cand_std_data {
  background-color: #ffffff;
  padding: 25px 20px 15px;
  box-shadow: 0 4px 15px rgb(105 114 162 / 25%);
  backdrop-filter: blur(5px);
  border-radius: 10px;
}

.src_main_data_heading p {
  font-size: 13px;
  font-weight: 500;
  font-family: arial, sans-serif;
  color: #766f6f;
}

.src_main_data_heading h6 {
  font-size: 13px;
  font-weight: 600;
  color: #181515;
}

.src_main_data_heading {
  padding: 0px 10px;
  margin-bottom: 20px;
}

.src_cand_card_img {
  width: 150px;
  height: 151px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  margin-top: 15px;
}

.src_cand_left_icon {
  position: absolute;

}

/* NEW CSS */

.form-check-input:checked {
  background-color: #270d44 !important;
  border-color: #270d44 !important;
}


.sc_comma+.sc_comma::before {
  /* display: inline-block;
white-space: pre; */
  content: ", ";
}


@import url(https://unpkg.com/@webpixels/css@1.1.5/dist/index.css);

/* Bootstrap Icons */
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.4.0/font/bootstrap-icons.min.css");

.avatar {
  width: 50px;
  height: 50px;
}


.visibility {
  visibility: hidden
}

.form_control1 {
  border-color: #e1e6eb;
  box-shadow: none;
  font-size: 14px !important;
  line-height: 0px;
  /* padding: 0px 15px !important; */
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1) !important;
  /* padding:5px 20px !important; */
  width: 100%;
  color: #495057;

}

/* input [type="radio"] + .radio_job_seekar
{

}

.radio_job_seekar:before
{
position: relative;

} */


label.hello {
  position: relative;
  color: #270d44;
  font-size: 30px;
  border: 1px solid #270d44;
  border-radius: 5px;
  padding: 5px 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* input[type="radio"] + label.hello
{
color: #270d44;
} */

/* Job Fair */
.job_fair_header {
  background: #293949;
  padding: 15px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 12px;
}

.job_fair_middle {
  /* background-color: #e4f7ff; */
  padding: 16px 15px 25px;
  /* border-top: 5px solid #310437; */
  border-radius: 3px;
  margin-bottom: 30px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media (max-width: 1279px) {
  .job_fair_details h2 {
    font-size: 1.5rem;
  }
}

.job_fair_details h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
}

.job_fair_details p {
  font-weight: 400 !important;
  opacity: 1 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.job_fair_details p span {
  color: #3dbbf3;
}

.job_fair_address {
  margin: 15px 5px;
}

.job_fair_address b {
  font-size: 16px;
}

@media screen and (max-width:767px) {
  .job_fair_logo_img {
    margin-bottom: 25px;
  }
}

.main_logo_img img {
  width: 200px;
  padding: 0px 10px;
  border-radius: 6px;
  height: 100px;
  border: 2px solid #E9E9E9;
}

.pab_fair_data p {
  text-align: justify;
  padding: 10px;
  margin: 15px 0px;
}

/* Job Fair */


.page-content {
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
}

.form-v4-content {
  background: #fff;
  width: 100%;
  border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  margin: 35px 0;
  position: relative;
  display: flex;
  display: -webkit-flex;
  font-family: 'Open Sans', sans-serif;
}

.form-v4-content h2 {
  font-weight: 700;
  font-size: 30px;
  padding: 6px 0 0;
  margin-bottom: 34px;
  color: #FFFFFF;
}

.form-v4-content .form-left {
  background: #3786bd;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 20px 40px;
  position: relative;
  width: 100%;
  color: #fff;
}

.form-v4-content .form-left p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 35px;
}

.form-v4-content .form-left span {
  font-weight: 700;
}

.form-v4-content .form-left .text-2 {
  margin: 20px 0 25px;
}

.form-v4-content .form-left .account {
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 180px;
  border: none;
  margin: 15px 0 50px 0px;
  cursor: pointer;
  color: #333;
  font-weight: 700;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  appearance: unset;
  -moz-appearance: unset;
  -webkit-appearance: unset;
  -o-appearance: unset;
  -ms-appearance: unset;
  outline: none;
  -moz-outline: none;
  -webkit-outline: none;
  -o-outline: none;
  -ms-outline: none;
}

.form-v4-content .form-left .account:hover {
  background: #e5e5e5;
}

.form-v4-content .form-left .form-left-last input {
  padding: 15px;
}

.form-v4-content .form-detail {
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.form-v4-content .form-detail h2 {
  color: #3786bd;
}

.form-v4-content .form-detail .register {
  background: #3786bd;
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
  width: 100%;
  height: 50px;
  border: none;
  margin: 35px 0 50px 0px;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}

.form-v4-content .form-detail .register:hover {
  background: #2f73a3;
}


/* Responsive */
@media screen and (max-width: 991px) {
  .form-v4-content {
    margin: 180px 20px;
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
  }

  .form-v4-content .form-left {
    width: auto;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }

  .form-v4-content .form-detail {
    padding: 30px 20px 30px 20px;
    width: auto;
  }
}


.error_msg {
  margin-top: -22px;
  color: red;
  padding-bottom: 20px;
}

/*  */


.user-box {
  position: relative;
  width: 100%;
  margin: 0px auto;
}

.user-box label {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
  transition: .5s;
}

.user-box input {
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
  border: none;
  border-bottom: 3px solid #fff;
  outline: none;
  background: transparent;
}

.user-box input:focus~label,
.user-box input:valid~label {
  top: -20px;
  left: 0;
  color: #573b8a;
  font-size: 12px;
  font-weight: bold;
}

.user-box input:focus,
.user-box input:valid {
  border-color: #573b8a;
}

.login label {
  color: #688a99;
  font-weight: 400;
}

.login input {
  border-color: #a5c2ce;
  color: black;
  width: 90%;
}



/*  */
.form {
  position: relative;
  width: 100%;
  height: 3rem;
  margin: 15px 2px 40px;
}

.form__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-bottom: 3px solid #688a99;
  font-family: inherit;
  font-size: inherit;
  /* color: ; */
  outline: none;
  margin-top: 5px;
  padding: 5px 10px 0px;
  background: none;
  /* Change border when input focus*/
}

.form__input:hover {
  border-color: #688a99;
}

.form__input:focus {
  border-color: #573b8a;
}

.form__label {
  position: absolute;
  left: 1px;
  top: 0.8rem;
  padding: 0 0.5rem;
  color: #688a99;
  font-weight: 600;
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
}

.form__input:focus~.form__label {
  color: #573b8a;
  font-size: 16px;
  font-weight: bold;
}


/* 1. When the input is in the focus state reduce the size of the label and move upwards 2. Keep label state when content is in input field */
.form__input:focus~.form__label,
.form__input:not(:placeholder-shown).form__input:not(:focus)~.form__label {
  top: -10px;
  left: 0px;
  color: #573b8a;
  font-size: 16px;
  font-weight: bold;
  border-color: #573b8a !important;
}


/*  */






/* Dashbaord2 */

#exTab3 .nav-pills>li>a {
  border-radius: 4px 4px 0 0;
}

#exTab3 .tab-content {
  color: #ffffff !important;
  /* background-color: #270d44; */
  padding: 10px 15px;
}

/* #exTab3 .tab-content h3{
  color : #ffffff !important;
  background-color: #270d44;
  padding : 10px 15px 5px 15px;
} */

.dash_navpills li a {
  color: #000000;
  padding: 15px 50px;
  /* border: 1px solid black; */
  background-color: #ffffff;
  margin-left: 35px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: bolder;
  box-shadow: 0 0 3px rgb(0 0 0 / 25%);
}

a.dash_tab_links.active {
  color: #ffffff !important;
  background-color: #2c0264;
}

.active,
.dash_tab_links:hover {
  /* background-color: #270d44; */
  color: #270d44;
}

a.btn.btn-sm.btn-neutral.dashboard2_view_btn {
  border: 1px solid #2c0264;
  margin-right: 5px;
  padding: 5px 25px;
  background-color: #ffffff;
  color: #2c0264;
  font-weight: bolder;

}

a.btn.btn-sm.btn-neutral.dashboard2_view_btn:hover {
  background-color: #ffffff;
  color: #270d44;
}

a.btn.btn-sm.btn-neutral.admin_view_btn {
  border: 1px solid #270d44;
  margin-right: 5px;
}

a.btn.btn-sm.btn-neutral.admin_view_btn:hover {
  background-color: #270d44;
  color: #ffffff;
}

button.btn.btn-sm.btn-square.btn-neutral.text-danger-hover {
  border: 1px solid #270d44;
  margin-right: 10px;
}

.card.dashboard_card {
  border-radius: 15px;
  /* padding-left: 20px !important; */
  padding: 10px;
  box-shadow: 0 2px 2px rgb(0 0 0 / 18%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  /* background: rgba(0, 0, 0, 0.2); */
  /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
  backdrop-filter: blur(5px);
  cursor: pointer;
  margin-bottom: 10px;
}

.main_dashboard h1 {
  /* margin-top: 15px;
  margin-bottom: 50px; */
  padding-left: 20px;
  color: #270d44;
}

.dashboard_total_table {
  margin-top: 40px;
}


.dashboard_create_btn button {
  border: none;
  background-color: #ffffff;
  color: #270d44;
  margin-right: 10px;
  /* margin: auto !important; */
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: bolder;
}

@media screen and (max-width:450px) {
  .dashboard_create_btn {
    padding-right: 25px !important;
  }
}

@media screen and (min-width:0px) and (max-width:767px) {
  .dashboard_create_btn button {

    margin-top: 5px;
  }
}

.dashboard_create_btn button:hover {
  background-color: #270d44;
  color: #ffffff;
}

a.text-heading.font-semibold {
  color: #270d44;
}

/* Dashboard2 */


/* .jobfair_btn {
  border-color: #270d44;
  color: #fff;
  box-shadow: 0 0 28px 22px #270d44 inset, 0 0 0 0 #270d44;
  transition: all 150ms ease-in-out;
  padding: 10px;
  margin-top: 20px !important;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  .jobfair_btn:hover {
    box-shadow: 0 4px 30px #270D44;
    color: #270d44;
  } */

.job_fair_forms {
  width: 90%;
  margin-left: auto !important;
}

@media screen and (min-width:0px) and (max-width:770px) {
  .job_fair_forms {
    width: 100%;
    text-align: center;
    /* margin-left: auto !important; */
  }
}

.jobfair_regbtn {
  background-color: #270d44;
  color: #ffffff;
  padding: 15px;
  /* margin-right: auto !important; */
  margin-right: 10px;
  border-radius: 5px;
  width: 97% !important;
  margin-left: auto !important;

}


@media screen and (min-width:"0px") and (max-width:"1020px") {
  .jobfair_regbtn {
    width: 85% !important;
  }
}


.jobfair_contenttext {
  background-color: #e7e7e7;
  /* color: red; */
  vertical-align: center !important;
  /* border-top-left-radius: 10px;
    border-bottom-right-radius: 10px; */
  border-radius: 20px;
  margin-top: 60px;
  font-size: 16px;
}

/* .jobfair_contenttext p 
  {
    margin-top: 60px !important;
  } */



.homebanner_btn {
  border-top-left-radius: 50px !important;
  border: none;
  cursor: pointer;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background-color: #00bdff;
}

@media screen and (min-width:0px) and (max-width:767px) {

  .homebanner_btn {
    font-size: inherit !important;
    padding: revert !important;
  }
}

@media screen and (min-width:0px) and (max-width:390px) {

  .homebanner_btn {

    font-size: 10px !important;
    padding-bottom: 2px !important;
    margin-right: -1px !important;
  }
}

@media screen and (max-width:575px) {
  .hr_profile_details {
    text-align: center !important;
  }

}


/* Search Candidates  */

.select_excel input {
  width: 15px;
  height: 15px;
}

.select_excel span {
  font-size: 13px;
  vertical-align: middle;
  margin-top: -8px;
}

.card_top_box {
  background-color: #ffffff;
  box-shadow: 0 4px 15px rgb(105 114 162 / 25%);
  backdrop-filter: blur(5px);
  margin-bottom: 50px;
  padding-top: 35px;
}

.details_src_card button {
  border: none;
  background: #f8f2fb;
  color: #270d44;
  font-size: 14px;
  padding: 5px 20px;
  margin: 3px 3px;
  border-radius: 5px;
  font-weight: bold;
}

.download_src_resume {
  width: fit-content;
  padding: 4px 10px;
  border-radius: 3px;
  background: #270d44;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
}

.download_src_Excel {
  width: fit-content;
  padding: 7px 14px;
  border-radius: 3px;
  background: #4d44c7;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-block;
}

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



/* Search Candidates  */



.hr_profile_backdivbtn {
  width: fit-content !important;
  text-align: right !important;
  margin-top: 10px;
  /* z-index: 9999; */
  margin-bottom: -40px !important;
}

.hr_profile_backbtn {
  padding: 5px 15px;
  border: none;
  background-color: #270d44;
  color: #ffffff;
}


.Admin_forget_login {
  text-align: end;
  color: #270d44;
}

.Admin_forget_login:hover {
  color: #6a2a69;
}

.Dashboard_Admin_login_form_modal {
  background-color: #ffffff;
  padding: 50px 30px;
  width: 30%;
  position: absolute;
  top: 54%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border-radius: 6px;
}

@media screen and (min-width:0px) and (max-width:500px) {
  .Dashboard_Admin_login_form_modal {
    width: 90%;

  }
}

@media screen and (min-width:501px) and (max-width:700px) {
  .Dashboard_Admin_login_form_modal {
    width: 70%;

  }
}

@media screen and (min-width:701px) and (max-width:900px) {
  .Dashboard_Admin_login_form_modal {
    width: 60%;
  }
}

@media screen and (min-width:901px) and (max-width:1100px) {
  .Dashboard_Admin_login_form_modal {
    width: 50%;

  }
}

/* 
background-color: #ffffff;
padding: 50px 30px;
width: fit-content;
top: 50%;
position: absolute;
left: 50%;
right: auto;
bottom: auto;
margin-right: -50%;
transform: translate(-50%, -50%); */

.admin_logIn_modal_close {
  position: absolute;
  top: -65px;
  right: -40px;
  background-color: #ffffff !important;
  border: 0;
  padding: 7px 11px 9px 11px !important;
  border-radius: 50%;
  color: #270d44 !important;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px !important;
  -webkit-appearance: none;
  outline: none !important;
  /* margin-top: -20px !important; */
  /* margin-right: -9px !important; */
  font-weight: 500;
  line-height: 1;
  z-index: 999;
  /* font-size: 20px; */
  text-shadow: 0 1px 0 #fff;
  opacity: 1 !important;
}


.sys_home_register {
  width: fit-content;
  margin-left: auto !important;
  border: none;
  padding: 8px 25px;
  border: 1px solid #270d44;
  background-color: transparent;
  border-radius: 5px;
  font-weight: bold;
  color: #270d44 !important;
  text-align: center;
}

/* .sys_home_register Link{
  color: #270d44;
} */
.sys_home_register:hover {
  background-color: #270d44;
  color: #ffffff !important;
}



.job_fair_forms_student {
  width: 90%;
  /* margin-left: auto !important; */
  margin: auto !important;
}

@media screen and (min-width:0px) and (max-width:770px) {
  .job_fair_forms_student {
    width: 100%;
    text-align: center;
    /* margin-left: auto !important; */
  }
}




.admin_logIn_modal_close {
  position: absolute;
  top: -65px;
  right: -40px;
  background-color: #ffffff !important;
  border: 0;
  padding: 7px 11px 9px 11px !important;
  border-radius: 50%;
  color: #270d44 !important;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px !important;
  -webkit-appearance: none;
  outline: none !important;
  /* margin-top: -20px !important; */
  /* margin-right: -9px !important; */
  font-weight: 500;
  line-height: 1;
  z-index: 999;
  /* font-size: 20px; */
  text-shadow: 0 1px 0 #fff;
  opacity: 1 !important;
}

.verfy-studentfair-btn {
  position: absolute;
  margin: 40px 20px !important;
  top: 0;
  border-radius: 3px;
  border: none;
  right: 0;
  height: 40px !important;
  padding: 0 !important;
  width: 100px !important;
  background-color: #270D44;
  color: #FFFFFF;
}

@media screen and (min-width:0px) and (max-width:450px) {
  .verfy-studentfair-btn {
    width: 75px !important;
    margin: 22px 8px !important;
  }
}

button:disabled,
button[disabled] {
  opacity: 0.6;
}

.fair_success_img {
  width: 50%;

}


.example_responsive_1 ins {
  /* width: 320px; */
  height: 100px;
}

@media(min-width: 500px) {
  .example_responsive_1 ins {
    /* width: 468px; */
    height: 60px;
  }
}

@media(min-width: 800px) {
  .example_responsive_1 ins {
    /* width: 728px; */
    height: 90px;
  }
}



.side_bar_card {
  /* box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%); */
  border-radius: 20px !important;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);

}

.side_bar_card a.active {
  background: #e1e7ff;
  border-left-color: #270D44;
  color: #270D44 !important;
}

.side_bar_card a:hover {
  transition: all 0.3s linear;
  background: #e1e7ff;
  border-left-color: #270D44;
  padding-left: 30px;
  color: #270D44;
}

.side_bar_card .card {
  border-radius: 10px !important;

}

.appliedjobs_card {
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
  border-radius: 20px;
}


h1.apply_role {
  font-size: 18px;
  margin: 0px;
  text-align: center;
  font-weight: bolder;
}

p.apply_companyname {
  color: #7c4dda;
  margin-bottom: 0px !important;
}

h1.apply_package {
  font-size: 18px;
  margin: 0px;
  font-weight: bolder;
}

p.apply_location {
  color: #7c4dda;
  margin-bottom: 0px !important;
  font-family: system-ui;
}

p.apply_experience {
  color: #7c4dda;
  margin-bottom: 0px !important;
  font-family: system-ui;
}

.apply_postings p {
  color: #000;
  margin-bottom: 0px !important;
  font-size: 12px;
}

.apply_first_row {
  border-bottom: 1px solid #ada6a680;
  padding-bottom: 10px;
}

.apply_applied {
  /* color: #6a2a69; */
  margin: auto !important;
  text-align: -webkit-center;

}

.apply_applied p {
  width: 80%;
  text-align: center;
  color: #2C0264;
  font-weight: bold;
  /* border: 1px solid #2C0264; */
  padding: 5px 16px;
  margin-bottom: 0px !important;
  font-size: 20px;
  border-radius: 10px;
  background-color: #c3c1e745;
}

.card.applied_jobs {
  background: #FFF;
  box-shadow: 0 2px 20px rgba(30,10,58,.04);
  padding: 24px 24px 20px;
  border-radius: 20px;
  margin-bottom: 16px;
}

h1.resume_username {
  margin-bottom: 0px !important;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  text-transform: capitalize;
}

h4.resume_userdesignation {
  font-size: 15px;
  margin-bottom: 0px;
}

.resume_top_details {
  padding: 25px;
  border-radius: 20px !important;
  box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);

}

.resume_d1 p {
  font-size: 11px;
  color: #7931c8;
}

.resume_d1 h1 {
  margin-bottom: 0px;
  background-color: #eade35;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 40px;
  border-radius: 20px;
}

.resume_d1 h4 {
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: bold;
  color: red;
}

.resume_u {
  text-align: -webkit-center;
}

.cp span {
  font-size: 15px;
  text-transform: initial;
  font-weight: 100;
  letter-spacing: initial;
}

.site_button_resume {
  /* background-color: #270D44; */
  color: #000 !important;
  font-size: 13px !important;
  position: relative;
  top: 38px;
}

.site_button_resume:hover {
  /* background-color: #270D44; */
  color: #762dc7fa !important;
  font-size: 12px !important;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.80rem + 0px) !important;
}

.modal-content {
  border-radius: 20px !important;
  padding: 10px;
}

p.resume_modal_text {
  color: #47474e;
  font-size: 12px;
  margin-bottom: 10px !important;
}

h5#exampleModalLabel {
  color: #5a5ac6;
  font-weight: bold;
  font-size: 25px;
}



.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  /* Automatically adjust columns */
  grid-gap: 10px;
  /* Gap between grid items */
  /* background-color: #f1f1f1; */

  padding: 10px;
}

.grid-item {
  background-color: #ffffff;
  padding: 0px;
  text-align: center;
  font-size: 16px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    /* Adjust columns for smaller screens */
  }
}

.category_jobsss {
  margin: auto;
  text-align: center;
  box-shadow: 0 0 8px rgb(0 0 0 / 8%);
  padding: 6px;
  border-radius: 20px !important;
  /* width: 89%; */

}

a.py-1.pr-2.rounded.category_jobsss.form-control {
  border-radius: 10px !important;

}

a.category_jobsss.form-control.p-2 {
  margin-top: 10px;
}


button.company_jobs_section_2_button_sub.d-inline-block.mr-1.mb-2.text-uppercase.position-relative.z-index-1.overflow-hidden.align-middle.rounded.cursor-pointer.text-center.bg-dark.text-height-2.font-weight-normal.px-3.py-2.text-white {
  background-color: #ffffff !important;
  color: #5959c8 !important;
  font-weight: bold !important;
  font-size: 15px !important;
  margin: 3px;
  box-shadow: 0 0 8px rgb(0 0 0 / 25%) !important;
}


.home_bannerr {
  /* background-color: #F8F2FB; */
  background-image: url("./images/BG\ Home.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0px;
  height: auto;
  margin-top: 100px;
  padding-top:70px;
}
.home_bannerr2 {
  /* background-color: #F8F2FB; */
  background-image: url("./images/BG\ Home.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0px 1px;
  height: auto;
  margin-top: 100px;
  padding-top: 20px;
}
.home_form {
  background-color: transparent !important;
  border: none !important;
}

.MuiInputBase-root.MuiOutlinedInput-root.MuiAutocomplete-inputRoot.makeStyles-autocompleteInput-1.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.MuiOutlinedInput-adornedEnd {
  background-color: #fff !important;
  /* height: 55px !important; */
  height: auto !important;
  /* box-shadow: 0 0 8px rgb(0 0 0 / 25%) !important;  */
  border: none !important;

}

.WAMuiChipInput-inputRoot-2.WAMuiChipInput-outlined-5 {
  padding-top: 14px;
  height: auto;
}

a#a3 {
  font-weight: 500 !important;
}

a#a2 {
  font-weight: 500 !important;
}

a#a1 {
  font-weight: 500 !important;
}

p.resume_usercompanyname {
  color: black !important;
}

.browse_filter_card {
  border-radius: 15px !important;
  border-color: #896ead !important;
  margin-top: 10px;
}

div#headingOne {
  padding: 0px 20px;
  background-color: #f3f3f37a !important;
  border-radius: 15px;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; */
}

div#headingTwo {
  padding: 0px 20px;
  background-color: #f3f3f37a !important;
  border-radius: 15px;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; */
}

div#headingThree {
  padding: 0px 20px;
  background-color: #f3f3f37a !important;
  border-radius: 15px;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; */
}

div#headingFive {
  padding: 0px 20px;
  background-color: #f3f3f37a !important;
  border-radius: 15px;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; */
}

div#headingSix {
  padding: 0px 20px;
  background-color: #f3f3f37a !important;
  border-radius: 15px;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; */
}

div#headingSeven {
  padding: 0px 20px;
  background-color: #f3f3f37a !important;
  border-radius: 15px;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; */
}

div#headingEight {
  padding: 0px 20px;
  background-color: #f9f9f9 !important;
  border-radius: 15px;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; */
}

.browse_filter_designation {
  color: #2c2727;
text-transform: capitalize;
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 0px !important;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.browse_filter_package {
  font-weight: 500;
  font-size: 18px;
  font-family: fantasy;
  margin-bottom: 0px !important;
}

.row.browse_filter_details {
  margin-top: 10px;
}

.browse_filter_details p {
  margin-bottom: 0px !important;
}


.browse_apply {
  background-color: #9649fd;
  padding: 5px;
  border: navajowhite;
  color: #ffffff;
  width: 170px;
  font-weight: 900;
  font-size: 20px;
  margin-top: 10px;
}

.col-3.browse_img {
  border: 1px solid #c3bebe;
  margin: auto;
  width: 80px;
  border-radius: 10px;
  padding: 0px;
}

h1.browse_title {
  margin-bottom: 0px;
  font-weight: bold;
  font-family: sans-serif;
}

p.browse_companyname {
  color: #9649fd;
  font-size: 15px;
}

h1.browse_salary {
  margin-bottom: 0px;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 22px;
  padding-left: 23px;
}

p.browse_cities {
  color: black;
  font-size: 15px;
}

.browse_card {
  border-bottom: 1px solid #dbd6d6;
  padding-top: 10px;
}

.browse_cards {
  border-right: 1px solid #dbd6d6;
  margin-bottom: 10px;
}

.col-9.browse_detailsss {
  margin-top: 10px;
}

.col-9.browse_detailsss p {
  margin-bottom: 0px !important;
}


.MuiInputBase-root.MuiOutlinedInput-root.MuiAutocomplete-inputRoot.makeStyles-autocompleteInput-2.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.MuiOutlinedInput-adornedEnd {
  border: none !important;
  height: auto !important;
}


.home_head {
  text-align: center;
  font-weight: 700;
  color: #270d44;
  font-family: system-ui;
  margin-bottom: 0px !important;
}

p.home_head_c {
  text-align: center;
  margin-bottom: 20px !important;
  color: #270d44;
  font-family: revert;
  margin-top: 20px;
  font-size: 20px;
}

.grid-container1 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  /* Six columns with equal width */
  grid-gap: 10px;
  /* Gap between grid cells */
}

/* .item1 {
  background-color: #ddd;
  padding: 20px;
} */

.home_bannerr1 {
  background-color: #fbf8fd;
  height: 40vh;
  padding-top: 100px;
}


h1.c_jobs_head {
  font-weight: bolder;
  padding: 15px 15px 0px 15px;
  font-family: system-ui;
  font-size: 23px;
  color: #0000008a;
  margin-bottom: 0px !important;
}

p.c_jobs_p {
  padding: 0px 0px 0px 15px;
  color: #410583;
  font-size: 16px;
}

.d-flex.c_jobs_img {
  padding: 15px;
}

.c_jobs {
  border-radius: 15px !important;
}

.container_grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
}



.searchcandidate_banner {
  background-image: url('./images/BG\ Home.png');
  height: 40vh;

}


.search_c_head {
  color: #270d44;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.search_c_paragraph {

  text-align: center;
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 25px !important;

}


.details_src_card {
  margin-top: 25px;
}


.select_excel {
  padding-left: 10px;
}


@media screen and (min-width:0px) and (max-width:767px) {
  .search_candidate_pa {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .searchcandidate_banner {
    height: 65vh;
  }

  .select_all_src {
    font-size: 10px !important;
  }

  .download_src_Excel {
    width: fit-content;
    padding: 4px 4px;
    border-radius: 3px;
    background: #4d44c7;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 20px;
    display: inline-block;
  }
}

.db_c_cname {
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 20px;
  font-family: system-ui;
}


.db_c_designation {
  font-size: 17px;
  color: #000;
  margin-bottom: 0px !important;
}

.db_c_url {
  font-size: 14px;
}

@media screen and (min-width:0px) and (max-width:438px) {
  .dash_navpills li a {
    color: #000000;
    padding: 9px 6px;
    /* border: 1px solid black; */
    background-color: #ffffff;
    margin-left: 3px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bolder;
    box-shadow: 0 0 3px rgb(0 0 0 / 25%);
  }
}

@media screen and (min-width:439px) and (max-width:1199px) {
  .dash_navpills li a {
    color: #000000;
    padding: 15px 23px;
    /* border: 1px solid black; */
    background-color: #ffffff;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bolder;
    box-shadow: 0 0 3px rgb(0 0 0 / 25%);
  }
}

.dabo_profile {
  border-radius: 15px !important;
  margin-top: 50px;
  box-shadow: 0 3px 2px rgb(0 0 0 / 18%);
}

.dash_icon i {
  /* background-color:; */
  color: #ffffff;
  padding: 9px;
  border-radius: 10px;
  font-size: 25px;
}

.dash_cardss h1 {
  margin-bottom: 0px !important;
  font-weight: 600;
  font-size: 25px;
}

.dash_cardss p {
  font-weight: 200;
  font-size: 15px;
  margin-bottom: 0px !important;
  color: #000000;
}

.dash_re {
  margin-bottom: 0px !important;
  color: #2c0264;
  font-size: 20px;
  font-family: system-ui;
  font-weight: 900;
}

.dash_recu {
  background-color: #fbf7fd;
}


.MuiTabsList-root.MuiTabsList-horizontal.css-ucoplc {
  background-color: transparent;
}

/* 
button#mui-1-T-0 {
  background-color: #ffffff;
  color: #270d44;
  border-radius: 10px;
}


button#mui-1-T-1 {
  background-color: #ffffff;
  color: #270d44;
  border-radius: 10px;
}

button#mui-1-T-2 {
  background-color: #ffffff;
  color: #270d44;
  border-radius: 10px;
}

button#mui-1-T-3 {
  background-color: #ffffff;
  color: #270d44;
  border-radius: 10px;
}

button#mui-1-T-0:visited {
  background-color: #270d44 !important;
  color: #ffffff !important;
}

button#mui-1-T-1:active {
  background-color: #270d44 !important;
  color: #ffffff !important;
}

button#mui-1-T-2:active {
  background-color: #270d44 !important;
  color: #ffffff !important;
}

button#mui-1-T-3:active {
  background-color: #270d44;
  color: #ffffff;
} */

.css-345b37.Mui-selected {
  background-color: #270d44 !important;
  color: #FFFFFF !important;
  font-weight: 600;
  border-radius: 10px;
  padding: 10px 40px;
}

.css-345b37 {
  font-family: IBM Plex Sans, sans-serif;
  color: #270d44 !important;
  background: #ffffff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
  margin: 6px 6px;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.css-ucoplc {
  justify-content: left !important;
}

.css-ucoplc {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  background-color: #270D44;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  /* width: fit-content; */
  margin: auto;
  border-radius: 8px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: left !important;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between;
}

.db_1_row {
  padding: 15px;
  background-color: rgb(44, 2, 100);
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.db_2_row .col-6
{
  border-right: 1px solid #f1f1f1;
  padding: none !important;
}
.db_2_row .col-6 ul 
{
  margin: auto;
  padding:10px 20px !important;
} 

/* .db_mny_btn
{
  background-color: #ffffff !important;
  color: #2c0264 !important;
  border-right: 1px solid red !important;
} */

.db_mny_btn_gup
{
  box-shadow: 2px 3px 11px rgb(0 0 0 / 35%) !important;  
  padding: 7px 30px;
  background-color: #ffffff !important;
  border-radius: 10px !important;
}

button.btn.db_mny_btn {
  font-weight: 700;
  font-family: system-ui;
}


h1.jp_head {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  font-family: system-ui;
}

.jp_money {
  text-align: center;
  background-color: #f8f2fb;
  border-radius: 10px;
  padding: 10px 0px;
}
.jp_money h1{
  margin-bottom: 0px;
  font-weight: bold;
}

p.jp_para {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px !important;
  color: #000;
  font-family: system-ui;
}

button.btn.jp_btn {
  border: 1px solid #270d44;
  font-weight: 700;
  margin-top: 20px;
  border-radius: 10px;
}

.brow_side_card
{
  box-shadow: 0 4px 10px 0 rgb(73 73 75 / 36%);
  border-radius: 10px !important;
  height: 60vh;
  overflow: scroll;
  overflow-x: auto;
}

.C_application_card
{
  width: fit-content;
  padding: 10px 20px;
}

.C_application_card h1{
  font-size: 22px;
  margin-bottom: 0px !important;
  text-transform: capitalize;
  font-weight: 900;
  font-family: Cambria,Cochin,Georgia,Times,'Times New Roman', serif;
}
.C_application_card p{
  margin-bottom: 0px !important;
  font-size: 15px;
  font-family: Cambria,Cochin,Georgia,Times,'Times New Roman', serif;
}


@media screen and (min-width:0px) and (max-width:767px) {
  
}

.more{
  text-align: end;
  font-weight: bold;
  font-size: 15px;
  padding-right: 10px !important;
}

.browse_none1
{
display: none !important;
}
@media screen and (min-width:0px) and (max-width:767px) {
  .browse_none
  {
    display: none;
  }
  .browse_none1
{
display: block !important;
}

}

label.job_filter_grid_wishlist1 {
  /* left: 182px; */
  user-select: none;
  padding-left: 35px;
  position: relative;
  display: block;
  font-size: 22px;
  bottom: 220px;
  text-align: end;
  padding: 10px !important;
}


@media screen and (min-width:0px) and (max-width:320px) {

}


.bro_t_cname h4
{

  font-weight: 700 !important;
  margin-bottom: 0px !important;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
  text-transform: capitalize;
}

.col-7.resume_d1.m-auto a {
  color: red;
  font-size: 18px;
}

.b_side_card_img img
{
  width:70px;
}
.b_side_card_titles{
  /* padding: 0px 30px; */
  /* border-right: 1px solid #ada6a6; */

  /* margin-top: 10px;
  margin-bottom: 10px; */
}


.b_side_card_titles1 p{
  margin-bottom: 0px !important
}
.b_side_card_titles1 i{  padding-right: 10px;
}
@media screen and (min-width:992px) {
  .b_side_card_titles  h4{
    margin-bottom: 0px !important;
        /* font-size: 23px; */
    font-weight: bolder;
    font-size: 23px;
  }
  .b_side_card_titles  h4{
    margin-bottom: 0px !important;
    margin-bottom: 0px !important;
    /* font-size: 23px; */
    font-weight: bolder;
    font-size: 23px;
  }
  .b_side_card_titles1{
    padding:0px 35px;
  }
}

@media screen and (max-width:991px){
  .b_side_card_titles h4{
    margin-bottom: 0px !important;
    font-size: 15px;
    font-weight: 600;
  }
  .home_company_name {
    color: #2a28ced9;
    /* margin-bottom: 5px !important; */
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 700;
}
.b_side_card_img img {
  width: 55px;
}
.b_side_card_titles1 p {
  margin-bottom: 0px !important;
  font-size: 13px;
}
}


p.browse_filter_company {
  font-family: system-ui;
  font-size: 15px;
  color: #868383;
  margin-bottom: 0px !important;
}

.b_side_card_line
{
  border-bottom:1px solid #e1e1e15e;
} 


  
.br_side_cards
{
  padding: 10px 10px 5px;
}

.b_side_card_skills{
font-weight: 100 !important;
font-size: 13px !important;
background-color: #e1e1e161 !important;
padding: 1px 5px !important;
border-radius: 50px !important;
margin-right: 4px !important;
margin-bottom: 5px !important;
}
.bro_t_cname {
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.bro_t_cname h5{
  margin-bottom: 0px !important;
}


.MuiInputBase-root.MuiOutlinedInput-root.MuiAutocomplete-inputRoot.makeStyles-autocompleteInput-2.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.MuiOutlinedInput-adornedEnd {
  border: 1px solid #270d44 !important;
}


.s_jobs_title
{

    font-weight: 600;
    font-family: Satoshi,sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #121224;
}

.s_jobs_description p
{
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;

  color: #000;
}

.s_jobs_description
{
  display: flex;
  color: #000;
 margin-top: 10px;
}
.s_jobs_description span{
  white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    font-weight: 100; 
}

.s_jobs_cname
{
  font-weight: 600;
  font-family: Satoshi,sans-serif;
  font-size: 15px;
  text-transform: capitalize;
  color: #474d6a;
}

.separator
{
  background-color: #e7e7f1;
    width: 1px;
    height: 14px;
    border-radius: 1px;
    margin-left: 16px;
    margin-right: 16px;
}

.s_jobs_icons span
{
  font-weight: normal;
  font-size: 15px;
  color:#000 !important;
}

.sjobs_posting
{
  display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    color: #000;
}
.sjobs_posting span
{
  font-weight: normal;
  color:#000;
} 

.MuiInputBase-root.MuiOutlinedInput-root.MuiAutocomplete-inputRoot.makeStyles-autocompleteInput-1.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.MuiOutlinedInput-adornedEnd {
  border: 1px solid #270d44 !important;
}

.icon{
  font-size:15px;
}

select.signup_ip.mr-3 {
  border: 1px solid #270d44;
}

.clearfix
{
  background-color: #ffffff;
  padding: 15px;
  border-radius: 20px;
  box-shadow:0 4px 10px 0 rgb(45 40 48 / 14%);
  margin-top:10px;
}

.clearfix h5 {
  font-weight: bolder;
  font-size: 15px;
  font-family: system-ui;
}

.skills_ui_resume
{

}
.skills_ui_resume button{
margin-left:0px !important;
}

.Accomplishment_head h5
{
  font-weight: bolder;
  font-size: 15px;
  font-family: system-ui;
  margin-bottom: 0px !important;
  margin-top: 10px;
}

.clearfix_ur span
{
  font-weight:300;
  font-size:13px;
  color: #676060e6;
}
.modal_content
{
  padding: 0px 32px 15px;
}
.modal_header
{
  padding: 24px 24px 0px;
}