@font-face {

    font-family: "GT Walsheim-pro-bold";

    src: url("../fonts/GT Walsheim-pro-bold.ttf");

}

@font-face {

    font-family: "GTWalsheimProMedium";

    src: url("../fonts/GTWalsheimProMedium.ttf");

}

@font-face {

    font-family: "GT Walsheim-pro-regular";

    src: url("../fonts/GT Walsheim-pro-regular.ttf");

}

@font-face {

    font-family: "";

    src: url("../fonts/");

}

@font-face {

    font-family: "";

    src: url("../fonts/");

}

@font-face {

    font-family: "";

    src: url("../fonts/");

}

@charset "utf-8";

/* CSS Document */

body,
html {

    height: 100%;

}

body {

    background: #fff;

}


h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'Montserrat', sans-serif;

}

p {

    font-family: 'Roboto', sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

a {

    text-decoration: none !important;

    transition: all 0.5s;

}


.chatbox-holder {
  position: fixed;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  height: 0;
      z-index: 99;

}

.chatbox {
  width: 400px;
  height: 400px;
  margin: 0 20px 0 0;
  position: relative;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  display: flex;
  flex-flow: column;
  border-radius: 10px 10px 0 0;
  background: white;
  bottom: 0;
  transition: .1s ease-out;
}

.chatbox-top {
  position: relative;
  display: flex;
  padding: 10px 0;
  border-radius: 10px 10px 0 0;
  background: rgba(0, 0, 0, .05);
cursor: pointer;}

.chatbox-icons {
  padding: 0 10px 0 0;
  display: flex;
  position: relative;
}

.chatbox-icons .fa {
  background: rgb(0 130 167);
  padding: 3px 5px;
  margin: 0 0 0 3px;
  color: white;
  border-radius: 0 5px 0 5px;
  transition: 0.3s;
}

.chatbox-icons .fa:hover {
  border-radius: 5px 0 5px 0;
  background: rgba(220, 0, 0, 1);
}

.chatbox-icons a, .chatbox-icons a:link, .chatbox-icons a:visited {
  color: white;
}

.chat-partner-name, .chat-group-name {
  flex: 1;
  padding: 0 0 0 95px;
  font-size: 15px;
  font-weight: bold;
  color: #30649c;
  text-shadow: 1px 1px 0 white;
  transition: .1s ease-out;
}

.chat-partner-name span {
    font-size: 10px;
    color: green;
}

.status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 3px 0 0;
}

.online {
  background: #b7fb00;
}

.away {
  background: #ffae00;
}

.donot-disturb {
  background: #ff4343;
}

.chatbox-avatar {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  background: white;
  padding: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  position: absolute;
  transition: .1s ease-out;
  bottom: 0;
  left: 6px;
}

.chatbox-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.chat-messages {
  border-top: 1px solid rgba(0, 0, 0, .05);
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
}

.message-box-holder {
  width: 100%;
  margin: 0 0 15px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}

.message-sender {
  font-size: 12px;
  margin: 0 0 15px;
  color: #30649c;
  align-self: flex-start;
}

.message-sender a, .message-sender a:link, .message-sender a:visited, .chat-partner-name a, .chat-partner-name a:link, .chat-partner-name a:visited {
  color: #30649c;
  text-decoration: none;
}

.message-box {
  padding: 6px 10px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: rgb(1 139 178 / 17%);
  border: 2px solid rgb(212 235 242);
  color: #000;
  font-size: 12px;
}

.message-box:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid rgb(212 235 242);
  border-right: none;
  bottom: -22px;
  right: 10px;
}

.message-partner {
  background: rgb(0 71 137 / 19%);
  border: 2px solid rgb(207 220 233);
  align-self: flex-start;
}

.message-partner:after {
  right: auto;
  bottom: auto;
  top: -22px;
  left: 9px;
  border: 10px solid transparent;
  border-bottom: 10px solid rgb(207 220 233);
  border-left: none;
}

.chat-input-holder form{
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.chat-input {
  resize: none;
  padding: 5px 10px;
  height: 40px;
  font-family: 'Lato', sans-serif;
	font-size: 14px;
  color: #999999;
  flex: 1;
  border: none;
  background: rgba(0, 0, 0, .05);
   border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.chat-input:focus, .message-send:focus {
  outline: none;
}

.message-send::-moz-focus-inner {
	border:0;
	padding:0;
}

.message-send {
  -webkit-appearance: none;
  background: #9cc900;
  background: -moz-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -webkit-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -o-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -ms-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: linear-gradient(180deg, #004788, #0082a7);
  color: white;
  font-size: 12px;
  padding: 0 15px;
  border: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.attachment-panel {
  padding: 3px 10px;
  text-align: right;
}

.attachment-panel a, .attachment-panel a:link, .attachment-panel a:visited {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}

.chatbox-min {
  margin-bottom: -362px;
/*   height: 46px; */
}

.chatbox-min .chatbox-avatar {
  width: 60px;
  height: 60px;
}

.chatbox-min .chat-partner-name, .chatbox-min .chat-group-name {
  padding: 0 0 0 75px;
}

.settings-popup {
  background: white;
	border-radius: 20px/10px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
  font-size: 13px;
	opacity: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 33px;
	transition: .15s;
	transform: scale(1, 0);
	transform-origin: 50% 0;
	width: 120px;
  z-index: 2;
  border-top: 1px solid rgba(0, 0, 0, .2);
  border-bottom: 2px solid rgba(0, 0, 0, .3);
}

.settings-popup:after, .settings-popup:before {
  border: 7px solid transparent;
	border-bottom: 7px solid white;
	border-top: none;	
	content: "";
	position: absolute;
	left: 45px;
	top: -10px;
  border-top: 3px solid rgba(0, 0, 0, .2);
}

.settings-popup:before {
  border-bottom: 7px solid rgba(0, 0, 0, .25);
  top: -11px;
}

.settings-popup:after {
  border-top-color: transparent;
}

#chkSettings {
	display: none;
}

#chkSettings:checked + .settings-popup {
	opacity: 1;
	transform: scale(1, 1);
}

.settings-popup ul li a, .settings-popup ul li a:link, .settings-popup ul li a:visited {
  color: #999;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
}

.settings-popup ul li a:hover {
  background: rgba(0, 0, 0, .05);
}




/*-----MODAL CSS START-----*/

.add-app-modal .modal-blk {
    border: 1px solid #00000036;
    border-radius: 10px;
    margin-bottom: 13px;
    padding: 10px;
}

.add-app-modal .modal-header h5 span {}

.add-app-modal .modal-header h5 {
    font-size: 18px;
}

.add-app-modal .modal-content h6 {
    font-size: 13px;
}

.add-app-modal .scroller {
    overflow-y: scroll;
    height: 340px;
    border: 1px solid #0000002e;
}

.add-app-modal .modal-blk h5 a {
    color: #2a5ba9;
    font-size: 15px;
    font-weight: 200;

}

.add-app-modal .modal-blk h5 a span {
    font-weight: 600;

}

.add-app-modal .modal-blk h4 {
    font-size: 13px;
}

.add-app-modal .modal-blk h4 span {}

.add-app-modal .modal-blk p {
    font-size: 13px;
    margin-bottom: 0;
}

.add-app-modal .modal-body {
    padding: 17px 15px 0 !important;
    flex: none !important;
}

.add-app-modal .modal-content {
    padding: 0px;
    border-radius: 18px;
}

.add-app-modal .modal-header {
    padding: 20px 20px 2px !important;
    flex-direction: column;
}

.add-app-modal .modal-header {
    position: relative;
}

.add-app-modal .modal-header .close {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0 !important;
    font-size: 30px;
    outline: none !important;
}

/*-----MODAL CSS END-----*/

/*----APLLICATION MODAL START------*/
.mod-appli-all {
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 15px;
    text-align: left;
    margin-top: 30px;
}

.mod-appli-heading {
    float: left;
}

.mod-appli-name {
    border-bottom: 1px solid #ECECEC;
}

.mod-appli-email {
    border-bottom: 1px solid #ECECEC;
}

.mod-appli-heading h5 {
    font-weight: bold;
    font-size: 14px;
    color: #6F6F6F;
    margin: 0 auto;
}

.mod-appli-cv {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.mod-appli-cv a {
    border: none !important;
    padding: 0 !important;
    margin: 10px !important;
    text-decoration: underline !important;
}


/*----APLLICATION MODAL END------*/


/*-----REPORT JOB MODAL START-----*/
.mod-rep-job {
    text-align: left;
}

.mod-rep-job label {
    width: 70%;
}

.mod-rep-job textarea {
    width: 100%;
    height: 100px;
}

.repot-job-btn button {
    align-items: center;
    display: inline-block;
    margin: 20px auto;
    border: 1px solid #cccccf !important;
    border-radius: 7px;
    padding: 6px;
    width: 100%;
    color: #cccccf !important;
}

.repot-job-btn a {
    border: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.m-a-not-seeing button {
    background: transparent !important;
    color: #2557a7 !important;
    border: none !important;
    padding: 0;
    margin: 0 auto;
}

#mySeeing .modal-footer {
    justify-content: left;
    padding: 7px 0px 0 10px;
    border: none !important;
}

.mod-notseeing p {
    font-size: 15px;
}

.mod-notseeing ul li {
    list-style-type: disc;
    margin: 18px;
    font-size: 15px;
}



/*-----REPORT JOB MODAL END-----*/



.select-file-type {
    position: relative;
    height: 110px;
}

.select-file-type input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.form-area input {
    margin-bottom: 10px;
    width: 100%;
    padding: 6px;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #00000042;
    outline: none;
}

.form-blk h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.form-area label {
    font-size: 14px;
    margin-bottom: 4px;
}

.form-area label span {
    color: #c31616;
    padding: 5px;
}

.application-form .row {
    justify-content: center;
}

.back-to-page a {
    color: #0082a7;
}

.form-blk {
    border: 1px solid #0000002b;
    padding: 20px;
    border-radius: 6px;
    background-color: #fff;
    margin: 15px auto;
}

section.application-form {
    background-color: #00000005;
    padding: 40px 0;
}

.form-area select {
    color: #000000d1;
    width: 100%;
    padding: 6px;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #00000042;
    outline: none;
}

.form-area option {
    background-color: #716f8245;
    font-size: 13px;
}

.resume-upload {
    border: 1px dashed #0e5db6;
    padding: 30px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    margin-top: 10px;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.resume-upload a {
    color: #0e5db6;
    display: inline-block;
}

.resume-upload i {
    color: #0e5db6;
    margin-bottom: 10px;
}

.select-file-type:hover .resume-upload {
    background-color: #0e5db61f;
}

.form-blk input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-blk input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.card-header {
    padding: 0 !important;
    margin-bottom: 20px !important;
    background-color: transparent !important;
    border-bottom: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-header h3 {
    margin-bottom: 0;
}

div#accordion {
    width: 100%;
}

.form-blk button.btn-link {
    color: #000;
    font-size: 20px;
}

a.cancl-btn {
    color: #0e5db6;
    font-size: 14px;
    padding: 10px 15px;
}

a.add-btn {
    background-color: #0e5db6;
    color: #fff;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 6px;
}

.form-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.card-body {
    padding: 0 !important;
}

a.add-btn:hover {
    color: #fff;
    background-color: #0e5db6d1;
}

.withdrawl-candi {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 10%);
    padding: 30px;
    border-radius: 10px;
    margin: 26px 0;
    text-align: center;
}

.withdrawl-candi a {
    color: #0082a7;
    font-weight: 600;
}

.withdrawl-candi ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}

.withdrawl-candi ul li {
    margin: 0 20px;
}

.inner-divbar hr {

    margin: 5px 0;

}



.inner-divbar .dropdown-item.lst-log {

    background-color: #fff;

    color: #0082a7 !important;

    text-align: center;

}

.carousel-item img {

    width: 100%;

}

ul {

    margin: 0;

    padding: 0;

}

li {

    list-style: none;

}

.candi-inner-tabs .nav-tabs .nav-link.active {
    color: #018cb3 !important;
    border-color: #018cb3;
}

.candi-inner-tabs .nav-tabs {
    border: none;
    padding: 20px 0;

}

.candi-inner-tabs .nav-tabs .nav-link {
    padding: 10px 20px !important;
    font-weight: 700;
    border: none;
    border-bottom: 3px solid transparent;

}

.candi-inner-tabs .nav-tabs .nav-link.disabled {
    color: #b4b1b1 !important;
}

.candi-inner-tabs .nav-link:hover {
    border-color: transparent;
}

.tabs-with-dropdwn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-applicant>a {
    border: 1px solid #00000063 !important;
    color: #018cb3;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px !important;
    font-weight: 600;
}

.add-applicant {
    display: flex;
    align-items: center;
}

.add-applicant button {
    background-color: transparent;
    border: none;
    font-size: 22px;
    margin-left: 10px;
    cursor: pointer;
    outline: none;
}

.interest-loc-main button {
    display: flex;
    align-items: center;
    font-size: 17px;
    border: 1px solid #aaa8a8;
    margin-right: 10px;
    background-color: #fff;
}

.modal-open .modal.add-app-modal {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #00000036;
}

.interest-loc-main button p {
    margin: 0;
    font-weight: 700;
    margin-right: 2px;
}

.interest-loc-main .dropdown-text {
    font-size: 14px;
    font-weight: 600;
    color: #979393;
}

.interest-loc-main .option {
    width: auto;
    margin-right: 5px;

}

.interest-loc-main .dropdown-menu li label .selectall {
    margin-right: 5px;
}

.interest-loc-main .dropdown-menu {
    padding: 15px;
}

.interest-loc-main button:focus {
    box-shadow: none;
}

.interest-loc-main .dropdown-menu li {
    padding: 2px 0;
}

.interest-loc-main .dropdown-menu li label {
    color: #000;
}

.interest-loc-main .dropdown-menu li.divider {
    padding: 0;
}

.interest-loc {
    display: flex;
    align-items: center;
}

.sort-candi {
    padding: 0.375rem 0.75rem;
    display: flex;
    align-items: center;
    font-size: 17px;
    border: 1px solid #aaa8a8;
    background-color: #fff;
    border-radius: 6px;
}

.sort-candi label {
    margin: 0;
    font-weight: 700;
    margin-right: 2px;
}

.interest-loc-main {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.sort-candi select {
    border: none;
    width: 100px;
    outline: none;
}

.all-jobs-drp .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 600;
    font-size: 17px;
    border: 1px solid #aaa8a8;
    margin-right: 10px;
    background-color: #fff;
    height: auto;
    width: 100%;
    padding: 3px;
    color: #000;
}

.up-inter-main {
    border: 1px solid #c5c0c0;
    border-radius: 10px;
    padding: 10px;
    min-width: 300px;
}

.up-inter-main h5 {
    font-size: 14px;
    margin-bottom: 2px;
}

.up-inter-main a {
    font-size: 12px;
}

.up-inter-main p {
    font-size: 12px;
    color: #a79e9e;
}

.up-inter {
    border: 1px solid #bcb2b2;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;

}

.angel-tb .tab button.active {
    color: #0082a7;
    background: unset;
    border-bottom: 2px solid;
    border-radius: 0;
}

.angel-tb .tab button {
    border-radius: 0;
}


.up-inter-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.up-inter-head h6 {
    color: #018cb3;
    font-size: 14px;
}

.up-inter-head h6 span {
    font-weight: 600;
}

.up-inter-head button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
}

.up-inter-body h6 {
    font-size: 14px;
}

.up-inter-body h6 span {
    font-weight: 600;
}

.up-inter-body p {
    margin: 0;
}

.up-inter-body {
    margin-top: 20px;
}




.job-srch-bar-main {
    display: flex;
    align-items: center;
    justify-content: end;
}

.new-tabsty>.container>.row {
    align-items: center;
}

.job-srch-bar input {
    width: 100%;
    border: 1px solid #0000004d;
    background-color: #fff;
    padding: 4px 15px;
    border-radius: 5px;
    font-size: 14px;
    padding-right: 28px;
    outline: none;
}

.job-srch-bar {
    position: relative;
}

.job-srch-bar i {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #00000059;
}

.job-srch-bar-main button {
    background-color: #0082a7;
    color: #fff !important;
    display: inline-block;
    padding: 4px 15px !important;
    border: none;
    border-radius: 5px;
    outline: none;
    margin-left: 10px;
    cursor: pointer;
}

.selected-jobs-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    margin: 14px 0 0px;
}

.job-selected {
    display: flex;
    align-items: center;
}

.job-selected input {
    margin-right: 20px;
}

.job-selected p {
    margin: 0;
}

.job-selected a {
    color: #0082a7;
    margin-left: 20px;
    font-weight: 600;
}

.jon-select-status button {
    border: 1px solid #0000004d;
    background-color: #fff;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.jon-select-status .dropdown-item {
    font-size: 14px;
    padding: 3px 10px;
}

.jon-select-status .dropdown-item i {
    font-size: 8px;
    margin-left: 5px;
}

.jon-select-status .dropdown-menu .dropdown-item:first-child i {
    color: #056e25;
}

.jon-select-status .dropdown-menu .dropdown-item:nth-child(2) i {
    color: #ed7e44;
}

.jon-select-status .dropdown-menu .dropdown-item:last-child i {
    color: #e00606;
}

div#navbarCollapse {

    flex-direction: row-reverse;

}

.job-table.table-responsive {

    /*overflow-x: inherit;*/

}

/*job modal start*/
.update-modal button {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #e4e3e2;
    padding: 12px 20px;
    border-radius: 8px;
    margin: 0 0px 0 0px;
    background: transparent;
}

.update-application-mod {
    text-align: left;
    padding: 20px 5px;
}

.update-application-mod ul li {
    position: relative;
    border-bottom: 1px solid #eae8e8;
    ;
    padding: 10px 0;
    margin: 7px 0;
}

.update-modal .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    text-align: center;
    align-items: center;
    /* -webkit-box-pack: end; */
    -ms-flex-pack: end;
    justify-content: center;
    padding: 10px 0;
    border-top: 1px solid #e9ecef;
}

.update-modal .modal-footer button {
    padding: 8px 30px;
}

.update-application-mod ul li:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #1f662c;
    top: 10px;
    left: -7px;
    border-radius: 50%;
}

.update-application-mod ul li span {
    position: relative;
    color: #fff;
    line-height: 25px;
    margin: 0 10px 0 0;
    text-align: center;
    font-size: 15px;
}


.update-modal button i {
    font-size: 25px;
}

.update-modal button:hover {
    border: 1px solid #ccc;
    background: transparent;
    color: #000 !important;
}

.update-modal .btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%) !important;
}

.update-modal .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}

/*job modal end*/


/*Second Modal Start*/

.update-modal-dot .btn-primary:hover {
    background-color: transparent;
    border-color: transparent;
    color: #000;
}

.update-modal-dot button {
    background: transparent;
    color: #000;
    border: none;
}

.update-modal-dot button i {
    font-size: 25px;
    margin-top: 2px;
}

.update-modal-dot .modal-footer {
    justify-content: center;
}

.dot-modal-inner ul li {
    text-align: left;
    padding: 5px 0;
    margin: 10px 0;
    border-bottom: 1px solid #f1e9e9;
}

.dot-modal-inner ul li i {
    margin-right: 4px;
}

.update-modal-dot .btn-danger:hover {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}

/*Second Modal End*/
/*WITHDRAW MODAL START*/
#myWithdraw .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem;
}

.mod-with-list {
    text-align: left;
}

.mod-with-list ul {
    padding: 0;
    margin: 0 auto;
}

.mod-with-list ul li {
    list-style-type: disc;
    margin: 10px 15px;
}

.mod-with-list {
    margin: 30px 0 10px 0;
}

.mod-with-list h5 {
    font-size: 17px;
    font-weight: 700;
}

.mod-withdraw h3 {
    margin-top: 40px;
}

#myWithdraw .modal-title small {
    display: block;
}

#myWithdraw .modal-footer {
    justify-content: flex-end;
}

#myWithdraw .modal-footer .mod-with-btn {
    background-color: #2557a7;
    color: #fff;
    padding: 10px 20px;
}

.dot-modal-inner ul li button {
    padding: 5px 0;
}

/*WITHDRAW MODAL END*/

.m-a-job-heading h5 {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 20px 0;
    color: #706a6a;
    font-size: 22px;
}

.m-a-job-all {
    display: flex;
    justify-content: space-between;
}

.m-a-heading a {
    background-color: #eef1fe;
    padding: 10px;
    color: #2557b1;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    display: inline-block;
}

.m-a-heading {
    margin: 20px 0px 0 70px;
    text-align: left;
    position: relative;
}

.m-a-update {
    margin: 30px 10px 0 0px;
    display: flex;
}

.m-a-heading h4 {
    border-bottom: 2px solid;
    margin-top: 15px;
    font-weight: 700;
}

.m-a-job-ic {
    text-align: left;
    margin: 10px 0 0 80px;
}

.m-a-job-ic ul li span {
    margin: 0 10px 0 0;
    padding: 2px 0;
    text-align: center;
    align-items: center;
    color: #757575;
    font-weight: 700;
    font-size: 20px;
}

.m-a-not-seeing {
    text-align: left;
    margin: 30px 0 0 0px;
    border-top: 1px solid #ccc;
    padding: 10px 5px;
}

.m-a-heading:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: red;
    top: 8px;
    left: -70px;
    background-color: #f3f2f1;
    border-radius: 50%;
}

.m-a-not-seeing a {
    color: #2557b1;
    font-size: 17px;
    font-weight: 600;
}

.m-a-heading p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.m-a-heading span {
    display: block;
    font-size: 17px;
    color: #878283;
}


.m-a-update a {
    display: inline-block;
    color: #515ba0;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #e4e3e2;
    padding: 12px 20px;
    border-radius: 8px;
    margin: 0 10px 0 0px;
}


td.job-view.job-bds {

    text-align: center;

}

.open-close-sec {

    background-color: #fafbfd;

    padding-top: 60px;

}

.open-close-sec a {

    margin: 0 -2px;

}

.btn-blue {

    display: inline-block;

    padding: 8px 15px;

    border-radius: 6px 0px 0px 6px;

}

.btn-white {

    padding: 8px 15px;

    border-radius: 0px 6px 6px 0px;

    display: inline-block;

}

.search-sec {

    background-color: #fafbfd;

    padding-top: 15px;

}

.search-bar {

    display: flex;

}

.search-bar input {

    border: 1px solid #0000004d;

    background-color: #fff;

    padding: 4px 15px;

    border-radius: 5px;

    font-size: 14px;

    height: 35px;

    padding-right: 28px;

}

.job-titles {

    position: relative;

    margin-right: 10px;

}

.search-sec .row {

    display: flex;

    align-items: end;

}

.job-titles button {

    position: absolute;

    right: 6px;

    background-color: transparent;

    border: none;

    color: #00000059;

    padding: 0;

    top: 5px;

}

.open-job button {

    padding: 6px 11px;

    color: #212529 !important;

    border: 1px solid #2125296e;

    background-color: #fff !important;

    box-shadow: none !important;

    border-radius: 6px;

    font-size: 14px;

    min-width: 110px;

    text-align: left;

}

.open-job button:after {

    float: right;

    margin-top: 9px;

}

.job-table td {

    font-size: 14px;

}

.open-job button .green {

    margin-right: 0px;

}

.open-job .dropdown-menu {

    min-width: auto;

    padding: 0;

    font-size: 14px;

}

.open-job span {

    height: 6px;

    width: 6px;

    display: inline-block;

    border-radius: 10px;

    position: relative;

    top: -1px;

    margin-right: 4px;

}

.green {

    background-color: #028b02;

}

.orng {

    background-color: #f9a204;

}

.red {

    background-color: #f90404;

}

.posting-blk {

    display: flex;

}

.posting-date span {

    display: block;

    color: #000000a3;

    font-size: 14px;

}

.posting-date {

    width: 50%;

    padding-left: 10px;

}

.job-table strong {

    display: block;

    color: #000000a3;

}

.posting-date select {

    border: 1px solid #0000004d;

    background-color: #fff;

    border-radius: 5px;

    font-size: 14px;

    height: 35px;

    padding-right: 28px;

    width: 100%;

    padding-left: 10px;

    color: #000000a3;

}

.dropbtn {

    color: #2557a7;

    padding: 16px;

    font-size: 16px;

    border: none;

    cursor: pointer;

    background-color: transparent;

    outline: none !important;

}

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f1f1f1;

    min-width: 280px;

    overflow: auto;

    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);

    z-index: 1;

    right: 0;

}

.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}

.myDropdown a {

    display: flex !important;

}

.expire-jobs {

    background-color: #fafbfd;

    padding-bottom: 20px;

}

.prof-drop {

    border: 1px solid #0000006b;

    padding: 3px 20px !important;

    border-radius: 30px;

    align-items: center;

}

.dropdown-content.myDropdown.current {

    display: block !important;

}

.prof-box a {

    padding: 15px 20px !important;

    box-sizing: border-box;

}

.navbar-dark .lst-log {

    border-top: 1px solid #00000040 !important;

    margin-top: 10px;

    padding-top: 13px ​ !important;

    text-align: center;

    font-weight: bold !important;

    color: #004789 !important;

}

section.inner-banner {

    position: relative;

}

section.inner-banner img {

    width: 100%;

    object-fit: cover;

    height: 430px;

    object-position: top;

}

.inner-banner center {

    position: relative;

    z-index: 9999;

}

#upload-file {

    display: none;

}

.inner-cap {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.inner-cap h4 {

    font-size: 65px;

    text-transform: uppercase;

    font-family: "GT Walsheim-pro-bold";

    position: relative;

    top: 60px;

}

.inner-cap h4 span {

    color: #33a2c2;

}

.bnr-heading {

    text-align: center;

    position: absolute;

    top: 94px;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 100%;

}

.bnr-heading h1 {

    text-transform: uppercase;

    font-size: 75px;

    position: relative;

    color: #000;

    font-family: "GT Walsheim-pro-bold";

}

.bnr-heading span {

    color: #018cb3;

}

.carousel-item.active img {

    position: relative;

}

.bnr-heading p {

    font-size: 22px;

    color: #000;

    margin-top: 30px;

    opacity: 75%;

    font-family: 'GT Walsheim-pro-regular';

}

/*.bnr-heading h1::before {
  
      content: '';
  
      background: url(../images/bnr-img.png);
  
      position: absolute;
  
      width: 30%;
  
      background-repeat: no-repeat;
  
      height: 500px;
  
      left: 0;
  
      top: 30px;
  
  }*/

.bnr-heading h2 {

    text-transform: uppercase;

    font-size: 75px;

    color: #000;

    font-family: 'GT Walsheim-pro-bold';

}

/*.bnr-heading h1::after{
  
      content: '';
  
      background: url(../images/bnr-img2.png);
  
      position: absolute;
  
      width: 18%;
  
      background-repeat: no-repeat;
  
      height: 517px;
  
      top: -20px;
  
      right: 0;
  
  }*/

form.form-inline input {

    padding: 20px;

}

.search-form button {

    background-color: #004789;

    padding: 20px 40px;

    color: #fff;

    border: none;

    border-radius: 50px;

    font-size: 20px;

    position: absolute;

    right: 23px;

    font-weight: 700;

}

.search-form form {

    border: 1px solid #00000017;

    display: flex;

    justify-content: center;

    width: 845px;

    align-items: center;

    margin: 0 auto;

    position: relative;

    border-radius: 50px;

    outline: none;

    background-color: #fff;

    box-shadow: 0 0 30px #00000012;

}

section.simple-steps {

    background-color: #fafbfd;

    padding-top: 100px;

    padding-bottom: 200px;

}

.title-heading span {

    color: #018cb3;

}

.title-heading h2 {

    font-size: 50px;

    text-align: center;

    margin-bottom: 60px;

    text-transform: uppercase;

    color: #000;

    font-family: 'GT Walsheim-pro-bold';

}

.simple-images {

    background-color: #fff;

    width: 70%;

    height: 230px;

    border-radius: 50%;

    box-shadow: 0 0 50px #0000001a;

}

.simple-images img {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    padding: 70px 80px 60px 80px;

    height: auto;

}

.simp-img3 img {

    width: 100%;

    margin: 0 auto;

    padding: 70px 80px 60px 80px;

    height: auto;

}

.step-txt1::before {

    content: '';

    position: absolute;

    background: url(../images/arrow-img2.png);

    width: 35%;

    height: 28px;

    background-repeat: no-repeat;

    top: 40%;

    left: 68%;

}

.step-txt2::before {

    content: '';

    position: absolute;

    background: url(../images/arrow-img1.png);

    width: 35%;

    height: 28px;

    background-repeat: no-repeat;

    top: 44%;

    left: 70%;

}

.simple.Steps h3 {

    font-size: 22px;

    color: #000;

    text-align: -webkit-center;

    padding-top: 20px;

    text-transform: uppercase;

    opacity: 80%;

    font-family: 'GT Walsheim-pro-bold';

    text-align: center;

}

section.feature-sec {

    padding-top: 100px;

    padding-bottom: 100px;

}

.school-title {

    display: inline-block;

    width: 100%;

}

.school-title>div {

    float: left;

}

.schl-head {

    margin-left: 13px;

    width: 73%;

}

.schl-head h3 {

    margin-bottom: 3px;

    font-size: 1.2rem;

    text-transform: capitalize;

}

.schl-head p {

    max-height: 25px;

    overflow: hidden;

    margin-bottom: 0;

    min-height: 25px;

    font-size: .9rem;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.scool-logo {

    width: 58px;

    height: 58px;

    padding: 10px;

    border-radius: 10px;

    text-align: center;

    background-color: #f7f9fb;

}

.dummy-txt h2 {

    font-size: 22px;

    color: #000;

    margin-top: 10px;

    font-family: 'GT Walsheim-pro-bold';

    text-transform: uppercase;

    max-height: 25px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.dummy-txt h4 {

    font-size: 18px;

    color: #000;

    opacity: 55%;

    padding-bottom: 0;

    font-family: 'GT Walsheim-pro-regular';

}

.dummy-txt p {

    font-size: 19px;

    color: #000;

    opacity: 55%;

    font-family: "GTWalsheimProMedium";

    overflow-wrap: break-word;

    min-height: 85px;

    max-height: 85px;

    overflow: hidden;

}

.price h3 {

    color: #000;

    font-size: 25px;

    font-family: 'GT Walsheim-pro-bold';

}

.price span {

    font-family: GTWalsheimPro-Medium;

    font-size: 14px;

    color: #9f9f9f;

}

.apply a {

    color: #004789;

    background-color: #f7f9fb;

    font-size: 16px;

    padding: 20px 22px;

    border-radius: 47px;

    font-family: 'GT Walsheim-pro-bold';

    text-transform: uppercase;

}

.price-area {

    display: flex;

    margin-top: 40px;

}

.apply {

    margin-left: 20px;

}

.feature-details:hover {

    box-shadow: 0 0 20px #0000001c;

    border-color: #fff;

}

.feature-details {

    border: 1px solid #0000001c;

    border-radius: 20px;

    padding: 25px;

    margin-bottom: 25px;

}

.private-schools .row {

    margin-bottom: 30px;

}

.feature-details:hover .apply a {

    background-color: #004789;

    color: #fff;

}

.find-job a {

    font-size: 18px;

    color: #fff;

    background-color: #018cb3;

    padding: 20px 40px;

    text-transform: uppercase;

    border-radius: 30px;

    letter-spacing: 1px;

    font-family: 'GT Walsheim-pro-bold';

}

.find-job {

    text-align: center;

    margin-top: 80px;

}

.get-title {

    margin-left: 40px;

}

.get-title+.upload-btn {

    margin-left: 31px;

    margin-top: 41px;

}

section.get-matched {

    background: url(../images/bg-img.jpg);

    width: 100%;

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: center;

    height: 80%;

}

section.edu {

    padding: 90px 0;

    padding-top: 200px;

    background: url(../images/map-bg-1.png);

    background-repeat: no-repeat;

    transition: all 1.5s;

    position: relative;

    background-position: left;

    background-position-x: 180px;

    background-position-y: 135px;

    background-size: cover;

}

section.edu.new {

    background-position: bottom;

    transition: all 1.5s;

    background-position-x: -135px;

    background-position-y: 0;

}

section.edu.old {

    background-position: top;

    background-position-x: -212px;

    background-position-y: 165px;

    transition: all 1.5s;

}

.get-matched .container {

    height: 100%;

}

.get-matched .row {

    align-items: center;

    height: 100%;

}

.get-title h2::before {
    content: '';
    /* background: url(../images/human-img.png); */
    position: absolute;
    width: 40%;
    height: 520px;
    background-repeat: no-repeat;
    top: -116px;
    left: -396px;
}

.get-title h2 {

    position: relative;

}

.get-title h2 {

    font-size: 50px;

    color: #fff;

    font-family: "GT Walsheim-pro-bold";

}

.get-title p {
    color: #fff;
    font-size: 18px;
    width: 70%;
    opacity: 85%;
    margin-top: 15px;
    font-family: "GT Walsheim-pro-regular";
}

.upload-btn a {

    color: #004789;

    font-size: 18px;

    text-transform: uppercase;

    background-color: #fff;

    padding: 20px 39px;

    letter-spacing: 1px;

    border-radius: 40px;

    font-family: "GT Walsheim-pro-bold";

}

.upload-btn {

    margin-top: 50px;

}

footer {

    padding-top: 100px;

}

.ftr-area h4 {

    font-family: GTWalsheimPro-Regular;

    font-size: 17px;

    color: #000;

    opacity: 60%;

    margin-top: 20px;

    line-height: 30px;

}

.social-icon ul {

    display: flex;

}

.social-icon li {

    list-style: none;

    margin: 10px;

}

.social-icon i {

    color: #4c4a4b;

    background-color: #efefef;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-align: center;

    padding: 11px;

}

.social-icon i:hover {

    color: #fff;

    background-color: #004789;

    transition: 0.5s all;

}

.ftr-area h3 {

    font-family: GTWalsheimPro-Bold;

    font-size: 20px;

    opacity: 85%;

    color: #000;

    margin-bottom: 48px;

    position: relative;

}

.ftr-area li {

    list-style: none;

    margin-top: 20px;

}

.ftr-list a {

    font-family: GTWalsheimPro-Regular;

    color: #000;

    font-size: 18px;

    opacity: 60%;

}

.ftr-area h3::before {

    content: '';

    position: absolute;

    border: 2px solid #018cb3;

    width: 31%;

    top: 40px;

}

.ftr-area p {

    font-family: GTWalsheimPro-Regular;

    color: #000;

    font-size: 16px;

    opacity: 60%;

    line-height: 30px;

}

form.new-letter {

    position: relative;

}

form.new-letter i.fa.fa-envelope-open {

    position: absolute;

    left: 15px;

    top: 18px;

    bottom: 0;

    color: #7f7f7f;

}

form.new-letter input {

    padding: 15px;

    width: 90%;

    border-radius: 50px;

    border: 1px solid #0000000f;

    box-shadow: 0 0 20px #00000012;

}

.search-form input {

    width: 40%;

    height: 89px;

    border: none;

    font-family: GTWalsheimPro-Regular;

    font-size: 22px;

    color: #000;

    letter-spacing: 1px;

    opacity: 80%;

    position: relative;

}

.search-form input:nth-child(1):before {
    content: '\f002';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    top: 0;
    color: #000 !important;
}

.banner-form {

    background-color: #fff;

    padding: 10px 30px;

    width: 885px;

    border-radius: 55px;

    box-shadow: 0 0 30px #00000012;

}

.user-form button {

    position: absolute;

    right: 86px;

    top: 2px;

    background-color: #004789;

    color: #fff;

    border: 0;

    border-radius: 100%;

    padding: 6px 10px;

}

.plain button {

    right: 5px;

    top: -1px;

    padding: 1px 1px;

}

.banner-form input {

    width: 100%;

    background: #fff;

    border: 0;

    color: #000;

    position: relative;

    outline: none;

    border-radius: 45px;

    padding: 20px 0px 20px 40px;

}

.banner-form label {

    width: 38%;

    position: relative;

    margin: 0;

}

.user-form label {

    margin: 0;

    width: 75%;

}

.user-form label::before {

    content: '\f2b6';

    position: absolute;

    z-index: 999;

    font-family: 'FontAwesome';

    left: 10px;

    top: 7px;

    color: #707070;

}

.banner-form label:nth-child(1):before {
    content: '\f002';
    font-family: 'FontAwesome';
    position: absolute;
    z-index: 999;
    top: 16px;
    left: 10px;
    font-size: 20px;
}

.banner-form button {
    background-color: #004789;
    color: #fff;
    padding: 13px 60px;
    text-transform: uppercase;
    border-radius: 25px;
    border: 0;
    font-weight: 600;
    cursor: pointer;
}

.banner-form label:nth-child(2):before {
    content: '\f041';
    position: absolute;
    color: #000;
    z-index: 999;
    top: 9px;
    left: 15px;
    font-family: 'FontAwesome';
    font-size: 28px;
}

.navbar-nav {

    display: flex;

    background-color: #fff;

    align-items: center;

}

a.nav-item.nav-link {

    padding: 0 13px !important;

    color: #464646 !important;

}

.user-form {

    position: relative;

}

.user-form input::before {
    content: '\f2b6' !important;
    position: absolute;
    color: #000;
    left: 0;
    top: 0;
    font-family: 'FontAwesome' !important;
    width: 25px;
    height: 25px;
    background-color: #000;
}

.search-form {

    text-align: center;

    justify-content: center;

    position: relative;

    margin-top: 100px;

}

.find-job a:hover {

    color: #018cb3;

    background-color: #fff;

    border: 1px solid #018cb3;

}

.upload-btn i {

    margin-right: 10px;

}

.upload-btn a::after {

    content: '';

    background: url(../images/rocket-img.png);

    position: absolute;

    width: 13%;

    height: 127px;

    background-repeat: no-repeat;

    right: 0;

}

.upload-btn {

    position: relative;

}

.upload-btn a:hover {

    color: #fff;

    background-color: #004789;

}

.term-condition ul {

    display: flex;

}

.term-condition li {

    list-style: none;

    margin-right: 10px;

}

.term-condition a {

    font-family: GTWalsheimPro-Regular;

    font-size: 16px;

    color: #000;

    opacity: 90%;

}

.country-opt {

    margin-bottom: 12px;

}

.copy-right p {

    font-family: GTWalsheimPro-Regular;

    font-size: 16px;

    color: #404040;

    opacity: 90%;

}

.copy-right a {

    font-family: GTWalsheimPro-Bold;

    color: #018cb3;

}

.term-condition {

    float: right;

}

.copyright-sec {

    padding-top: 20px;

    padding-bottom: 20px;

    border-top: 1px solid #00000026;

}

.ftr-area {

    padding-bottom: 60px;

}

form.new-letter input {

    padding-left: 45px;

    font-family: GTWalsheimPro-Regular;

    font-size: 15px;

}

form.new-letter button {

    background-color: #004789;

    border: none;

    width: 40px;

    color: #fff;

    height: 40px;

    border-radius: 50%;

    text-align: center;

    position: absolute;

    right: 44px;

    top: 7px;

}

/*CAREER ADVICE PAGE START*/

.career-heading {

    padding-bottom: 40px;

    padding-top: 30px;

}

.career-heading h2 {

    text-transform: uppercase;

    font-size: 50px;

    color: #000;

    text-align: center;

    font-family: "GT Walsheim-pro-bold";

}

.career-heading h2 span {

    color: #018cb3;

}

.post-img img {

    width: 100%;

    border-radius: 19px 19px 0px 0px;

}

.post-sec:hover a {

    /*background-color: #004789;*/

    /*color: #fff;*/

}

.post-title p {

    font-size: 16px;

    color: #000;

    opacity: 44%;

    letter-spacing: 1px;

    font-weight: 600;

    font-family: "GT Walsheim-pro-regular";

}

.post-title h3,
a .post-title h3 {

    font-size: 20px;

    line-height: 30px;

    text-transform: uppercase;

    margin-bottom: 20px;

    font-family: 'GT Walsheim-pro-bold';

    color: #000;

}

form.post-form input:focus-visible {

    outline: none !important;

}

.post-title h3:hover,
a .post-title h3:hover {

    color: #018cb3;

}

.post-title a {

    color: #018cb3;

    text-transform: uppercase;

    font-size: 15px;

    letter-spacing: 1px;

    background-color: #f2f9fb;

    padding: 10px 20px;

    border-radius: 30px;

    font-family: "GTWalsheimProMedium";

    display: inline-block;

    margin-bottom: 19px
}

.post-sec {

    box-shadow: 0 0 20px #00000024;

    border-radius: 28px;

    background-color: #fff;

}

.post-title {

    padding: 20px;

    padding-bottom: 1px;

}

section.career-advice .row {

    margin-bottom: 40px;

}

.pagination {

    justify-content: center;

    position: relative;

}

.pagination a {

    color: #878888;

    float: left;

    padding: 8px 16px;

    font-family: GTWalsheimPro-Regular;

    font-size: 18px;

    border: 1px solid #878888;

    margin: 5px;

}

.pagination a.active {

    color: #018cb3;

    border: 1px solid #018cb3;

}

.pagination a:hover:not(.active) {

    background-color: #ddd;

}

.pagination::before {

    content: '';

    position: absolute;

    border: 1px solid #00000017;

    width: 20%;

    top: 25px;

    left: 90px;

}

.pagination::after {

    content: '';

    position: absolute;

    border: 1px solid #00000017;

    width: 20%;

    top: 25px;

    right: 90px;

}

section.career-advice {

    background-color: #fafbfd;

    padding-top: 50px;

    padding-bottom: 50px;

}

/*CAREER ADVICE PAGE END*/

/*NEW DETAIL PAGE START*/

.article-blk img {

    width: 100%;

    /* margin-top: 40px; */

    margin-bottom: 30px;

}

.article-blk p {

    font-size: 17px;

    color: rgba(0, 0, 0, .8);

    opacity: 1;

    line-height: 33px;

    font-family: 'GT Walsheim-pro-regular';

}

.article-blk h2 {

    color: #000;

    text-transform: uppercase;

    font-size: 35px;

    margin: 10px 0 20px 0;

    font-family: 'GT Walsheim-pro-bold';

}

.posts-headings h3 {

    font-family: 'GT Walsheim-pro-bold';

    color: #000;

    text-transform: uppercase;

    font-size: 19px;

    letter-spacing: 1px;

    position: relative;

}

form.post-form {

    padding-top: 20px;

    position: relative;

}

.blk-area a:last-child .blog-blk {

    border-bottom: none;

    padding-bottom: 4px;

}

form.post-form input {

    border: none;

    padding: 20px;

    background-color: #f7fbfd;

    width: 100%;

    font-family: GTWalsheimPro-Light;

    font-size: 16px;

}

form.post-form button {

    border: none;

    background-color: transparent;

}

form.post-form button {

    position: absolute;

    top: 35px;

    right: 9px;

}

.search-section {

    border: 1px solid #00000021;

    border-top: 3px solid #018cb3;

}

.popular-posts {

    margin-top: 30px;

    border: 1px solid #00000021;

    border-top: 3px solid #018cb3;

}

.blk-area {

    padding: 20px;

}

.posts-headings h2 {

    font-family: 'GT Walsheim-pro-bold';

    color: #000;

    text-transform: uppercase;

    font-size: 19px;

    letter-spacing: 1px;

    padding: 20px;

    position: relative;

}

.blog-txt h3 {

    font-family: 'GT Walsheim-pro-bold';

    color: #000;

    font-size: 16px;

}

.blog-txt h4 {

    font-family: 'GTWalsheimProMedium';

    font-size: 13px;

    color: #018cb3;

}

.blog-blk {

    display: flex;

    border-bottom: 1px solid #00000021;

    padding-bottom: 30px;

    padding-top: 30px;

}

.blog-txt {

    padding-left: 20px;

}

section.article-sec {

    padding-bottom: 60px;

    background-color: #fafbfd;

    padding-top: 80px;

}

.social-connect {

    border: 1px solid #00000021;

    border-top: 3px solid #018cb3;

    margin-top: 30px;

    padding: 30px;

}

section.related-news {

    padding-top: 70px;

    padding-bottom: 70px;

}

section.related-news h2 {

    margin-bottom: 50px;

}

.posts-headings h3::before {

    position: absolute;

    content: '';

    border: 1px solid #018cb3;

    width: 50px;

    top: 30px;

}

.posts-headings h2::before {

    position: absolute;

    content: '';

    border: 1px solid #018cb3;

    width: 50px;

    top: 50px;

}

.posts-headings img {

    width: 100%;

    margin-top: 20px;

}

a.navbar-brand img {

    width: 100%;

}

.login-side {

    display: flex;

    /*border-left: 1px solid #00000030;*/

    align-items: center;

}

.navbar-nav a {

    color: #464646;

    font-family: GTWalsheimPro-Medium;

    font-size: 17px;

}

a.nav-item.nav-link.reg-btn {

    background-color: #0082a7;

    color: #fff !important;

    display: inline-block;

    padding: 10px 20px !important;

    border-radius: 30px;

    margin-right: 10px;

}

.login-side a.nav-item.login-btn {
    font-family: GTWalsheimPro-Bold;
    color: #000 !important;
    text-transform: uppercase;
    font-size: 17px;
}

.login-side i {

    margin-right: 5px;

    font-size: 18px;

    color: #018cb3;

}

.navbar-nav a {

    font-family: GTWalsheimPro-Medium;

    font-size: 17px;

    color: #464646;

    text-transform: uppercase;

}

.bottom-row {

    padding-top: 30px;

}

.tab {

    overflow: hidden;

    text-align: center;

}

/* Style the buttons that are used to open the tab content */

.tab button {

    background-color: inherit;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 13px 0px;

    transition: 0.3s;

    border-radius: 100%;

    min-width: 53px;

    font-size: 18px;

}

/* Change background color of buttons on hover */

.tab button:hover {

    background-color: #ddd;

}

/* Create an active/current tablink class */

.tab button.active {

    background-color: #004688;

    color: #fff;

}

/* Style the tab content */

.tabcontent {

    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */

}

/* Go from zero to full opacity */

@keyframes fadeEffect {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

.industry-title {

    text-align: center;

}

.industry-title h4 {

    font-size: 50px;

    text-transform: uppercase;

    font-family: "GT Walsheim-pro-bold";

}

.industry-title h4 span {

    color: #018cb3;

}

.industry-small h4 {

    font-size: 35px;

    color: #018cb3;

    font-family: "GTWalsheimProMedium";

    padding-bottom: 10px;

}

.industry-small h4 span {

    color: #ff0000;

    font-size: 21px;

    position: relative;

    top: -12px;

    right: 8px;

}

.industry-form input {

    width: 50%;

    display: block;

    border: 1px solid #cecece;

    border-radius: 25px;

    padding: 10px 10px;

    margin-bottom: 30px;

}

/*.industry-btn a {
  
      text-align: center;
  
      display: inline-block;
  
      background-color: #018cb3;
  
      color: #fff;
  
      width: 100%;
  
      margin-bottom: 20px;
  
      padding: 18px 0;
  
      border-radius: 45px;
  
      font-size: 24px;
  
      text-transform: uppercase;
  
  }*/

.industry-small {

    padding-top: 40px;

    text-align: left;

}

.industry-noti h4 {

    font-size: 35px;

    color: #000;

}

.industry-noti a {

    display: inline-block;

    font-size: 30px;

    color: #444444;

}

.industry-button {

    float: right;

    display: flex;

    align-items: center;

}

a.cancel-industry {
    display: inline-block;
    color: #9d9d9d;
    text-transform: uppercase;
    font-family: "GT Walsheim-pro-bold";
    font-size: 30px;
}

.industry-button a {}

a.continue-industry {

    display: inline-block;

    text-transform: uppercase;

    background-color: #018cb3;

    color: #fff;

    padding: 9px 25px 2px;

    border-radius: 35px;

    font-family: "GT Walsheim-pro-bold";

    margin-left: 20px;

    font-size: 30px;

}

.industry-basic {

    width: 68%;

    margin: 0 auto;

}

section.industry-sec {

    padding: 90px 0 60px;

}

/* Style the buttons that are used to open and close the accordion panel */

.hiring-accord .accordion {

    background-color: #eee;

    color: #444;

    cursor: pointer;

    padding: 18px;

    width: 100%;

    text-align: left;

    border: none;

    outline: none;

    transition: 0.4s;

    border-radius: 20px 20px 0px 0px;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.hiring-accord .active,
.hiring-accord .accordion:hover {

    background-color: #018cb3;

    color: #fff;

}

/* Style the accordion panel. Note: hidden by default */

.hiring-accord .panel {

    padding: 0 18px;

    background-color: white;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}

.hiring-accord .accordion:after {

    content: '\f107';
    /* Unicode character for "plus" sign (+) */

    font-size: 13px;

    color: #fff;

    float: right;

    font-family: FontAwesome;

    margin-left: 5px;

}

.hiring-accord .active:after {

    content: "\f106";
    /* Unicode character for "minus" sign (-) */

    font-family: FontAwesome;

}

.industry-hiring {

    display: flex;

    align-items: center;

    width: 100%;

    color: #fff;

    background-color: #2d2d2d;

    padding: 16px 20px;

    position: relative;

}

.industry-hiring::before {
    content: '';
    position: absolute;
    background-color: #2d2d2d;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    top: auto;
    bottom: -12px;
    left: 80px;
}

.hiring-para h4 {

    font-family: "GT Walsheim-pro-bold";

    font-size: 22px;

    margin: 0;

}

.hiring-para {

    padding-left: 20px;

    text-align: left;

}

.hiring-para p {

    font-size: 16px;

    font-family: "GT Walsheim-pro-regular";

    color: #fff;

}

.hiring-form input {

    width: 100%;

    padding: 9px 10px;

    border-radius: 35px;

    outline: none;

    border: 1px solid #cecece;

}

.hiring-form select {

    border: 1px solid #cecece;

    width: 100%;

    padding: 10px 7px;

    border-radius: 35px;

    margin-top: 20px;

}

.hiring-exact {

    padding-top: 40px;

}

.hiring-exact h4 {

    font-size: 20px;

    color: #018cb3;

    text-decoration: underline;

}

.hiring-accord h4 {

    font-size: 18px;

    color: #939393;

    font-family: "GT Walsheim-pro-regular";

    padding-top: 10px;

}

.hiring-pneal {

    border: 1px solid #cecece;

    border-radius: 20px 20px 0px 0px;

    margin-bottom: 30px;

    text-align: left;

}

.teach-describe {

    text-align: left;

    width: 70%;

    margin: 0 auto;

}

.hiring-form {

    width: 70%;

}

.hiring-accord {

    width: 70%;

    margin: 40px auto 0;

}

.hiring-pneal h3 {

    font-size: 22px;

    color: #666666;

    font-family: "GTWalsheimProMedium";

    padding-top: 30px;

}

.describe-job {

    text-align: center;

    width: 70%;

    margin: 0 auto;

}

.describe-job h4 {

    font-size: 50px;

    color: #000;

    text-transform: uppercase;

    font-family: "GT Walsheim-pro-bold";

}

.describe-job h4 span {

    color: #018cb3;

}

.describe-job p {

    text-align: left;

    font-size: 17px;

    color: #000;

    font-family: "GT Walsheim-pro-regular";

    width: 90%;

}

.describe-teach {

    text-align: center;

}

.describe-teach h4 {

    font-size: 40px;

    text-transform: uppercase;

    color: #018cb3;

    font-family: "GT Walsheim-pro-bold";

}

.describe-teach a {

    font-family: "GTWalsheimProMedium";

    font-size: 22px;

    color: #000;

    display: inline-block;

}

.teach-describe p {

    color: #666666;

    font-size: 22px;

    font-family: 'GTWalsheimProMedium';

}

.teach-describe a {

    display: inline-block;

    border: 1px solid #018cb3;

    text-transform: uppercase;

    color: #018cb3;

    padding: 10px 30px;

    border-radius: 35px;

    margin-bottom: 20px;

    font-family: "GTWalsheimProMedium";

}

section.describe-sec {

    padding: 60px 0 60px;

}

.finalize-accord .accordion {

    background-color: transparent;

    color: #018cb3;

    cursor: pointer;

    padding: 18px;

    width: 100%;

    text-align: left;

    border: none;

    outline: none;

    transition: 0.4s;

    font-size: 28px;

    margin-bottom: 30px;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.finalize-accord.active,
.finalize-accord.accordion:hover {

    background-color: #ccc;

}

/* Style the accordion panel. Note: hidden by default */

.finalize-accord .panel {

    padding: 0 18px;

    background-color: white;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}

.finalize-accord .accordion:after {

    content: '\02795';
    /* Unicode character for "plus" sign (+) */

    font-size: 13px;

    color: #018cb3;

    float: right;

    margin-left: 5px;

    background-color: #018cb3;

    padding: 7px 10px;

    border-radius: 100%;

}

.finalize-accord .active:after {

    content: "\2796";
    /* Unicode character for "minus" sign (-) */

}

.finalize-title {

    text-align: center;

}

.finalize-title h4 {

    font-size: 50px;

    font-family: "GT Walsheim-pro-bold";

    color: #000;

    text-transform: uppercase;

}

.finalize-title h4 span {

    color: #018cb3;

}

.finalize-title p {

    font-size: 17px;

    color: #000;

    font-family: "GT Walsheim-pro-regular";

    width: 74%;

    display: inline-block;

}

.company-image {

    padding-top: 60px;

    width: 70%;

}

.company-image img {

    width: 100%;

}

.finalize-location {

    padding-top: 50px;

    width: 46%;

}

.finalize-location h4 {

    font-size: 35px;

    color: #018cb3;

    font-family: "GTWalsheimProMedium";

}

.finalize-edit h3 {

    font-size: 28px;

    color: #5b5b5b;

    font-family: 'GTWalsheimProMedium';

}

.finalize-edit h3 i {

    float: right;

    color: #018cb3;

}

.finalize-edit a {

    display: block;

    font-family: 'GT Walsheim-pro-regular';

    font-size: 28px;

    color: #5b5b5b;

}

.finalize-edit a i {

    float: right;

    color: #018cb3;

}

.finalize-edit {

    padding: 30px 10px;

    text-align: left;

}

.finalize-over-head h4 {

    font-family: 'GTWalsheimProMedium';

    font-size: 35px;

    color: #018cb3;

    text-align: left;

}

.finalize-over-head h4 i {

    float: right;

}

.finalize-over-head {

    width: 93%;

}

.finalize-over-head p {

    font-size: 17px;

    color: #000;

    font-family: 'GT Walsheim-pro-regular';

    width: 92%;

}

.finalize-video {

    padding-top: 50px;

}

.finalize-video img {

    width: 100%;

}

.boost-img {

    padding-top: 50px;

}

.boost-img img {

    width: 100%;

}

.finalize-accord {

    padding-bottom: 100px;

}

.finalize-view h4 {

    font-size: 35px;

    font-family: 'GTWalsheimProMedium';

    color: #018cb3;

}

.finalize-detail h4 {

    color: #018cb3;

    font-size: 35px;

    font-family: 'GTWalsheimProMedium';

}

.finalize-detail {

    padding-top: 40px;

}

section.finalize-sec {

    padding: 60px 0 60px;

}

/*footer start*/

.ftr-info p {

    font-size: 17px;

    color: #666666;

    font-family: "GT Walsheim-pro-regular";

}

footer ul li {

    list-style: none;

    line-height: 35px;

}

footer ul li a {

    font-size: 18px;

}

footer ul li a {

    font-size: 18px;

    color: #707070;

}

.subscribe-info p {

    font-size: 16px;

    color: #7f7f7f;

    font-weight: 400;

}

.row.rw-h {

    float: right;

    width: 100%;

}

.plain {}

.user-form input {

    position: relative;

    width: 100%;

    border-radius: 31px;

    border: 1px solid #f0f0f0;

    outline: none;

    padding: 10px 0;

    padding-left: 46px;

}

.banner-form label:nth-child(2) {

    border-left: 1px solid #00000014;

}

.plain {

    position: absolute;

    top: 4px;

    right: 0;

}

.user-form i.fa.fa-envelope {

    position: absolute;

    /* top: 0; */

    bottom: 15px;

    left: 25px;

    right: 0;

    z-index: 1;

    color: #7f7f7f;

    width: 0;

}

.user-form input::placeholder {

    padding: 0px 13px;

    color: #7f7f7f;

    font-size: 15px;

    font-family: "GTWalsheimPro-regular"

}

.plain i {

    border: 1px solid #004789;

    background: #004789;

    padding: 10px 11px;

    border-radius: 20px;

    display: flex;

}

.plain i {

    color: #fff;

}

footer h4 {

    position: relative;

    text-transform: capitalize;

    font-weight: 700;

}

.dropzone {

    border: none !important;

}

footer h4::before {
    content: "";
    position: absolute;
    top: 37px;
    /* bottom: 0; */
    left: 0;
    right: 0;
    border-bottom: 2px solid #018cb3;
    width: 59px;
}

footer ul {

    padding-top: 28px;

}

.ftr-info {

    padding: 19px 0px;

}

.sletter-main {

    padding-top: 28px;

}

.social-icons i {

    border: 1px solid #efefef;

    background: #efefef;

    padding: 1px;

    border-radius: 50%;

    margin: 0px 3px;

    color: #4c4a4b;

    width: 36px;

    height: 36px;

    text-align: center;

    line-height: 32px;

}

.social-icons i.fa.fa-google-plus {

    padding: 1px;

}

.social-icons i:hover {

    background: #004789;

    color: #fff;

}

.footer-inner ul li {

    line-height: normal;

}

.footer-inner ul {

    display: flex;

    align-items: center;

    padding: 0;

    display: flex;

    justify-content: end;

    margin: 0 auto;

    width: 80%;

}

.ftrinr-info p {

    margin: 0;

    padding: 0;

    font-size: 16px;

}

.footer-inner .row {

    display: flex;

    align-items: center;

}

.ftrinr-info p span {

    color: #018cb3;

    border-bottom: 1px solid #018cb3;

    font-family: 'Roboto', sans-serif;

}

.footer-inner ul li a {

    font-size: 16px;

}

.footer-inner .row {

    border-top: 2px solid #e5e5e5;

    padding-top: 17px;

    padding-bottom: 17px;

}

.footer-inner {

    padding: 40px 0px 0px;

}

.footer-inner ul li a {

    color: #191919;

    padding: 0px 5px;

}

/*footer end*/

.nav-main {

    display: flex;

    align-items: center;

}

/*top row start*/

.login-infoo {

    position: absolute;

    top: 37px;

    bottom: 0;

    left: 22px;

    right: 0;

    display: flex;

    align-items: center;

    text-align: center;

}

.login-infoo h4 span {

    color: #018cb3;

}

.login-infoo h4 {

    font-size: 75px;

    font-family: "GTWalsheimPro-bold";

}

a.register {

    border: 1px solid #018cb3;

    background: #018cb3;

    padding: 10px 18px;

    border-radius: 20px;

    color: #fff;

}

.login-section {

    margin: 0 auto;

}

.top-row .row {

    display: flex;

    align-items: center;

}

.login-section a {

    margin: 0px 15px;

}

.logo img {

    width: 100%;

}

div#navbarCollapse a {

    padding: 0px 13px;

    font-size: 16px;

    font-weight: normal;

    color: #464646;

    text-transform: capitalize;

    font-family: 'GT Walsheim-pro-regular';

}

a.login {

    font-size: 17px;

    font-family: "GTWalsheimPro-bold";

    color: #000000;

    position: relative;

}

a.login::before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 27px;
    right: 0;
    border-bottom: 1px solid #000;
    width: 55px;
}

.background-img {

    position: relative;

}

.top-row {

    position: absolute;

    top: 20px;

    bottom: 0;

    left: 0;

    right: 0;

}

.background-img img {

    width: 100%;

}

header {

    position: fixed;

    z-index: 999;

    width: 100%;

}

.fixed-header .bottom-row {

    padding-top: 0;

}

.fixed-header .bottom-row {

    padding-top: 0;

    background-color: #fff;

}



.bottom-row {

    transition: all 500ms ease-in-out;

    background-color: transparent;

}

.bottom-row {

    transition: all 500ms ease-in-out;

}



.t-rate i {

    color: #F7BA2A;

}



.t-rate li {

    display: inline-block;

}



.edu-testi .slick-slide {
    text-align: center;
}



.edu-testi .slick-slide p {

    max-width: 80%;

    margin: 0 auto 20px;

}



.t-img {

    max-width: 70px;

    height: 70px;

    border-radius: 50%;

    margin: 0 auto 10px;

    overflow: hidden;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .3);

}



.t-img img {

    width: 100%;

}



.t-name h5 {

    margin: 5px 0 0px;

}

.edu-testi h2 {

    margin-bottom: 0;

}



.edu-testi .title-heading p {

    max-width: 600px;

    margin: 0 auto 0px;

}



.edu-testi .title-heading {

    margin-bottom: 50px;

}



.edu-testi {

    padding: 50px 0;

}

section.edu-testi {

    overflow: hidden;

}



ul.t-rate {

    margin-bottom: 10px;

}



/*COOKIE*/

/* COOKIE POPUP STYLES */



.cookie-popup {



    font-size: 0.875rem;



    position: fixed;

    bottom: 0 !important;

    padding: 15px 15px;

    box-shadow: 0 0 0.625rem 0 rgb(0 0 0 / 15%);

    transition: opacity .5s;

    opacity: 0;

}

.cookie-popup--short {

    right: none;

    width: 100%;

}

.cookie-popup--dark {

    background: #000;

    color: #fff;

}

.cookie-popup--not-accepted {

    opacity: 1;

    animation: cookie-popup-in .5s ease forwards;

}

.cookie-popup--accepted {

    opacity: 0;

}

.cookie-popup a {

    color: skyblue;

}

.cookie-popup a:visited {

    color: skyblue;

    text-decoration: none;

}

.cookie-popup-actions {

    flex: 1;

    text-align: right;

}

.cookie-popup-actions button {

    color: orange;

    border: none;

    background: none;

    font-family: inherit;

    font-style: inherit;

    font-size: inherit;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 0.75rem;

    padding: 0;

    cursor: pointer;

}

.cookie-popup-actions button:hover {

    text-decoration: underline;

}



@keyframes cookie-popup-in {

    from {
        bottom: -6.25rem;
    }

    to {
        bottom: 1.25rem;
    }

}

/*login section start*/

section.login-sec {

    background: #fafbfd;

    padding: 100px 0px 100px;

}

.user-login form input {

    width: 100%;

    border: 1px solid #cecece;

    padding: 12px 70px;

    border-radius: 30px;

    position: relative;

    outline: none !important;

    margin-bottom: 24px;

}

.user-login form.job-app-form button {

    width: 100%;

}

.job-app-form .dropzone {

    background: #eee;

    border-radius: 50px;

    border: 1px solid #ccc !important;

    margin-bottom: 18px;

}

.job-app-form .dropzone>div {

    margin-top: 43px;

}

.job-app-form {

    padding: 0 70px;

}

.user-login i.fa.fa-user {

    /*border: 1px solid #858585;
  
  background: #858585;
  
   border-radius: 17px;
  
     */

    padding: 4px 6px;

    position: absolute;

    top: 13px;

    /* bottom: 0; */

    left: 70px;

    /* right: 0; */

    z-index: 1;

    color: #858585;

}

.user-input {

    position: relative;

    padding: 0 54px;

}

.user-input::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 0;
    left: 105px;
    /* right: 0; */
    border-right: 2px solid #c7c7c7;
    height: 28px;
    z-index: 1;
}

.user-login i.fa.fa-unlock-alt {

    position: absolute;

    top: 20px;

    left: 77px;

    z-index: 1;

    color: #858585;

}

.user-login {

    text-align: center;

    background: #fefeff;

    width: 50%;

    margin: 30px auto;

    border-radius: 35px;

    padding: 50px 0px 60px;

    box-shadow: 0 0 20px #0000001c;

    overflow: hidden;

}

.forget-pass {

    position: absolute;

    top: 7px;

    bottom: 0;

    left: auto;

    right: 110px;

    display: flex;

    justify-content: center;

}

.user-login form {

    position: relative;

}

.user-login form button,
.user-login form a {

    width: 80%;

    padding: 12px 0px 10px;

    border-radius: 30px;

    font-size: 18px;

    outline: none !important;

    font-family: 'GT Walsheim-pro-bold';

    line-height: 30px;

    cursor: pointer;

}

.cntnue-mail button,
.cntnue-mail a {

    border: 1px solid #018cb3;

    background: #018cb3;

    color: #fff;

    text-transform: uppercase;

}

.cntnue-Apple button {

    border: 1px solid #000000;

    background: #000000;

    color: #fff;

}

.cntnue-facebook button {

    border: 1px solid #3b5998;

    background: #3b5998;

    color: #fff;

}

.cntnue-google button {

    border: 1px solid #404040;

    background: #fff;

    color: #3b3b3b;

}

.option h5 {

    font-size: 18px;

    color: #4c4c4c;

    position: relative;

    font-family: 'GT Walsheim-pro-bold';

}

.option {
    margin: 0 auto;
    width: 21%;
    padding: 30px 0px 20px;
}

.option h5::before {

    content: "";

    position: absolute;

    top: 8px;

    right: 120px;

    border-bottom: 1px solid #4c4c4c42;

    width: 138px;

    height: 3px;

}

.option h5::after {

    content: "";

    position: absolute;

    top: 7px;

    left: 120px;

    border-bottom: 1px solid #4c4c4c42;

    width: 138px;

    height: 3px;

    display: flex;

}

.cntnue-facebook {

    margin-bottom: 20px;

}

.cntnue-Apple {

    margin-bottom: 20px;

}

.cntnue-mail {

    margin-top: 0;

}

.user-maininfo h4 {

    font-size: 36px;

    font-family: 'GT Walsheim-pro-bold';

    padding-bottom: 0;

    text-transform: uppercase;

}

h4 {}

.user-maininfo h4 span {

    color: #018cb3;

}

.user-maininfo p {

    font-size: 23px;

    font-family: 'GT Walsheim-pro-regular';

    color: #646666;

    padding-bottom: 28px;

}

.user-maininfo {

    text-align: center;

}

.user-maininfo p a {

    color: #018cb3;

    font-family: 'GT Walsheim-pro-bold';

    border-bottom: 2px solid #018cb3;

}

.user-login form button i {

    padding-right: 10px;

}

.forget-pass a {

    color: #7f7f7f;

    font-size: 18px;

    font-family: 'GT Walsheim-pro-regular';

    position: relative;

    z-index: 999;

}

.forget-pass a::before {

    content: "";

    position: absolute;

    top: 24px;

    bottom: 0;

    left: 0;

    right: 0;

    border-bottom: 1px solid #7f7f7f;

}

/*login sec end*/

/*resume-after sec start*/

.drop-zone {

    margin: 0 auto;

    width: 79%;

    height: 54px;

    display: flex;

    align-items: center;

    /* font-family: "Quicksand", sans-serif; */

    font-weight: 500;

    font-size: 20px;

    cursor: pointer;

    border: 1px solid #f4f4f5;

    background: #f4f4f5;

    border-radius: 5px;

    position: relative;

}

.drop-zone--over {

    border-style: solid;

}

.drop-zone__input {

    display: none;

}

.drop-zone__thumb {

    width: 38%;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    background-color: #cccccc;

    background-size: cover;

    position: relative;

}

.drop-zone__thumb::after {

    content: attr(data-label);

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 5px 0;

    color: #ffffff;

    background: rgba(0, 0, 0, 0.75);

    font-size: 14px;

    text-align: center;

}

.drop-zone span {

    font-size: 18px;

    font-family: 'GT Walsheim-pro-regular';

    color: #3d3d3d;

    padding: 0px 40px;

}

.file-image {

    position: absolute;

    top: 0;

    bottom: 0;

    /* left: 0; */

    right: 18px;

}

.file-image img {

    width: 100%;

}

.google {

    position: relative;

}

.google-img {

    position: absolute;

    top: 11px;

    bottom: 0;

    left: 0;

    right: 34%;

}

.upload-device button {

    border: 1px solid #004789;

    background: #fff;

    color: #fff;

    margin-bottom: 20px;

    margin-top: 20px;

    text-transform: uppercase;

    background-color: #004789;

}

.google button {

    border: 1px solid #404040;

    color: #3b3b3b;

    background: #fff;

    margin-bottom: 20px;

    text-transform: uppercase;

}

.dropbox button {

    border: 1px solid #0162ff;

    background: #0162ff;

    color: #fff;

    margin-bottom: 20px;

    text-transform: uppercase;

}

.microsoft-drive button {

    border: 1px solid #074ab2;

    background: #074ab2;

    color: #fff;

    text-transform: uppercase;

}

.supppot-file p {

    font-size: 14px;

    font-family: 'GT Walsheim-pro-regular';

    color: #575757;

    padding: 16px 0px 0px;

}

/*resume-after sec end*/

/*edit job post css start*/

section.edit-job-sec {

    background-color: #f3f2f1;

}

.heading-edit-job {

    background-color: #fff;

    width: 60%;

    margin: 0px auto;

    border-radius: 15px;

}

.white-back {

    background-color: #fff;

    border-radius: 15px;

}

.row-1 {

    background-color: #fff;

    width: 60%;

    margin: 20px auto;

    border-radius: 15px;

}

.cancel-preview-confirm-blk {

    background-color: #fff;

    width: 60%;

    margin: 0 auto;

    border-radius: 15px;

    padding: 30px;

}

#more {

    display: none;

}

button#myBtn {

    text-align: center;

    margin: 10px auto;

    display: flex;

    border: 0;

    background: transparent;

    color: #2557a7;

    font-size: 14px;

    font-weight: 600;

    outline: none;

    cursor: pointer;

}

.supplement-pay-blk {

    display: flex;

    align-items: baseline;

    width: 100%;

    background-color: #f3f2f1;

    padding: 10px;

    border-radius: 10px;

}

.supp-icn a i {

    color: gray;

}

.supp-icn {

    width: 4%;

    display: flex;

}

.supp-txt {

    width: 83%;

}

.map iframe {

    width: 100%;

    height: 250px;

    border-radius: 10px;

}

.setting-blk {

    display: flex;

    padding: 30px;

    border-bottom: 1px solid #e9e7e6;

}

.setting-txt {

    width: 100%;

}

.row.white-back {

    width: 60%;

    margin: 20px auto;

}

.hding-job {

    padding: 0px 20px;

}

.hding-job-img img {

    width: 60%;

}

.hding-job-img {

    text-align: center;

}

.heading-edit-job .row {

    display: flex;

    align-items: center;

}

.hding-job h4 {

    font-size: 22px;

    text-transform: capitalize;

    font-weight: 600;

    margin: 0;

    color: #2f2f2f;

}

.lead-year-blk {

    padding: 30px 30px;

}

.lead-year-blk ul li h4 {

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0;

    padding-bottom: 17px;

    -webkit-text-stroke-width: thin;

    color: #343434;

}

.lead-year-blk ul li h4 {

    font-size: 14px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0;

    -webkit-text-stroke-width: thin;

    color: #343434;

    padding: 10px 7px;

}

.setting-txt h4 {

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0;

    padding-bottom: 17px;

    -webkit-text-stroke-width: thin;

    color: #343434;

}

.lead-year-blk ul li p {

    color: #474747;

    font-size: 12px;

    text-transform: capitalize;

    margin: 0;

}

.app-setting-blk {

    padding: 30px;

}

.app-setting-blk h4 {

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0;

    padding-bottom: 17px;

    -webkit-text-stroke-width: thin;

    color: #343434;

}

.app-setting-blk ul li h5 {

    font-size: 13px;

    -webkit-text-stroke-width: thin;

    text-transform: capitalize;

    color: #343434;

}

.setting-txt p {

    color: #474747;

    font-size: 12px;

    text-transform: capitalize;

    margin: 0;

}

.job-detail-blk ul li h5 {

    font-size: 13px;

    -webkit-text-stroke-width: thin;

    text-transform: capitalize;

    color: #343434;

}

.lead-year-blk ul li h5 i {

    margin: 0px 0px 0px 10px;

    font-size: 13px;

    color: #2557a7;

}

.lead-year-blk ul li h4 i {

    margin: 0px 0px 0px 10px;

    font-size: 13px;

    color: #2557a7;

}

.photos-blk h4 a i {

    color: #2d2d2d !important;

}

.lead-year-blk ul li p i {

    margin: 0px 0px 0px 10px;

    font-size: 13px;

    color: #2557a7;

}

.app-setting-blk ul li h5 i {

    margin: 0px 0px 0px 10px;

    font-size: 13px;

    color: #2557a7;

}

.app-setting-blk ul li p i {

    margin: 0px 0px 0px 10px;

    font-size: 15px;

    color: #2557a7;

}

.job-detail-blk ul li {

    color: #474747;

    font-size: 12px;

    text-transform: capitalize;

}

.job-setting-blk ul li {

    color: #474747;

    font-size: 12px;

    text-transform: capitalize;

}

.job-setting-blk ul li h5 i {

    margin: 0px 0px 0px 10px;

    font-size: 13px;

    color: #2557a7;

}

.job-setting-blk ul li p i {

    margin: 0px 0px 0px 10px;

    font-size: 15px;

    color: #2557a7;

}

.job-setting-blk ul li h5 {

    font-size: 13px;

    -webkit-text-stroke-width: thin;

    text-transform: capitalize;

    color: #343434;

}

.app-setting-blk ul li {

    color: #474747;

    font-size: 12px;

    text-transform: capitalize;

}

.add-blk {

    position: relative;

    top: 15px;

}

.add-blk a {

    color: #2f5eab;

    font-size: 18px;

}

.add-blk a i {

    margin: 0px 5px 0px 0px;

}

.map {

    border: 1px solid #d2d1d0;

    border-radius: 10px;

}

.map-txt {

    margin-top: -3px;

    border-top: 1px solid #d2d1d0;

}

.map p {

    padding: 5px 10px;

    margin: 0;

}

li.dot span {

    font-size: 19px;

    color: #2d2d2d;

    position: relative;

    font-weight: 900;

}

.job-detail-blk {

    border-top: 1px solid #e9e7e6;

    padding: 20px 0px;

}

ul.brdr {

    border-bottom: 1px solid #e9e7e6;

}

.job-setting-blk {

    padding: 30px;

}

.show-confirm ul {

    display: flex;

}

.show-confirm ul li {

    margin: 0px 30px 0px 0px;

}

.cancel a {

    color: #2557a7;

    border: 1px solid #e6e4e3;

    padding: 6px 25px;

    text-transform: capitalize;

    font-size: 15px;

    -webkit-text-stroke-width: thin;

    font-weight: 600;

}

.cancel a i {

    padding: 0px 10px 0px 0px;

}

li.preview a {

    color: #2557a7;

    font-size: 13px;

    -webkit-text-stroke-width: thin;

}

li.confirm a {

    background-color: #2557a7;

    color: #fff;

    text-transform: capitalize;

    font-size: 14px;

    padding: 5px 20px;

    -webkit-text-stroke: thin;

    font-weight: 400;

    border-radius: 7px;

}

.modal-header .close {

    margin-top: -8px !important;

    color: #000 !important;

    opacity: 1 !important;

}

h4.modal-title {
    font-size: 16px;
    text-transform: capitalize;
    margin: 0;
    font-weight: 700;
    text-align: left;
    color: #000;
}


.modal-body h4 {

    font-size: 12px;

    text-transform: capitalize;

    font-weight: 600;

    color: #000;

}

.frm-blk input {

    width: 100%;

    border-radius: 6px;

    outline: none !important;

    border: 1px solid #d5d5d5;

    padding: 5px 0px;

    margin-bottom: 10px;

}

.frm-blk-2 input {

    width: 100%;

    border-radius: 6px;

    outline: none !important;

    border: 1px solid #d5d5d5;

    padding: 5px 0px;

    margin-bottom: 10px;

}

.frm-blk-2 p {

    /*margin: 30px 0px 0px 10px !important;*/

}

.frm-blk-2 .col-md-4 {

    padding-right: 0;

}

.frm-blk-2 .col-md-2 {
    padding: 0px;
    margin: 0px 24px;
}

.frm-blk textarea {

    width: 100%;

    height: 80px;

    border-radius: 6px;

    border: 1px solid #d5d5d5;

    outline: none;

}

.frm-blk-street input {

    width: 100%;

    border-radius: 6px;

    outline: none !important;

    border: 1px solid #d5d5d5;

    padding: 5px 0px;

    margin-bottom: 10px;

}

.warning-blk {

    display: flex;

    background: #ffefe7;

    padding: 10px 10px;

}

.warning-txt p {

    font-size: 11px;

    text-transform: capitalize;

}

.warning-icn {

    padding: 0px 10px 0px 0px;

}

.warning-icn a i {

    color: #b56400;

}

.cat-dec-blk p {

    font-size: 11px;

    text-transform: capitalize;

}

.gray input {

    border: 1px solid #dad8d69c;

    width: 100%;

    background-color: #dad8d69c;

    margin: 2px 0px;

    padding: 0;

    outline: none;

}

.modal-footer .btn-default {

    color: #174486 !important;

    background-color: #fff !important;

    border-color: #ccc !important;

}

.modal-footer .btn-default:hover {

    background-color: #174282 !important;

    color: #fff !important;

}

.modal-body h4 span {

    font-size: 15px;

    color: #bd6354;

}

.modal-dialog-1 {

    max-width: 600px !important;

}

.modal-content-1 {

    height: 600px !important;

}

.modal-body h5 {

    font-size: 14px;

    font-weight: 600;

    text-transform: capitalize;

}

.modal-body h5 span {

    font-weight: 100;

}

.modal-dialog-2 {

    max-width: 600px !important;

}

.modal-dialog-3 {

    max-width: 600px !important;

}

.modal-dialog-5 {

    max-width: 600px !important;

}

.modal-dialog-6 {

    max-width: 600px !important;

}

.modal-dialog-7 {

    max-width: 600px !important;

}

.modal-content-7 {

    overflow: scroll;

    height: 500px;

}

.map1 {

    border: 0 !important;

    padding-bottom: 20px;

}

.map1 iframe {

    height: 150px !important;

    border: 1px solid #d2d1d0 !important;

}

/*custom radio-btn*/

/* Create a custom radio button */

.checkmark-radio {

    position: absolute;

    top: 5px;

    left: 5px;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    border: 1px solid #81868b;

}

.checkmark1 {

    top: 7px !important;

}

.container2 h5 {

    font-weight: 100;

    font-size: 13px;

    margin: 10px 0px 5px;

}

.container2 p {

    font-weight: 100;

    font-size: 11px;

    text-transform: capitalize;

}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark-radio:after {

    content: "";

    position: absolute;

    display: none;

}

/* Show the indicator (dot/circle) when checked */

.container-radio input:checked~.checkmark-radio:after {

    display: block;

}

/* Style the indicator (dot/circle) */

.container-radio .checkmark-radio:after {

    top: 4.5px;

    left: 5px;

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background: #2557a7;

}

.container-radio {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 13px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid #d5d5d5;

    padding: 6px 35px;

    border-radius: 6px;

}

/* Hide the browser's default radio button */

.container-radio input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}

/*custom radio-btn*/

#mymodal7 .modal-body p {

    font-size: 12px;

    color: #a3a3a3;

    margin: 5px 0px;

}

.warning-txt p {

    color: #4d4f59;

}

.frm-blk-2 label {

    width: 100%;

    font-size: 13px;

    margin-bottom: -10px;

}

.frm-blk-street label {

    width: 100%;

    font-size: 13px;

    margin-bottom: -10px;

}

.frm-blk-2 select {

    width: 100%;

    padding: 7px 9px;

    margin-bottom: 20px;

    font-size: 13px;

    border-radius: 5px;

    color: gray;

    outline: none;

}

.frm-blk-street select {

    width: 100%;

    padding: 7px 9px;

    margin-bottom: 20px;

    font-size: 13px;

    border-radius: 5px;

    color: gray;

    outline: none;

}

.modal-dialog-3 {

    max-width: 600px !important;

}

.frm-blk-2 label span {

    color: #c91c03;

    opacity: 1;

    font-size: 15px;

}

.frm-blk-street label span {

    color: #c91c03;

    opacity: 1;

    font-size: 15px;

}

.container2 {

    padding: 1px 35px 3px;

}

.street-img img {

    width: 100%;

}

.advertise-job-blk h5 a {

    color: #000;

    font-size: 13px;

    background-color: #fff;

    border: 1px solid #d5d5d5;

    border-radius: 50px;

    font-weight: 100;

    padding: 4px 10px;

}

.advertise-job-blk h5 {

    font-size: 13px;

}

.adcvertise-feature-blk ul {

    display: flex;

    align-items: center;

}

.adcvertise-feature-blk ul li {

    padding: 0px 10px 0px 0px;

}

.adcvertise-feature-blk ul li h5 {

    font-size: 13px;

    color: #2557a7;

}

li.brdr-paid a {

    color: green;

    font-size: 10px;

    border: 1px solid #d5d5d5;

    padding: 2px 5px;

    border-radius: 3px;

    font-weight: 600;

}

.adcvertise-feature-blk ul li a i {

    transform: rotate(180deg);

    font-size: 15px;

    position: relative;

    top: 1px;

}

.street-txt p {

    font-size: 10px;

}

.street-txt h5 {

    font-size: 12px;

}

.street-img {

    border: 1px solid #d5d5d5;

    border-radius: 5px 5px 0px 0px;

    position: relative;

    top: 2px;

}

/*text-editor css*/

.modal-dialog-11 .seperator {

    display: inline;

    border-left: 1px solid #ddd;

    height: 30pt;

}

.modal-dialog-11 .options {

    width: 100%;

    height: 29pt;

    margin-top: 0pt;

    border-top: 1px solid #ddd;

    background-color: #e9e8e8;

    border-radius: 0px 7px 0px 7px !important;

}

.modal-dialog-11 iframe {

    border: 0;

    width: 100%;

    margin-bottom: 5pt;

    height: 250pt;

}

.modal-dialog-11 .modal-body-1 button {

    margin: 0;

    padding: 0;

    height: 28pt;

    width: 30pt;

    background-color: #e9e8e8;

    cursor: pointer;

    color: #333;

    border: 0;

    border-radius: 0px !important;

}

.modal-dialog-11 .modal-body-1 button:active {

    color: #333;

}

.modal-dialog-11 select {

    height: 30pt;

    -webkit-appearance: none;

    border: 0;

    padding-left: 5pt;

    padding-right: 5pt;

    outline: none;

}

.modal-dialog-11 input[type="number"] {

    height: 30pt;

    border: 0;

    padding: 0;

    padding-left: 5pt;

    padding-right: 5pt;

    outline: none;

}

.modal-dialog-11 .modal-footer .btn-default {

    color: #174486 !important;

    background-color: #fff !important;

    border-color: #ccc !important;

    border: 1px solid;

    min-width: 80px;

    border-radius: 7px !important;

}

.modal-dialog-11 .modal-footer .btn-default:hover {

    background-color: #174282 !important;

    color: #fff !important;

}

.modal-editor {

    border: 1px solid #184486;

    border-radius: 7px;

}

.modal-body-1 h4 {

    margin: 0;

}

.modal-body-1 p {

    margin: 3px 0px 6px;

}

.input-pdf input {

    opacity: 0;

    position: absolute;

    bottom: 0px;

    width: 100%;

    cursor: pointer;

}

.input-pdf label {

    color: #2e5591;

    position: relative;

    cursor: pointer;

    font-size: 13px;

    margin: 10px 0px;

}

/*text-editor css*/

/*checkbox css*/

/* The container */

.container1 {

    display: block;

    position: relative;

    padding-top: 5px;

    padding-left: 38px;

    cursor: pointer;

    font-size: 14px;

    font-weight: 500;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

/* Hide the browser's default checkbox */

.container1 input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}

/* Create a custom checkbox */

.checkmark {

    position: absolute;

    top: 5px;

    left: 5px;

    height: 21px;

    width: 21px;

    background-color: #eee;

}

/* On mouse-over, add a grey background color */

.container1:hover input~.checkmark {

    background-color: #ccc;

}

/* When the checkbox is checked, add a blue background */

.container1 input:checked~.checkmark {

    background-color: #2557a7;

    border-radius: 5px;

}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}

/* Show the checkmark when checked */

.container1 input:checked~.checkmark:after {

    display: block;

}

/* Style the checkmark/indicator */

.container1 .checkmark:after {

    left: 7.5px;

    top: 4px;

    width: 6px;

    height: 11px;

    border: solid #fff;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.md {

    border: 2px solid #b5b5b5;

    border-radius: 10px;

    margin-top: 10px;

}

.job1 {

    padding: 5px;

    border-radius: 5px;

    margin-top: 10px;

}

/* Create a custom checkbox */

.frm-blk-street p {

    font-size: 12px;

}

.container3 {

    border: 1px solid #d5d5d5;

    padding: 0px 40px;

    border-radius: 7px;

}

.container3 h5 {

    font-weight: 100;

    font-size: 13px;

}

.fb-icn a {

    color: #fff !important;

    border-radius: 3px;

    background-color: #2057ac;

    display: inline-block;

    width: 38%;

    padding: 7px 8px 7px 6px;

    border-radius: 7px;

    text-transform: capitalize;

}

.fb-icn a i {

    background-color: #fff;

    color: #2057ac;

    min-width: 14px;

    text-align: center;

    padding: 2px 0px 0;

    border-radius: 3px;

    margin: 0px 4px 0px 0px;

}

.modal-body-fb p {

    font-size: 9px;

    line-height: 14px;

}

.modal-dialog-15 {

    width: 600px !important;

}

.check-tick-blk label {

    font-size: 11px;

}

.checkmark-11 {

    background: #fff;

    border: 1px solid #2157ae;

    border-radius: 3px;

}

.check-tick-blk {

    background-color: #f2f2f0;

    padding: 3px 0px;

    margin-top: 10px;

}

.modal-body-fb {

    overflow-y: scroll;

    width: 100%;

}

.frm-btn {

    float: right;

    margin-top: 20px;

}

.frm-btn button {

    color: #2156a6;

}

.frm-btn button:hover {

    background-color: #1f57ac;

    color: #fff;

}

.modal-content-15 {

    height: 440px;

    width: 600px !important;

}

.row-app-ques .col-md-8 {

    padding: 0;

    margin-top: 4px;

}

.app-ques-head h5 {
    margin: 0px;
    position: relative;
    left: -18px;
    font-weight: 100;
    font-size: 13px;
}

.row-app-ques .col-md-4 {

    padding-right: 0;

}

.app-ques-head {

    width: 100%;

}

.app-ques-blk-ul ul {

    display: flex;

    align-items: baseline;

}

.app-ques-blk-ul ul li {

    padding: 0px 7px 0px 0px;

}

.app-ques-blk-ul {

    padding: 10px 10px;

}

.min-ed-check-blk label {

    width: 100%;

}

.min-ed-check-blk {

    float: right;

}

.row-app-ques {

    border: 1px solid #e2e2e2;

    margin-bottom: 30px;

    width: 95%;

    margin-left: 0px !important;

    border-radius: 7px;

}

.modal-dialog-17 {

    min-width: 600px;

}

.row-app-ques .close {
    position: absolute;
    top: -3px;
    right: 5px;
    opacity: 1 !important;
    font-size: 24px;
}

.row-app-ques {

    position: relative;

}

.light-gry-blk {

    background-color: #f2f2f0;

    border-radius: 7px 7px 0px 0px;

    padding: 10px 0px;

    margin-bottom: 10px;

}

.blk-blue-1 {

    display: flex;

    align-items: center;

    border: 1px solid #e2e2e2;

    margin: 20px auto;

    padding: 30px 10px;

    border-radius: 7px;

    width: 90%;

}

.blk-blue-txt {

    margin: 0px 0px 0px 20px;

}

.ble-tp-blk {

    background-color: #1f57ae;

    border: 1px solid #1f57ae;

    padding: 50px 15px;

    border-radius: 15px 15px 0px 0px;

}

.blue-are-blk h5 {

    color: #fff;

    font-size: 17px;

    margin-bottom: 6px;

}

.blue-are-blk p {

    color: #fff;

}

.blue-img {

    text-align: center;

}

.blk-blue-txt h5 {

    font-size: 13px;

}

.blk-blue-txt p {

    font-size: 12px;

    width: 100%;

}

.row.row-app-ques {

    margin: 15px auto !important;

    width: 90%;

}

.app-ques-head span {

    font-size: 13px;

    font-weight: 600;

}

.app-ques-head h5 input {

    width: 15%;

    border: 0;

    border-bottom: 1px solid;

    background-color: #f2f2f0;

}

.select-blk select {

    padding: 5px 10px;

    border: 1px solid #d7d7d8;

    border-radius: 5px;

    font-size: 13px;

    outline: none;

}

.of-blk p {

    color: #838283;

    font-weight: 600;

}

.input-blk input {

    padding: 5px 10px;

    border: 1px solid #d7d7d8;

    border-radius: 5px;

    font-size: 13px;

    outline: none;

}

.exp-blk p {

    color: #838283;

    font-weight: 600;

}

label.least {

    color: #838283;

    font-size: 12px;

    padding: 0px 6px;

}

.min-ed-check-blk {

    border: 1px solid #d7d7d8;

    padding: 2px 2px 2px 0px;

    border-radius: 7px;

    margin-bottom: 10px;

}

.app-ques-head {

    margin: 0px 40px 0px 0px;

}

.valid-blk-blk {

    width: 100%;

    padding: 10px 10px;

}

.valid-blk input {

    border: 1px solid #c6c7c5;

    width: 89%;

    padding: 5px 10px;

    border-radius: 7px;

}

.ask-applicants-blk p {

    color: #838283;

    font-weight: 600;

    font-size: 13px;

}

.app-ques-blk-ul .col-md-12 {

    padding: 0;

    margin: 0px 14px;

}

.browse-blk {

    position: relative;

    left: 30px;

}

.browse-blk select {

    border: 1px solid #c6c7c5;

    padding: 5px 10px 5px 2px;

    color: #2557a7;

    outline: none;

    font-size: 13px;

    font-weight: 600;

    border-radius: 7px;

}

.new-tabsty {

    background-color: #fff;

    padding: 0 0;

}



.new-tabsty a.btn-blue {

    padding: 16px 10px;

    border-radius: 0;

    color: #000000 !important;

    font-weight: 700;

}



.new-tabsty a.btn-blue.active {

    border-bottom: 3px solid;

    font-weight: bold;

    color: #0082a7 !important;

}

.ble-tp-blk-1 {

    margin-top: 80px;

}

.pre-record-blk .row {

    display: flex;

    justify-content: center;

    align-items: center;

}

.pre-record-blk {

    border: 1px solid #c6c7c5;

    padding: 2px 10px;

    margin: 10px 0px;

    border-radius: 7px;

}

.user-login form.job-app-form input {

    padding: 12px 30px;

}

.pre-anchr-blk {

    text-align: end;

}

.check-bx-blk label {

    font-size: 13px;

    position: relative;

}

.pre-anchr-blk a {

    font-size: 13px;

    text-decoration: underline !important;

}

.tip-blk {
    padding: 0px 20px;
}

.tip-blk h5 span {

    color: #1f57ae;

    font-weight: 600;

    font-size: 13px;

}

.tip-blk h5 {

    font-weight: 100;

    font-size: 13px;

}

.tip-blk h5 i {

    color: #1f57ae;

}

.modal-body-17 {

    height: 100vh;

    overflow-y: scroll;

    overflow-x: hidden;

}

.update-blk input {

    width: 94%;

    margin-bottom: 5px;

    padding: 7px 10px;

}

.update-blk button {

    background: transparent;

    border: 0;

    color: #181817;

    font-weight: 700;

    font-size: 16px;

}

.add-blk-1 a {

    font-size: 14px;

    font-weight: 700;

}

.add-blk-1 {

    padding: 0px 7px;

}

.communication-check-blk {

    margin: 25px 0px;

}

.checkmark-12 {

    width: 17px;

    height: 17px;

    top: 5px;

    border-radius: 4px !important;

}

.checkmark-12::after {

    top: 2px !important;

    left: 5px !important;

}

.communication-check-blk label {

    font-size: 11px;

}

.Employer-assist-blk h4 {

    font-size: 17px;

    color: #000000db;

    font-weight: 700;

}

.employer-txt p {

    font-size: 12px;

    text-transform: capitalize;

    margin: 0px 0px 1px;

}

.employer-txt a {

    color: #2856a2;

    font-size: 13px;

    text-decoration: underline !important;

    -webkit-text-stroke: thin;

}

.chart-blk h5 {

    font-size: 13px;

}

.chart-blk img {

    width: 100%;

}







.edu-side h2 {

    font-size: 1.4375rem;

    font-weight: 700;

    line-height: 1.22;

}

.got-job-map {

    padding-top: 290px;

}

.edu-side p {

    font-size: .875rem;

    letter-spacing: 0;

    line-height: 1.43;

}



.edu-side-link a.share {

    background: none rgb(0 130 167);

    border-radius: 8px;

    color: #fff;

    border: 1px solid rgb(0 130 167);

    padding: 10px 50px;

    display: inline-block;

    margin: 0px 0 10px 0;

}

.all-banner {

    display: flex;

    background-color: #2557a7;

    color: #fff;

    padding: 0px 0px 0px 45px;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);

    margin: 20px 5px;

    padding-top: 3rem;

}



.banner-im img {

    width: 100%;

}

.slid-banner-heading h3 {

    font-weight: 700;

    font-size: 44px;

    margin: 0;

    line-height: 125%;

}



.slid-banner-heading p {

    font-weight: 400;

    font-size: 1rem;

}

.slid-banner-heading {

    display: flex;

    align-items: start;

}



.slid-banner-heading i {

    font-size: 30px;

    font-style: italic;

    color: #0082a7;

    margin-right: 22px;

    position: relative;

}



.slid-banner-heading i:after {

    content: '';

    position: absolute;

    background-color: #0082a73b;

    width: 50px;

    height: 50px;

    left: -13px;

    border-radius: 100%;

    top: 4px;

}

.banner-btn a.story {

    box-sizing: border-box;

    background: none rgb(255, 255, 255);

    appearance: none;

    text-align: left;

    border: 1px solid rgb(212, 210, 208);

    user-select: none;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    position: relative;

    margin: 0px;

    padding: 0.5625rem 1rem;

    cursor: pointer;

    line-height: 1.5;

    font-size: 1rem;

    font-weight: 700;

    text-decoration: none;

    border-radius: 0.5rem;

    display: inline-flex;

    width: auto;

    color: rgb(37, 87, 167);

}

.banner-btn a.get {

    box-sizing: border-box;

    background: transparent;

    appearance: none;

    text-align: left;

    border: none;

    user-select: none;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    position: relative;

    margin: 0px;

    padding: 0.5625rem 1rem;

    cursor: pointer;

    line-height: 1.5;

    font-size: 1rem;

    font-weight: 700;

    text-decoration: none;

    border-radius: 0.5rem;

    display: inline-flex;

    width: auto;

    color: rgb(255 255 255);

    margin-left: 20px;

}

.banner-btn a.get:hover {

    background-color: rgb(22, 64, 129);



}

.banner-btn a i {

    margin-left: 10px;

    font-size: 15px;

    font-weight: 200;

}

.tucson h4 {

    font-size: 1rem;

    font-weight: 700;

    line-height: 150%;

    color: #0d081c;

    margin: 0 auto;

}



.tucson p {

    font-size: 1rem;

    line-height: 150%;

    color: #767676;

    font-weight: 300;

}

.edu-side-link a:nth-child(2) {

    color: #2557a7;

}

.laura {

    float: right;

}

.map-main-slider h3 {

    font-size: 54px;

}

.laura h4 {

    font-size: 1rem;

    font-weight: 700;

    line-height: 150%;

    color: #0d081c;

    margin: 0 auto;

}



.laura p {

    font-size: 1rem;

    line-height: 150%;

    color: #767676;

    font-weight: 300;

}

.slid-banner-heading p {

    font-style: italic;

    font-size: 1.3rem;

    line-height: 125%;

    color: #767676;

    flex: 8;

}

.tucson {

    margin-top: 30px;

}



.laura {

    margin-top: 30px;

}

.second-banner {

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    padding: 24px 40px;

    margin: 20px 5px;

    min-height: 230px;

    border-radius: 10px;

    background-color: #fff;

    display: flex;

    flex-direction: column;

    justify-content: center;



}

.third-banner {

    background-color: #fcefeb;

    text-align: center;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    margin: 20px 5px;

    padding: 26px 20px;

    border-radius: 10px;



}

.slide-banner-im img {

    display: initial !important;

    margin-bottom: 10px;



}



.edu .slick-next:before {

    content: '\f062';

    font-family: 'FontAwesome';

    border: 1px solid #000;

    border-radius: 50%;

    padding: 15px;

    color: #000 !important;

}

.edu .slick-prev:before {

    content: '\f063';

    font-family: 'FontAwesome';

    border: 1px solid #000;

    border-radius: 50%;

    padding: 15px;

    color: #000 !important;

}

.edu .slick-next {

    right: 40px;

}

.third-banner-heading p {

    font-size: 18px;

    margin-bottom: 10px;

}



.third-banner-heading a {

    color: #0082a7;

    font-size: 18px;

    font-weight: 600;

}

.edu .slick-prev {

    left: auto;

    right: 105px !important;

}

.edu .slick-slider {

    padding-top: 39px;

}

.edu .slick-prev,
.slick-next {

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 0 !important;

    right: 25px;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

    z-index: 9999;



}

.redo-slider {

    font-size: 24px;

    position: relative;

    bottom: -27px;

    display: inline-block;

    padding: 9px 17px;

}



.next-job-slide {

    background-color: #74234e;

    text-align: center;

    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

    margin: 20px 5px;

    padding: 36px 20px;

    border-radius: 10px;

    color: #fff;

    position: relative;

    overflow: hidden;

}



.next-job-slide a {

    color: #0082a7;

    background-color: #fff;

    padding: 9px 17px;

    font-size: 17px;

    border-radius: 7px;

    font-weight: 600;

    display: inline-block;



}

.next-job-slide:before {

    content: '';

    position: absolute;

    background-color: #9d2b6b;

    width: 200px;

    height: 200px;

    left: 0;

    top: 0;

    clip-path: polygon(0 0, 69% 0, 100% 34%, 0 55%);

}

.chart-blk {

    text-align: center;

    border: 1px solid #d5d5d5;

    padding: 15px 10px;

    margin: 15px 0px;

    border-radius: 5px;

}

.viwe-msg-decline a {

    font-size: 13px;

    font-weight: 700;

    color: #2d5aa3;

}

.easy-to-keep-candidate h6 {

    text-align: center;

    font-size: 14px;

    font-weight: 600;

}

.easy-to-keep-candidate ul {

    display: flex;

    align-items: center;

    justify-content: center;

    padding-top: 10px;

}

.easy-to-keep-candidate ul li {

    font-size: 12px;

    width: 42%;

}

.easy-to-keep-candidate {

    padding-top: 20px;

}

.loc-bud-btn-1 {

    text-align: end;

}

.communication-check-blk small {

    position: relative;

    font-size: 10px;

    width:  !important;

}

.communication-check-blk small {

    position: relative;

    font-size: 10px;

    margin: 0px 0px;

    position: relative;

    left: 9px;

    width:  !important;

    padding: 0px 30px;

}

.mesg-setting-blk h4 {

    font-size: 16px;

    font-weight: 600;

    color: #000000e3;

}

.mesg-setting-blk h6 {

    font-size: 14px;

    font-weight: 700;

    color: #000;

}

.mesg-setting-blk p {

    font-size: 12px;

    color: #bdbdbd;

}

.modal-body-16 {

    height: 600px;

    overflow-y: scroll;

    overflow-x: hidden;

}

.loc-bud-btn-1 {

    align-items: flex-start;

    display: flex;

}

.loc-bud-btn-1 input {

    margin: 3px 5px;

}

/*edit job post css end*/

/*file-upload css start*/

.wrapper {

    margin: auto;

    max-width: 950px;

    padding-top: 60px;

    text-align: center;

}

.upload-container {

    background-color: rgb(239, 239, 239);

    border-radius: 6px;

    padding: 10px;

    border: 5px dashed rgba(198, 198, 198, 0.65);

}

.border-container {

    border: ;

    /*   border-radius: 4px; */

    padding: 20px;

}

.border-container p {

    color: #130f40;

    font-weight: 600;

    font-size: 1.1em;

    letter-spacing: -1px;

    margin-top: 30px;

    margin-bottom: 0;

    opacity: 0.65;

}

#file-browser {

    text-decoration: none;

    color: rgb(22, 42, 255);

    border-bottom: 3px dotted rgba(22, 22, 255, 0.85);

}

#file-browser:hover {

    color: rgb(0, 0, 255);

    border-bottom: 3px dotted rgba(0, 0, 255, 0.85);

}

.icons {

    color: #95afc0;

    opacity: 0.55;

}

/*file-upload css end*/

a.login img {
    width: auto;
}

/*Post A job CSS Start*/

#msform {

    text-align: center;

    position: relative;

    margin-top: 20px
}

#msform fieldset .form-card {

    background: white;

    border: 0 none;

    border-radius: 0px;

    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);

    padding: 20px 40px 30px 40px;

    box-sizing: border-box;

    width: 94%;

    margin: 0 3% 20px 3%;

    position: relative
}

.steper-form.active {

    position: relative;

    opacity: 1;

    display: block;

}

.steper-form {

    display: none;

    opacity: 0;

    position: relative;

}

#msform fieldset {

    background: white;

    border: 0 none;

    border-radius: 0.5rem;

    box-sizing: border-box;

    width: 100%;

    margin: 0;

    padding-bottom: 20px;

    position: relative
}

/*#msform fieldset:not(:first-of-type) {
  
      display: none
  
  }*/

.step-form {

    cursor: pointer;

}

#msform fieldset .form-card {

    text-align: left;

    color: #9E9E9E
}

#msform .action-button {

    width: 130px;

    background: #018cb3;

    font-weight: bold;

    color: white;

    border: 0 none;

    border-radius: 35px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 5px;

    float: right;

    text-transform: uppercase;

}

#msform .action-button:hover,

#msform .action-button:focus {

    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {

    width: 100px;

    background: transparent;

    font-weight: bold;

    color: #9d9d9d;

    border: 0 none;

    border-radius: 0px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 5px;

    position: absolute;

    right: 150px;

    text-transform: uppercase;

}

#msform .action-button-previous:hover,

#msform .action-button-previous:focus {

    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

select.list-dt {

    border: none;

    outline: 0;

    border-bottom: 1px solid #ccc;

    padding: 2px 5px 3px 5px;

    margin: 2px
}

select.list-dt:focus {

    border-bottom: 2px solid skyblue
}

.card {

    box-shadow: 0px 0px 20px #f2f3f5;

    border: none !important;

    border-radius: 19px !important;

    position: relative
}

.fs-title {

    font-size: 25px;

    color: #2C3E50;

    margin-bottom: 10px;

    font-weight: bold;

    text-align: left
}

#progressbar {

    margin-bottom: 30px;

    overflow: hidden;

    color: lightgrey position: relative;

}

ul#progressbar:before {
    content: '';
    position: absolute;
    border-bottom: 6px solid #d3d3d3;
    height: 2px;
    width: 79%;
    left: 0;
    top: 22px;
    right: 0;
    margin: 0 auto;
}

#progressbar .active {

    color: #000000
}

.inner-cap form {

    width: 70%;

    position: relative;

    text-align: center;

}

ul#progressbar strong {

    text-transform: uppercase;

    font-weight: 600;

}

#progressbar li {

    list-style-type: none;

    font-size: 12px;

    width: 25%;

    float: left;

    position: relative
}

#progressbar #account:before {

    font-family: FontAwesome;

    content: "01"

}

#progressbar #personal:before {

    font-family: FontAwesome;

    content: "02"

}

#progressbar #payment:before {

    font-family: FontAwesome;

    content: "03"

}

#progressbar #confirm:before {

    font-family: FontAwesome;

    content: "04"

}

#progressbar li:before {

    width: 50px;

    height: 50px;

    line-height: 45px;

    display: block;

    font-size: 18px;

    color: #ffffff;

    background: lightgray;

    border-radius: 50%;

    margin: 0 auto 10px auto;

    padding: 2px
}

/*#progressbar li:after {
  
      content: '';
  
      width: 100%;
  
      height: 2px;
  
      background: lightgray;
  
      position: absolute;
  
      left: 0;
  
      top: 25px;
  
      z-index: -1
  
  }*/

#progressbar li.active:before,

#progressbar li.active:after {

    background: #004687;

}

.radio-group {

    position: relative;

    margin-bottom: 25px
}

.radio {

    display: inline-block;

    width: 204;

    height: 104;

    border-radius: 0;

    background: lightblue;

    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);

    box-sizing: border-box;

    cursor: pointer;

    margin: 8px 2px
}

.radio:hover {

    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {

    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}

.fit-image {

    width: 100%;

    object-fit: cover
}

.industry-noti {

    text-align: left;

}

.industrtycompany {

    text-align: left;

}

.industry-form {

    text-align: left;

}

.hiring-job {

    margin: 0;

}

.hiring-exact {

    padding-top: 40px;

    text-align: left;

}

.manage-drop-down {

    position: relative;

}

.manage-drop-down ul {

    position: absolute;

    background: #fff;

    min-width: 223px;

    padding: 0px 0px;

    border-radius: 5px;

    box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);

    display: none;

}

ul.header-small-menu::before {

    content: '\f0d8';

    position: absolute;

    font-family: 'FontAwesome';

    top: -24px;

    left: 30px;

    color: #e7e5e5;

    font-size: 24px;

}

.manage-drop-down ul li {

    line-height: 25px;

    border-bottom: 1px solid #00000029;

    padding: 10px 0;

}

.manage-drop-down ul li a {

    font-size: 14px !important;

}

.manage-drop-down ul li:last-child {

    border: 0;

}

.manage-drop-down ul li a i {

    color: #000;

}

.manage-drop-down:hover .header-small-menu {

    display: block;

}

section.expire-sec {

    background-color: #018cb3;

}

.expire-blk {

    text-align: center;

    padding: 36px 0;

}

.expire-blk ul {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0;

}

.expire-blk ul li {

    margin: 0 18px;

}

.expire-blk ul li a {

    color: #fff;

    font-family: 'GT Walsheim-pro-regular';

}

.job-table table {

    font-family: arial, sans-serif;

    border-collapse: separate;

    width: 100%;

    border-spacing: 0 10px;

    border: none;

    border-radius: 7px;

    /*overflow: hidden;*/

}

/*.job-table tr:nth-child(2n) {
  
      background-color: #f1f1f1;
  
  }*/

.job-table td:first-child {

    /*background-color: #eee;*/

    border-radius: 8px 0 0 8px;

}

.job-table td:last-child {

    /*background-color: #eee;*/

    border-radius: 0 8px 8px 0;

}

.job-invite a {

    display: block;

    font-weight: 500;

}



.job-invite {

    background-color: #eaeaea;

    border-radius: 10px;

    padding: 17px 10px;

}

.job-table td,
.job-table th {
    border-bottom: 1px solid #dddddd;
    text-align: left;
    padding: 10px 0px;
}

td.job-location {

    text-align: center;

}

header .bottom-row .hdr-btn {

    background-color: #0082a7;

    color: #fff !important;

    display: inline-block;

    padding: 10px 20px !important;

    border-radius: 30px;

    margin-right: 10px;

}

.prof-drop {

    border: 1px solid #0000006b;

    padding: 3px 10px 3px 5px !important;

    border-radius: 30px;

    align-items: center;

}

header .bottom-row .hdr-btn:hover {

    background-color: #004789;

}

.job-table td ul li {

    padding: 0 5px;

    text-align: center;

    margin-top: 22px;

}

button.job-clone.dropbtn {

    padding: 5px 5px;

}

nav .prof-box a {

    padding: 10px 20px !important;

}

.job-table td ul li a i {

    color: #000;

}

.job-table table tr:hover .lft-bdr,
.job-table table tr:hover .rgt-bdr {

    border-radius: 0;

}

.job-table table tr:hover {

    background-color: #eaeaea;

    color: #000;

}

span.job-draft {

    background: #3a6f3b;

    color: #fff;

    padding: 4px 28px;

    border-radius: 25px;

}

span.pending-draft {

    background-color: #018cb3;

    padding: 5px 10px;

    border-radius: 25px;

    color: #fff;

}

.sec-job-messages .job-mess-div {

    background-color: #fff;

    padding: 20px;

    border-radius: 10px;

}

.sec-job-messages {

    border-top: 1px solid #c9c6c6;

    padding-top: 40px;

    margin-top: 20px;

}

.message-tabs .nav .nav-item:first-child {

    border-radius: 10px 0px 0px 10px;

}



.message-tabs .nav .nav-item:last-child {

    border-radius: 0px 10px 10px 0px;

}



.message-tabs .nav .nav-item {

    border: 1px solid #d5d5d5;

    overflow: hidden;

}



.message-tabs .nav .nav-item a {

    border-radius: 0;

    color: #01488a;

    font-weight: 600;

    padding: 5px 16px;

}



.message-tabs .nav .nav-item a.active {

    color: #fff !important;

    background-color: #028bb7;

}



.message-tabs .nav {

    border-bottom: 1px solid #cbc9c9;

    padding-bottom: 18px;

}

.private-schools .col-md-3 {

    background-color: #fff;

    padding: 20px;

}



#Messages .feature-sec {

    background-color: #fafbfd;

}

.job-all-mess {

    background-color: #fff;

    padding: 20px;

}

.no-message-job {

    text-align: center;

    padding: 20px;

}



.no-message-job h5 {

    margin: 10px;

    font-size: 29px;

}



.no-message-job p {}



.no-message-job a {

    display: inline-block;

    background-color: #0082a7;

    color: #fff;

    padding: 5px 20px;

    font-size: 18px;

    border-radius: 7px;

}



.no-message-job img {

    width: 10%;

}

.no-job-mes img {

    width: 17%;

}

.lead-preschool {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.lead-txt h3 {

    font-size: 17px;

    font-weight: 700;

    text-transform: capitalize;

    color: #2557a7;

}



.lead-txt p {

    font-size: 13px;

    color: #00000091;

    text-transform: capitalize;

}



.lead-txt2 i {

    font-size: 20px;

    font-weight: 700;

}

.CategoriesSec button {

    padding: 2px 15px;

    margin-right: 10px;

    margin-bottom: 15px;

    background-color: #e9e9e969;

}

.taabss {

    border-radius: 6px;

    margin-bottom: 30px;

}

.taabss button:first-child {

    border-radius: 6px 0 0 6px;

}



.taabss button:last-child {

    border-radius: 0px 6px 6px 0px;

}

.taabss button {

    background-color: inherit;

    float: left;

    border: 1px solid #00000029;

    outline: none;

    cursor: pointer;

    transition: 0.3s;

    font-size: 14px;

    font-weight: 600;

    padding: 6px 30px;

}



.taabss button.active {

    background-color: #2557a7;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    outline: none;

}



.taabsscontent {

    display: none;

    padding: 6px 12px;

}

.card h5 button {

    color: #000;

    font-weight: 600;

}

.card-header {

    padding: 0 !important;

    background-color: #fff !important;

}



.card-body li {

    padding: 9px 10px !important;

    border-bottom: 1px solid #00000024 !important;

    font-size: 13px !important;

}



.card-body {

    padding: 0 !important;

}

.card-body li:nth-child(3) {

    border-bottom: none !important;

}

.body li {

    padding: 10px;

}



.card ul {

    margin-bottom: 0;

}



.search-area input {

    width: 100%;

    border: 1px solid #2557a7;

    border-bottom: 4px solid #2557a7;

    border-radius: 6px;

    padding: 3px 10px;

    margin-bottom: 15px;

}



.body li a {

    color: #2557a7;

    font-size: 13px;

}



.card-body li a {

    color: #2557a7;

}

.search-area {

    box-shadow: 0 0 10px #0000001f;

    border-radius: 10px;

    background-color: #fff;

    position: absolute;

    width: 100%;

    left: 0px;

    top: 52px;

    z-index: 999;

}

.search-head {

    padding: 10px;

}

button.taabsslinks.active {

    background-color: #018cb3;

}

.btn-link {

    text-decoration: none !important;

}

.btn-link:hover {

    text-decoration: none !important;

    color: #000 !important;

}

.question-dropdn {

    display: flex;

    align-items: center;

}



.all-jobs-drp {
    padding-left: 10px;

    position: relative;

}

.interviews-area {

    background-color: #fff;

    box-shadow: 0 0 20px #0000001c;

    padding: 20px;

    border-radius: 10px;

}



.interviews-area h3 {

    font-size: 14px;

    margin-bottom: 4px;

}



.interviews-area h4 {

    font-size: 12px;

    color: #00000082;

}



.updated a {

    color: #000000a1;

    font-size: 13px;

}



.updated i {

    margin-right: 10px;

}



.updated {

    border: 1px solid #0000001f;

    padding: 6px 10px;

    border-radius: 6px;

}



.updated p {

    margin-bottom: 0;

}

.matched-candidate h3 {

    font-size: 16px;

    font-weight: 700;

}



.matched-candidate p {

    font-size: 13px;

    color: #00000082;

}

.candidate-info h3 {

    font-size: 13px;

    margin-bottom: 4px;

}



.candidate-info p {

    font-size: 12px;

    margin-bottom: 12px;

}



.candidate-info h4 {

    font-size: 13px;

    margin-bottom: 3px;

    font-weight: 700;

    color: #000000c7;

}



.candidate-info {
    border: 1px solid #00000026;
    padding: 10px;
    border-radius: 10px;
    /*width: 200px;*/

}

.matched-candidate .col-md-2 {

    padding: 5px;

}

.profile-area h3 {

    font-size: 14px;

    font-weight: 700;

}



.profile-area h3 span {

    color: #0000006b;

    font-size: 13px;

}



.profile-area h3 a {

    color: #2557a7;

}



.profile-area h3 i {

    font-size: 13px;

    padding-right: 8px;

}

.profile-area h4 {

    font-size: 13px;

    font-weight: 700;

    color: #000000d9;

}



.profile-area h4 i {

    padding-right: 8px;

    font-size: 13px;

}



.profile-area p {

    font-size: 11px;

}



.profile-area .prof-btn {

    background-color: #2557a7;

    color: #fff;

    padding: 7px 30px;

    font-weight: 700;

    border-radius: 5px;

    font-size: 15px;

    letter-spacing: 1px;

    display: inline-block;

    margin-top: 50px;

}



.profile-area p.actv {

    background-color: #eef1fe;

    color: #2557a7;

    padding: 4px 8px;

    display: inline-block;

    border-radius: 4px;

    font-size: 10px;

}



.profile-area {

    background-color: #fff;

    border: 1px solid #0000002e;

    border-radius: 4px;

    padding: 12px;

    margin-bottom: 40px;

    width: 332px;

}

.invite-profile {

    padding-top: 30px;

}



#Candidate {

    display: block;

}

.matched-sec {

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);

    padding: 20px;

    border-radius: 10px;

    margin: 26px 0;

}



.job-mess-div h5 {

    border-bottom: 1px solid #bdbdbd;

    padding-bottom: 16px;

    margin-bottom: 20px;

    font-size: 18px;

}



.job-mess-div h5 {}



.no-job-mes {

    text-align: center;

}

td.job-star i {

    color: #018cb3;

    font-weight: 600;

}

td.job-date {

    color: #018cb3;

}

td.job-star i {

    color: #018cb3;

    font-weight: 600;

}

td.job-date {

    color: #018cb3;

}

.job-found h4 {

    font-size: 30px;

}

.job-found p {

    font-size: 14px;

    margin: 0;

    padding-top: 7px;

}

.job-found {

    padding-top: 30px;

}

.action-blk span {

    color: #000;

    font-weight: 600;

}

.action-blk select {

    width: 185px;

    padding: 4px 0;

    border-radius: 5px;

    border: 1px solid #ccc;

    outline: none;

}

.action-blk button {

    background-color: #018cb3;

    color: #fff;

    padding: 3px 17px;

    outline: none;

    border: 0;

    border-radius: 3px;

}

.action-right {

    text-align: right;

}

.action-blk {

    padding-top: 28px;

}

.action-blk input {

    width: 185px;

    padding: 3px 10px;

    border-radius: 6px;

    outline: none;

    border: 1px solid #ccc;

}

h1,
h2,
h3,
h4,
h5 {

    font-weight: 700 !important;

}

.job-table th {

    background: #018cb3;

    color: #fff;

    padding: 15px 20px;

    font-size: 15px;

}

tbody#jobs {

    background-color: #fff;

}

.job-table {

    text-align: center;

}

.job-resum {

    border: 3px dashed #0082a7;

    border-radius: 10px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 30px 15px;

}

.job-table.job-resum h4 {

    font-size: 20px;

}

.job-resum .post-opt {

    padding-top: 7px;

}

.expire-jobs.re-preview.mng-jbs .row>div {

    margin-bottom: 30px;

}



.expire-jobs.re-preview.mng-jbs .row>div:last-child {

    margin-bottom: 0;

}

.expire-jobs.re-preview.mng-jbs .row>div:last-child .post-opt:last-child {

    margin-bottom: 5px;

}

.job-resum label {

    padding-left: 25px;

    text-align: left;

}



.job-resum label .checkmark {

    top: 5px;

}

.mng-jbs {

    padding: 70px 0;

}

ul.matches-job li {
    text-align: left !important;
    margin: 0 !important;
    border: 1px solid;
    display: inline-block;
    padding: 2px 6px !important;
    border-radius: 5px;
    margin-bottom: 5px !important;
}

ul.matches-job {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: start;
}

ul.matches-job li.enable {
    color: #028b02;
}

ul.matches-job li.disable {
    color: #9b9999;
}

.join-table-can thead tr th:nth-child(2) {
    display: flex;
    align-items: center;
}

.job-table thead tr th:nth-child(2) p {
    margin: 0;
}

.job-table thead tr th:nth-child(2) a {
    color: #9adef1;
    margin: 0 10px;
    font-size: 12px;
}

.job-table thead tr th:nth-child(2) select {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px;
    color: #fff;
    outline: none;
}

.job-table td h6 {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
}

.chat-filters a {
    border: 1px solid #d5d2d2;
    color: #0082a7;
    font-weight: 600;
}

.chat-filters a:first-child {
    border-radius: 6px 0px 0px 6px;
}

.chat-filters a:last-child {
    border-radius: 0px 6px 6px 0px;
    margin-left: -5px;
}

.chat-filters a:hover,
.chat-filters a.active {
    background-color: #0082a7;
    color: #fff;
    border-color: #0082a7;
}

.all-chats-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-color: #f8f9fa;
}

.repeat {
    font-size: 20px;
    color: #0082a7;
}

.all-chats-wids button {
    width: 100%;
}

.all-chats-wids button {
    display: flex;
    align-items: start;
    justify-content: space-between;
    border: 2px solid #fff;
    background-color: #f5f8fa;
    outline: none;
    padding: 11px;
    cursor: pointer;
}

.chat-txt {
    text-align: left;
}

.chat-txt span {
    font-size: 12px;
    color: #8d8c8c;
    margin-bottom: 3px;
    display: inline-block;
}

.chat-txt h6 {
    font-size: 18px;
    color: #000;
    margin-bottom: 4px;
}

.chat-txt p {
    font-size: 13px;
    color: #7b7b7b;
    margin: 0;
}

.chat-date span {
    font-size: 12px;
    color: #8d8c8c;
    margin-bottom: 3px;
    display: inline-block;
}

.all-chats-wids button.active {
    background-color: #e7f8fd;
    border-color: #000;
}

.all-chats-wids button:hover {
    background-color: #ecf0f2;

}

.all-chats-wids {
    height: 691px;
    overflow-y: scroll;
    padding-right: 10px;
    padding-top: 3px;
}

.all-chats-wids::-webkit-scrollbar {
    width: 6px;
}

.all-chats-wids::-webkit-scrollbar-thumb {
    background: #0082a7;
}

.all-chats-wids::-webkit-scrollbar-track {
    background: #f1f1f100;
}

.all-chats-wids::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*.job-table thead {*/

/*    display: none;*/

/*}*/

.job-table td h4 {

    font-size: 15px;

    margin: 0;

    font-weight: 700;

    color: #018cb3;

}

nav .dropdown-item i {

    margin-right: 9px;

    font-size: 18px;

}

.navbar-nav .fa-address-card {

    font-size: 16px;

}

.open-close-sec a {

    font-weight: bold;

    margin-right: 0px;

}

nav .prof-box a,
nav .prof-drop {

    font-weight: 700;

}

.prof-box .dropdown-item:focus,
.prof-box .dropdown-item:hover {

    background-color: rgb(243, 242, 241);

}

nav .prof-box .dropdown-item:focus,
nav .prof-box .dropdown-item:hover {

    /*color: #fff !important;*/

}

.job-table td p {

    margin: 0;

    font-size: 12px;

}

span.job-approve {

    background: #00637e;

    color: #fff;

    padding: 5px 20px;

    border-radius: 25px;

}

.manage-pagi .pagination {

    display: inline-block;

}

.manage-pagi .pagination a {

    color: #44494b;

    float: left;

    padding: 4px 24px;

    text-decoration: none;

    background-color: #ebeeef;

    border: 0;

    border-radius: 6px;

}

.manage-pagi .pagination a.active {

    background-color: #018cb3;

    color: white;

}

section.manage-pagi p {

    font-size: 14px;

    margin: 0;

}

section.manage-pagi .row {

    display: flex;

    align-items: center;

}

button.create-new {

    background-color: #018cb3;

    color: #fff;

    border: 0;

    padding: 6px 19px;

    border-radius: 5px;

}

.job-table table tr.create-row:hover {

    background-color: #fff;

}

.manage-pagi .pagination a:hover:not(.active) {
    background-color: #ddd;
}

/*Post job CSS End*/

/*story pop us css start*/

.story-modal .modal-header {

    background: url(../images/story-bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 30px;

}

.story-modal .modal-dialog {

    max-width: 750px;

}

.story-head-txt h3 {

    font-size: 30px;

}

.story-head-txt p {

    margin-bottom: 9px;

}

.story-modal .modal-header .close {

    color: #fff !important;

}

.story-form input {

    display: block;

    width: 100%;

    border: 1px solid #8e8d8d;

    padding: 6px 10px;

    border-radius: 5px;

    margin-bottom: 13px;

}



.story-form label {

    color: #000;

    font-weight: 600;

}



.story-form {

    padding: 10px;

}



.story-form label span {

    color: red;

    margin-left: 6px;

    font-size: 19px;

}

.story-head-txt {

    color: #fff;

}

.story-form p {

    font-size: 14px;

    color: #5a5858;

    padding-top: 20px;

}

.story-modal .modal-body {

    height: 420px;

    overflow-y: scroll;

}

.story-modal .modal-footer {}

.story-modal-w-btn {

    background-color: #ffffff;

    border: 1px solid #d2d0d0;

    padding: 10px;

    font-weight: 600;

    color: #15315e;

    font-size: 18px;

    border-radius: 10px;

}

.story-modal-b-btn {

    background-color: #0082a7;

    border: 1px solid #0082a7;

    padding: 10px;

    font-weight: 600;

    color: #fff;

    font-size: 18px;

    border-radius: 10px;

}

.story-modal-b-btn:hover {

    color: #fff;

}

.story-form textarea {

    display: block;

    color: #000;

    width: 100%;

    border: 1px solid #8e8d8d;

    padding: 6px 10px;

    border-radius: 5px;

    margin-bottom: 30px;

    resize: none;

    height: 100px;

}

.end-page img {

    width: 100%;

}



.end-page h3 {

    padding: 20px 0px;

}

.story-modal .modal-header.no-head {

    background: none;

    padding: 12px;

    border-bottom: 0;

}



.story-modal .modal-header.no-head .story-head-txt {

    display: none;

}



.story-modal .modal-header.no-head .close {

    color: #000 !important;

}

/*story pop us css end*/

/*help center css start*/

.banner-content h2 {

    font-size: 44px;

    line-height: 1.1;

    margin: 22px 0;

}

.acc-inner {

    background-color: #fff;

}

.banner-content h5 {

    color: #085ff7;

    font-size: 18px;

    font-weight: bold;

}



.banner-in input {

    border-radius: 50px;

}



.banner-in a {

    border-radius: 0px 50px 50px 0px;

    background-color: #085FF7;

    color: #fff;

    padding: 10px;

}

.view-story-btn {

    margin-top: 9px;

    display: inline-block;

}

.edu-heading h2 {

    font-size: 20px;

    font-weight: 700;

    color: #333;

    margin: 0 0px 0 15px;

}

.edu-im select {

    width: 10%;

    float: right;

    margin-top: -47px;

}

.edu-banner .input-group {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 70%;

}

.edu-im {

    position: relative;

}



.edu-im:before {

    content: '';

    background-image: url(..//images/head.png);

    width: 100%;

    height: 460px;

    background-position: right;

    background-repeat: no-repeat;

    position: absolute;

    top: 0px;

    right: 0;

}

.edu-banner {

    padding: 197px 0;

}



.side {

    margin-top: 100px;

}

.help-all {

    text-align: center;

}



.edu-help-heading h4 {

    font-size: 15px;

    color: #000;

    margin: 40px 0 0 0;

}



.edu-im-inner img {

    width: auto;

}

.edu-help {

    background-color: #f6f5f5;

    padding: 80px 0;

}

.help-all {

    background-color: #fff;

    padding: 80px 0px;

    border-radius: 10px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    max-height: 305px;

    margin: 30px 10px;

}





.edu-en {

    margin-top: 30px;

}



.edu-fot h3 {

    font-size: 24px;

    font-weight: bold;

}



.edu-en span {

    font-size: 18px;

    color: black;

    margin-left: 8px;

}

.fot-copy ul li {

    display: inline-block;

    margin: 50px 0 0 0;

    font-size: 14px;

}





.accordion .btn-link {

    font-weight: 400;

    color: #333;

    font-weight: 700;

    background-color: transparent;

    text-decoration: underline;



}

.accordion .card {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 0px solid rgba(0, 0, 0, .125);

    border-radius: 0.25rem;

    box-shadow: none;

}

.accordion .card-header {

    padding: 0.75rem 1.25rem;

    margin-bottom: 0;

    background-color: transparent;

    border-bottom: 0px solid rgba(0, 0, 0, .125);

}

.accordion {

    background-color: #F6F5F5;

    padding: 40px 0;

}

.accordion .breadcrumb {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 0.75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    background-color: #f6f5f5;

    border-radius: 0.25rem;

}

.accordion .card-body ul li {

    padding: 10px 0;

}

.th h4 {

    font-size: 22px;

    font-weight: 700;

    margin: 25px 0;

}

.fo ul li {

    line-height: 13px;

}



.fo h5 {

    font-size: 20px;

    font-weight: 700;

}

.fv h5 {

    font-size: 20px;

    font-weight: 700;

}

.si p {

    font-size: 15px;

    margin: 30px 0;

}



.si h5 {

    font-size: 20px;

    font-weight: 700;

}

.sev h5 {

    font-size: 20px;

    font-weight: 700;

}



.sev p {

    font-size: 15px;

    margin: 30px 0;

}

.ei h5 {

    font-size: 20px;

    font-weight: 700;

}



.ei p {

    font-size: 15px;

    margin: 30px 0;

}

.right-side {

    background-color: #fff;

    padding: 25px;

    border-radius: 8px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.right-side ul li {

    padding: 10px 0;

    text-decoration: underline
}



.right-side ul li a {

    text-decoration: underline;

}





.right-si {

    background-color: #fff;

    padding: 25px;

    margin: 70px 0;

    border-radius: 8px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.right-si ul li {

    padding: 10px 0;

    text-decoration: underline
}



.right-si ul li a {

    text-decoration: underline;

}







.right-company {

    background-color: #fff;

    padding: 25px;

    margin: 70px 0;

    border-radius: 8px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.right-company ul li {

    padding: 10px 0;

    text-decoration: underline
}



.right-company ul li a {

    text-decoration: underline;

}





.right-account {

    background-color: #fff;

    padding: 25px;

    border-radius: 8px;

    margin: 70px 0;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.right-account ul li {

    padding: 10px 0;

    text-decoration: underline
}



.right-account ul li a {

    text-decoration: underline;

}



.right-side ul li:first-child {

    font-size: 18px;

    font-weight: 700;

}



.right-si ul li:first-child {

    font-size: 18px;

    font-weight: 700;

}



.right-company ul li:first-child {

    font-size: 18px;

    font-weight: 700;

}



.right-account ul li:first-child {

    font-size: 18px;

    font-weight: 700;

}

.right-side ul li a {

    color: #333;

}

.right-si ul li a {

    color: #333;

}

.right-company ul li a {

    color: #333;

}

.right-account ul li a {

    color: #333;

}

.head-logo img {

    width: 40%;

    margin-top: 5px;

}

.head-search input {

    position: relative;

    width: 90%;

    padding: 9px 20px;

    border-radius: 30px;

    border: 1px solid #ccc;



}



.head-search a {

    position: absolute;

    top: 20px;

    right: 16px;

    background-color: #075ff7;

    color: #fff;

    padding: 10px 15px;

    border-radius: 60%;

    font-size: 16px;

    display: inline-block;

}

.head-search {

    margin-top: 20px;

    text-align: right;

}

section.inner-page {

    padding-top: 128px;

    padding-bottom: 50px;



}

.acc-inner .card-body {



    padding: 1.25rem 2rem;

}

.help-main-heading {

    text-align: center;

    margin: 40px 0;

}



.help-main-heading h2 {

    font-size: 30px;

    color: #2d2d2d;

    font-weight: 700;

}



.help-search-in {

    text-align: center;

}



.help-search-in input {

    width: 60%;

    border-radius: 7px;

    padding: 5px;

    border: 1px solid #ccc;

}



.help-search-in a {

    background-color: #2557A7;

    color: #fff;

    padding: 10px 50px;

    display: inline-flex;

    border-radius: 10px;

    margin-left: 50px;

}

.help-main {

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 50px 0;

    margin: 30px 0;

    padding-top: 180px;



}

.edu-account {

    text-align: center;

    border: 2px solid #ccc;

    padding: 40px 0;

    margin: 30px 0;

    min-height: 304px;

    width: 80%;

}



.edu-account h3 {

    color: #2557a7;

    font-size: 30px;

    font-weight: 400;

    margin-top: 30px;

}



/*help center css end*/

/*explore stories css start*/

.car-cls {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}

.carousel-item.active img {

    width: 100%;

    height: 360px;

    object-fit: cover;

}

.bnr-heading h1 {

    color: #000;

    font-size: 72px;

}

.blog-blk2 span img {

    width: 100%;

}



.blog-text {

    padding: 30px 30px 50px;

    margin-bottom: 60px;

    position: relative;

    z-index: 999999999;

    background-color: #fff;

    border-radius: 10px;



}



.blog-text h3 {

    font-size: 32px;

    line-height: 34px;

    margin-bottom: 0;

    font-family: "Noto Sans", sans-serif;

    font-weight: 600;

}



a.supply-btn {

    border: 1px solid #D4D2D0;

    color: #2557A7;

    background-color: transparent;

    padding: 8px 20px;

    border-radius: 5px;

}



.blog-text p {

    margin: 30px 0;

    color: #2D2D2D;

    font-family: "Noto Sans", sans-serif;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    min-height: auto;



}



.blog-blk2 {

    box-shadow: 0 0 30px #0000001f;

    margin-bottom: 50px;

}



section.all-stories {

    padding: 100px 0;

}



.mid-banner {

    background-image: url(..//images/bike.jpg);

    width: 100%;

    /* height: 100%; */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 250px 30px 100px;

}

.mi-banner-content p {

    margin: 0 auto;

    font-size: 30px;

    font-weight: bold;

    line-height: 35px;

    margin-bottom: 25px;

    color: #fff;

    text-align: center;

    width: 50%;



}

section.mid-banner {

    position: relative;

    margin-top: -250px;

    z-index: -1;

}

.blog-h {

    min-height: 310px;

}

.mi-banner-content a {

    margin: 40px auto;

    font-size: 20px;

    font-weight: bold;

    line-height: 60px;

    margin-bottom: 25px;

    color: #fff;

    text-align: center;

    display: block;

    background-color: #3F73D3;

    width: 13%;

    border-radius: 15px;

    border: 2px solid #3F73D3;

}



.mi-banner-content a:hover {

    background-color: transparent;

    border: 2px solid #fff;

    color: #fff;

}

.l-p {

    display: flex;

    align-items: center;

    justify-content: center;

}

.ft-content p {

    font-size: 17px;

    margin: 2px 0 0 0;

    border-left: 1px solid;

    padding-left: 30px;

}

.ft-logo img {

    padding-right: 15px;

}



.ft-all {

    padding: 0px 0 50px;

}

.explore-head .carousel-item.active img {

    max-width: 100%;

}

.explore-head .carousel-item.active {

    margin: 0;

    padding: 0;

}

section.sec-inner-header {

    background-color: #fff;

    padding: 10px 0px;

    border-bottom: 4px solid #018cb3;

}



.share-story-form a {

    display: inline-block;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    background-color: #018cb3;

    padding: 10px 20px;

    border-radius: 10px;

    border: 1px solid #018cb3;

}



.share-story-form a:hover {

    color: #018cb3;

    background-color: transparent;

}



section.sec-inner-header .row {

    display: flex;

    align-items: center;

}



.share-story-form {

    text-align: right;

}



/*----Supply Page Start----*/

.stories .blog-blk2 {

    box-shadow: 0 0 10px 0px #0000001f;

}

.stories .slick-prev:before {

    content: '\f053';

    font-family: 'FontAwesome';

    font-size: 30px;

    color: #018cb3;

    border: 1px solid #b1afaf;

    padding: 10px 14px;

    border-radius: 5px;

    background-color: #fff;

}

.stories .slick-next:before {

    content: '\f054';

    font-family: 'FontAwesome';

    font-size: 30px;

    color: #018cb3;

    border: 1px solid #b1afaf;

    padding: 10px 14px;

    border-radius: 5px;

    background-color: #fff;

}

.stories .slick-prev {

    left: -16px;

    z-index: 999;

}

.stories .slick-next {

    right: 16px;

    top: 50% !important;

}

.supply-vi iframe {

    width: 100%;

    height: 500px;

}

section.video-ir {

    background-color: #2d2d2d;

    padding: 15px 0;

}

.sli {

    margin: 40px 10px;

}

.video-sl .blog-blk {

    box-shadow: 0 0 10px #0000001f;

    margin-bottom: 50px;

}



.video-sl .slick-dotted.slick-slider {

    margin-bottom: 50px;

    position: relative;

    z-index: 999;

}

.video-sl .slick-next:before {

    content: '\f054';

    font-family: 'FontAwesome';

    color: #000;

    border: 2px solid #ececec;

    padding: 15px;

    border-radius: 10px;

}

.video-sl .slick-prev:before {

    content: '\f053';

    font-family: 'FontAwesome';

    color: #000;

    border: 2px solid #ececec;

    padding: 15px;

    border-radius: 10px;

}

.video-sl .slick-next {

    right: 5px;

}

.video-sl .slick-prev {

    left: -22px;

    z-index: 9999;

}

.video-sli-heading h2 {

    font-size: 48px;

    line-height: 48px;

    font-weight: 700;

}

.video-sli-heading {

    width: 70%;

}

.heading-link {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

.video-view-all a {

    font-size: 17px;

    font-weight: 600;

    border: 1px solid #D4D2D0;

    padding: 8px 40px;

    border-radius: 10px;

}

.video-view-all {

    width: 100%;

    text-align: right;

}

.science-heading h2 {

    line-height: 49px;

    font-size: 45px;

    font-weight: 700;

    color: #2D2D2D;

}



.science-content p {

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

}



.science-icon ul li {

    display: inline-flex;

    padding: 5px 10px;

}



.science-icon ul li a {

    color: #2D2D2D;

    font-size: 24px;

}

.video-science {

    padding: 100px 0;

}

.science-icon ul li a:hover {

    color: #2557A7;

}

.stories .slick-slide {

    height: auto;

    position: relative;

}

/*---Supply Page End----*/

/*----Help Form Page Start----*/



.h-content h2 {

    font-size: 72px;

    line-height: 72px;

    margin-bottom: 50px;

    font-weight: 700;

}

.h-content p {

    color: #2D2D2D;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    margin: 0px 0 60px 0;

}

.help-form {

    background-color: #d8d8d8;

    padding: 30px 0;

}

.h-f-all {

    background-color: #fff;

    padding: 60px 125px;

    border-radius: 10px;

}

.f-name label {

    width: 100%;

}



.f-name input {

    width: 100%;

    border: none;

    padding: 10px;

    border-bottom: 1px solid #ccc;

}

.help-email label {

    width: 100%;

}



.help-email input {

    width: 100%;

    border: none;

    padding: 10px;

    border-bottom: 1px solid #ccc;

}



.help-email {

    margin: 20px 0;

}

.help-email textarea {

    width: 100%;

    border: none;

    border-bottom: 1px solid #ccc;

    resize: none;

}

.f-name span {

    color: red;

    margin-right: 7px;

}

.help-email label span {

    color: red;

    margin-right: 7px;

}

.f-name label {

    font-size: 16px;

    font-weight: 600;

}

.help-email label {

    font-size: 16px;

    font-weight: 600;

}

.help-email button {

    background-color: #018cb3;

    border: 1px solid #018cb3;

    color: #fff;

    padding: 10px 20px;

    display: inline-block;

    margin-top: 20px;

    font-weight: 600;

    border-radius: 10px;

    cursor: pointer;

}

.help-email a:hover {

    background-color: transparent;

    color: #000;

    border: 1px solid #000;

    font-weight: 600;

}

.f-name input:focus-visible {

    outline: none;

}

.help-email input:focus-visible {

    outline: none;

}

.help-email textarea:focus-visible {

    outline: none;

}



/*----Help Form Page End----*/

section.employer-req-sec {

    padding-top: 180px;

}

.employer-req-logo a h6 {

    color: #018bb2;

    font-weight: 900;

    text-transform: capitalize;

    font-size: 30px;

}



section.emplyer-req-sub ul {

    display: flex;

}



section.emplyer-req-sub ul li {

    margin-right: 6px;

}



section.emplyer-req-sub ul li a {

    color: #0082a7;

}



.emp-sub-req-form {

    padding: 40px;

    background-color: #f1f1f1;

    margin: 20px 0;

}



.emp-sub-req-form label {

    display: block;

    font-weight: 600;

    font-size: 18px;

    margin-bottom: 10px;

}



.emp-sub-req-form select {

    margin-bottom: 10px;

    width: 250px;

    padding: 5px;

}

.hidden {

    display: none;

}

/*explore stories css end*/

/*submit request css start*/

.reg-form-main label {

    display: block;

    color: #726e6e;

}



.reg-form-main label span {

    color: #d60404;

    font-weight: 600;

}



.reg-form-main input {

    width: 100%;

    border: 1px solid #c6c5c5;

    border-radius: 26px;

    margin-bottom: 20px;

    padding: 7px 20px;

}



.reg-form-main select {

    width: 100%;

    border: 1px solid #c6c5c5;

    padding: 7px 20px;

    border-radius: 26px;

    margin-bottom: 20px;

}

.reg-form-main select:focus-visible {

    outline-color: #0082a759;

}

.reg-form-main input:focus-visible {

    outline-color: #0082a759;

}

.reg-form-main textarea {

    width: 100%;

    border: 1px solid #c6c5c5;

    border-radius: 26px;

    margin-bottom: 20px;

    padding: 7px 20px;

    height: 175px;

    resize: none;

}



.reg-form-main textarea:focus-visible {

    outline-color: #0082a759;

}

.reg-form-main button {

    background-color: #0082a7;

    color: #fff !important;

    display: inline-block;

    padding: 10px 31px;

    border-radius: 30px;

    margin-right: 10px;

    border: 1px solid #0082a7;

    font-size: 20px;

    display: flex;

    margin: 0 auto;

    cursor: pointer;

}

.not-employer {

    background-color: #fff;

    padding: 20px;

}



.not-employer a {

    color: #0082a7;

    font-size: 18px;

    font-weight: 600;

}

.not-employer a:hover {

    color: #000;

}

.not-employer li {

    margin: 10px 0px;

}

.welcome-div {

    text-align: center;

    padding: 30px 10px;

    margin: 30px 0px;

}



.welcome-div h5 {

    font-size: 26px;

}



.welcome-div p {

    font-size: 14px;

    margin: 0;

}

.fast-answers h5 {

    font-size: 15px;

    margin-bottom: 20px;

}

.fast-ans-lst {

    background-color: #fff;

    padding: 21px;

}



.fast-ans-lst a {

    color: #000;

    font-weight: 500;

    text-decoration: underline !important;

}



.fast-ans-lst li {

    margin-bottom: 19px;

}



.fast-ans-lst a:hover {

    color: #0082a7;

}

/*submit request css end*/

/*not employee css start*/

.not-emp-help {

    padding-top: 180px;

}

.help-divs {

    background-color: #f8f8f8;

    padding: 26px;

}



.help-divs li a {

    color: #004789;

    font-weight: 500;

    font-size: 18px;

}

.help-divs li a:hover {

    text-decoration: underline !important;

}

.help-divs li {

    margin-bottom: 8px;

}



.help-divs h3 {

    margin-bottom: 18px;

}

.personal-a a {

    color: #0082a7;

    font-size: 14px;

}



.personal-a {

    text-align: center;

    padding: 30px;

}

section.personal-info-sec {

    padding-top: 190px;

}



.do-not-sell h5 {

    font-size: 30px;

    font-weight: 400 !important;

}



.do-not-sell h5 span {

    display: block;

}



.do-not-sell img {

    margin: 20px 0;

}

.do-not-sell li {

    list-style: disc;

}



.do-not-sell ul {

    padding-left: 48px;

    margin: 20px 0;

}

/*not employee css end*/

/*personal data css start*/

section.personal-data-sec {

    padding-top: 180px;

    background-color: #f2f2f2;

    padding-bottom: 50px;

}

.personal-data-form {

    background-color: #fff;

    padding: 40px;

    width: 80%;

    margin: 0 auto;

}



.personal-data-form form p {

    font-weight: 600;

    margin-bottom: 6px;

}



.personal-data-form form p span {

    font-weight: 500;

    font-size: 14px;

}

.data-disclaimer {

    background-color: #fff0ef;

    padding: 30px;

    display: flex;

    align-items: center;

}



.data-disclaimer i {

    color: #c00d0d;

    font-size: 26px;

    padding: 30px;

}



.data-disclaimer p {

    font-weight: 400 !important;

    font-size: 14px;

}

/*personal data css end*/

@media only screen and (min-device-width:520px) and (max-device-width:767px) and (orientation:portrait) {}

@media only screen and (min-device-width:120px) and (max-device-width:750px) and (orientation:landscape) {}

@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:portrait) {}

@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:landscape) {}

@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:portrait) {}

@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:landscape) {}

@media only screen and (min-width: 1366px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}

.industry-btn input {

    position: absolute;

    opacity: 0;

}

.industry-btn label {

    width: 100%;

    text-align: center;

    display: inline-block;

    background-color: #018cb3;

    color: #fff;

    width: 100%;

    margin-bottom: 20px;

    padding: 18px 0;

    border-radius: 45px;

    font-size: 24px;

    text-transform: uppercase;

    cursor: pointer;

}

.industry-btn input[type=radio]:checked~label {

    background-color: #000000;

}

/*29-11-2021*/

.manage-drop-down ul {

    left: -30px;

    top: 37px;

}

.manage-drop-down ul li:hover {

    background-color: #018cb3;

}

.manage-drop-down ul li:hover a {

    color: #fff !important;

}

.manage-drop-down ul li:hover i {

    color: #fff;

}

.dash-sign-sec .dash-sign-blk h4 {

    font-size: 50px;

    padding: 23px;

    text-transform: uppercase;

    text-align: center;

    font-family: "GT Walsheim-pro-bold";

}

.dash-sign-sec .dash-sign-blk p {

    font-size: 23px;

    color: #646666;

    padding-bottom: 0px;

    text-align: left;

    font-family: "GT Walsheim-pro-regular";

}

.dash-sign-sec .dash-sign-blk input {

    width: 100%;

    padding: 10px 50px;

    margin-bottom: 0;

}

.attch {

    min-height: 0 !important;

}

.dash-sign-sec .dash-sign-blk span input {
    margin-bottom: 30px;
    border-radius: 25px;
    outline: none;
    border: 2px solid #cecece;
}

.dash-sign-sec .dash-sign-blk button {

    width: 100%;

    border: 1px solid #018cb3;

    background-color: #018cb3;

    color: #fff;

    text-transform: uppercase;

    font-size: 20px;

    padding: 10px 0;

    border-radius: 25px;

}

.dash-sign-sec .dash-sign-blk h4 span {

    color: #018cb3;

}

.dash-sign-sec .dash-sign-blk span {

    position: relative;

}

.dash-sign-sec .dash-sign-blk span::before {

    position: absolute;

    width: 14px;

    height: 22px;

    font-family: 'FontAwesome';

    left: 19px;

    top: 0;

    color: #646666;

}

.dash-sign-blk span.user1::before {
    content: '\f007';
}

.dash-sign-blk span.user2::before {

    content: '\f0e0';

}

.dash-sign-blk span.user3::before {
    content: '\f095';
}

.dash-sign-blk span.user4::before {
    content: '\f041';
}

.dash-sign-blk span.user5::before {

    content: '\f13e';

}

.dash-sign-blk span.user6::before {
    content: '\f13e';
}

.dash-sign-sec .dash-sign-blk {

    width: 60%;

    box-shadow: 0 0 20px #0000001c;

    padding: 50px 50px 70px;

    background-color: #fefeff;

    border-radius: 35px;

    margin: 0 auto;

    margin-top: 110px;

}

datalist {

    display: none;

}

/* specifically hide the arrow on focus */

input::-webkit - calendar - picker - indicator {

    display: none;

}

input::-webkit-calendar-picker-indicator {

    opacity: 0;

}

section.dash-sign-sec {

    padding: 60px 0 80px;

}

.pst-jp {

    width: 100%;

}

.show-confirm ul {

    float: right !important;

    margin: 0 !important;

}

.show-confirm ul li {

    margin: 0 !important;

}

.post-opt label {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

/* Hide the browser's default radio button */

.post-opt label input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}

/* Create a custom radio button */

.checkmark {

    position: absolute !important;

    top: 12px;

    left: 0;

    height: 16px;

    width: 16px;

    background-color: #eee;

    border-radius: 50%;

}

/* On mouse-over, add a grey background color */

.post-opt label:hover input~.checkmark {

    background-color: #ccc;

}

/* When the radio button is checked, add a blue background */

.post-opt label input:checked~.checkmark {

    background-color: #2196F3;

}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}

/* Show the indicator (dot/circle) when checked */

.post-opt label input:checked~.checkmark:after {

    display: block;

}

/* Style the indicator (dot/circle) */

.post-opt label .checkmark:after {

    top: 5px;

    left: 5px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: white;

}

.post-opt p {

    margin: 0;

    font-size: 17px;

    color: #878787;

}

.post-opt p span {

    color: #615d83;

    font-size: 18px;

}

.post-opt {

    border: 1px solid #9a9a9a;

    padding: 4px 10px 0px;

    border-radius: 10px;

    margin-bottom: 20px;

}

.dash-sign-blk form span::after {

    content: "";

    position: absolute;

    top: -2px;

    left: 7%;

    border-right: 2px solid #c7c7c7;

    height: 28px;

    z-index: 1;

}

.post-opt p span::after {

    display: none;

}

.post-opt label input:checked~.checkmark {

    background-color: #018cb3;

}

.scool-logo img {

    width: 100%;

}

button.submit-form {

    background-color: #0082a7;

    color: #fff !important;

    display: inline-block;

    padding: 10px 20px !important;

    border-radius: 30px;

    margin-right: 10px;

    border: 0;

    cursor: pointer;

}

button.submit-form:hover {

    background-color: #679fb0;

}

.navbar-nav .dropdown-menu {

    right: 0;

    left: auto;

    width: 370px;

    padding: 5px 0 0 0;

    top: 105%;

}

div.email-id {

    padding: 10px 20px 10px;

    font-family: 'GT Walsheim-pro-regular';

    font-weight: bold;

    color: #6e6e6e;

}

.prof-box>div.email-id:first-child {

    color: #333;

}

.bottom-row {

    background-color: #fff;

}

.re-preview h4 {

    margin-bottom: 19px;

}

.yop-icn a.edit-document {

    background-color: #0082a7;

    color: #fff !important;

    display: inline-block;

    padding: 10px 20px !important;

    border-radius: 30px;

}

.yop-icn a.edit-document:hover {

    background-color: #004789;

}

.re-modal .modal-header button {

    position: relative;

    top: -7px;

}

.re-modal .modal-footer button {

    color: #fff !important;

    display: inline-block;

    padding: 10px 20px !important;

    border-radius: 30px;

}

.re-modal .modal-footer button.btn-primary {

    background-color: #0082a7;

}

.re-modal .modal-footer button.btn-primary: hover {

    background-color: #004789;

}

.contact-page .cont-info {

    display: flex;

    padding: 25px 0;

    border-bottom: 1px solid;

    align-items: center;

}

.contact-page .cont-info .cntct-rnd {

    width: 65px;

    height: 65px;

    border: 1px solid;

    border-radius: 50%;

    text-align: center;

    font-size: 31px;

    line-height: 56px;

    min-width: 65px;

}

.contact-page .cont-info .cntct-rnd .fa-envelope {

    font-size: 23px;

    position: relative;

    top: -2px;

}

.contact-page .cntc-info-blk {

    padding-left: 15px;

}

.contact-page .cont-info:last-child {

    border: none;

}

.contact-page .lft-sec .post-title {

    background-color: #0082a7;

}

.contact-page .lft-sec .post-title * {

    color: #fff;

    opacity: 1;

}

.contact-page .ryt-sec .post-sec {

    border-radius: 0;

}

.contact-page .ryt-sec .row>div {

    padding: 0 6px;

    margin-bottom: 23px;

}

.contact-page .ryt-sec .row {

    margin: 0;

}

.contact-page .ryt-sec textarea {

    min-height: 85px;

}

.contact-page .ryt-sec input,
.contact-page .ryt-sec textarea {

    border: none;

    border-bottom: 1px solid #ccc;

    border-radius: 0;

    font-size: 14px;

}

.social-connect li a {

    display: inline-block;

    width: 100%;

    padding: 10px 12px;

    color: #fff;

    margin-top: 10px;

}

.social-connect li a.fb-s {

    background-color: #516eaa;

}

.social-connect li a.tw-s {

    background-color: #29c5f6;

}

.social-connect li a.li-s {

    background-color: #ea6060;

}

.social-connect li a i {

    width: 25px;

    border-right: 1px solid;

    margin-right: 10px;

}

.social-connect .posts-headings h3 {

    margin-bottom: 30px;

}

.login-drop .btn {

    background: none;

    margin-right: 10px;

    outline: none;

}

.navbar-nav .login-drop .dropdown-menu {

    width: 200px;

    right: 15px;

    padding-bottom: 7px;

}

.login-drop a {

    padding: 6px 15px !important;

}

.login-drop .dropdown-item i {

    width: 19px;

}

.rate-panel .btnrating {

    width: 20%;

    float: left;

    border-radius: 0;

    background: none;

    border-right: 1px solid #ced4da;

    padding: 5px 10px;

    font-weight: 500;

}

.rating-ability-wrapper {

    border: 1px solid #ced4da;

    display: inline-block;

    width: 100%;

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 0 !important;

}

.rate-panel .btnrating:last-child {

    border-color: #fff;

}

.review-form h4 {

    font-size: 20px;

}

.rev-form p {

    margin-bottom: 4px;

}

.review-form h4,
.review-form h5 {

    font-size: 20px !important;

}

.review-form h5 {

    margin-bottom: 7px;

}

.rev-form {

    margin-bottom: 30px;

}

.r-message {

    margin-bottom: 30px;

}

.rate-panel .btnrating.btn-warning {

    background: #2557a7 !important;

    border-color: #2557a7 !important;

    color: #fff;

    box-shadow: none;

}

.agree-comment li {

    font-size: 14px;

    width: 50%;

}

.agree-comment {

    display: flex;

}

.agree-comment li:last-child {

    text-align: right;

}

.r-message li {

    list-style-type: disc;

}

.r-message ul {

    padding-left: 20px;

}

.rev-form .s-rev {

    display: inline-block;

    width: 100%;

    margin-bottom: 16px;

}

.rev-form .s-rev li {

    font-size: 25px;

}

.review-form h3 {

    font-size: 24px;

    margin-bottom: 20px;

}

ul.count-char {

    margin: -7px 0 2px;

}

.rev-form .row>div {

    margin-bottom: 15px;

}

.rate-panel.yn button {

    width: 50%;

}

.rev-form textarea {

    min-height: 150px;

}

.final-step .r-message p {

    margin-bottom: 0;

}

.final-step .preview-rev {

    border: 1px solid #ccc;

    border-radius: 6px;

    padding: 20px;

    margin-bottom: 30px;

}

.final-step .rate-pre {

    display: flex;

}

.final-step .rate-pre li {

    display: inline-block;

    color: #018cb3;

}

.final-step .rate-pre ul {

    margin: 0 0 0 7px;

}

.status-pre p {

    font-size: 14px;

}

.pros-pre i {

    color: green;

}

.con-pre i {

    color: red;

}

.pros-con .inner-items {
    padding-left: 10px;
}

.pros-pre,
.con-pre {

    display: flex;

    align-items: baseline;

}

.pros-pre {

    margin-bottom: 15px;

}

.other-pre h6 {

    font-weight: 700;

}

.btn-to-step input {

    background: none;

    color: #004789;

    border: navajowhite;

    padding: 13px 15px;

    border-radius: 7px;

    width: 100%;

    font-weight: 600;

}

.btn-to-step.two-btn {

    border: 1px solid #004789;

    border-radius: 9px;

    display: inline-block;

    width: 100%;

    overflow: hidden;

    margin-top: 30px;

}

.btn-to-step.two-btn> :last-child {

    background: #004789;

    color: #fff;

    cursor: pointer;
}

.btn-to-step.two-btn>* {

    width: 50%;

    float: left;

    border-radius: 0;

    cursor: pointer;
}

.pop-com .feature-details {

    padding: 15px;

}

.pop-com li {

    display: inline-block;

    color: #018cb3;

    font-size: 18px;

}

.pop-com ul {

    margin: 0;

    display: inline-block;

    margin-right: 6px;

}

.pop-com a {

    color: #018cb3;

}

.rev-box {

    display: flex;

    align-items: start;

    border-bottom: 1px solid #eee;

    margin: 30px 0 30px;

    padding-bottom: 10px;

}

.rev-box .rate-pre {

    width: 150px;

    text-align: center;

}

.rev-box .rate-pre span {

    font-size: 25px;

    font-weight: 700;

    line-height: 26px;

    border-bottom: 1px solid;

    padding: 0 0 5px;

    display: inline-block;

    margin-bottom: 0;

}

.rate-pre li {

    display: inline-block;

    font-size: 8px;

    color: #018cb3;

}

.rev-box .preview-rev {

    padding-left: 15px;

}

.view-com .company-title {
    margin-bottom: 35px;
}

.over-all-r {

    border: 1px solid #eee;

    border-radius: 10px;

    padding: 20px;

    text-align: center;

    top: 10px
}

.over-all-r b {

    font-size: 30px;

}

.over-all-r li {

    font-size: 25px;

}

.over-all-r ul {

    margin-bottom: 10px;

}

.over-all-r p {

    margin-bottom: 7px;

}

/*MAIN SLIDER SETTINGS*/

.carousel-item.active {

    padding: 200px 0 0px;

}

.carousel-item.active img {

    position: relative;

    max-width: 1290px;

    margin: 0 auto;

    display: block;

}

.inner-cap a.banner-btn {

    background-color: #0082a7;

    color: #fff !important;

    display: inline-block;

    padding: 15px 31px !important;

    border-radius: 30px;

    margin-right: 10px;

    font-size: 18px;

    font-weight: 400 !important;

    font-family: 'GT Walsheim-pro-regular';

    text-transform: capitalize;

}

.inner-cap a.banner-btn:hover {

    background-color: #003f84;

}

.inner-cap.no-flex {
    flex-direction: column;
}

.inner-cap.no-flex h4 {

    top: 0;

    margin-top: 100px;

}

.main-rev h6,
.main-rev ul {

    display: inline-block;

}

.main-rev ul {

    margin-bottom: 0;

}

.main-rev h6 {

    text-transform: capitalize;

    /* font-family: "GT Walsheim-pro-bold"; */

    font-size: 28px;

    margin: 0;

    position: relative;

    top: -6px;

    margin-right: 5px;

    font-weight: 700;

}

.main-rev li {

    font-size: 30px;

    margin-right: 6px;

}

.main-rev {

    text-align: center;

}

.main-rev>div>div {

    background: rgba(51, 162, 194, .1);

    /* max-width: 900px; */

    margin: 0 auto 80px;

    padding: 33px 0 30px;

    border-radius: 10px;

}

footer h4 {

    font-size: 20px;

}

.about-page p {

    text-align: justify;

}

.cont-info p {

    margin-bottom: 0;

}

.get-matched .col-md-9 {

    padding-left: 40px;

}

table .btn-primary {

    background-color: #008CB3;

}



table a {

    color: #008CB3;

}

table .btn-primary:hover {



    background-color: #02478A;

    border-color: #02478A;

}

.job-table .btn-primary {

    font-size: 14px;

}

footer {

    overflow: hidden;

}

header .dropdown-toggle::after {

    position: unset;

}

/*FAQ*/

.edu-faq {

    padding: 60px 0 40px;

}



.edu-faq h2 {

    margin-bottom: 10px;

}



.edu-faq .title-heading p {

    max-width: 600px;

    text-align: center;

    margin: 0 auto 0px;

}



.edu-faq .title-heading {

    margin-bottom: 50px;

}



.edu-faq .card-header {

    background: none;

}



.edu-faq .card {

    border-radius: 0 !important;

    background: transparent;

    margin-bottom: 15px;

}



.edu-faq .card button {

    color: #000;

    text-decoration: none;

    width: 100%;

    text-align: left;

}



.edu-faq .card button i {
    margin-right: 5px;
}



.edu-faq .btn-link i {

    transform: rotate(45deg);

    transition: all 350ms ease-in-out;

    color: #008CB3;

}



.edu-faq .btn-link.collapsed i {

    transform: rotate(0);

    color: #000;

}

/*END FAQ*/



.prof-box .dropdown-item:hover i {

    color: #0082a7;

}



/* MATCHES PAGE */

.user-info li {

    display: inline-block;

    margin-right: 5px;

}



.user-info li.m-company {

    color: #a6a6a6;

    font-size: 12px;

}



.match-holder {

    font-size: 14px;

}



.matches-sec i {

    color: #0082a7;

}



.m-info p {

    margin: 0;

    background-color: #0082a7;

    display: inline-block;

    color: #fff;

    font-weight: 700;

    padding: 3px 5px;

    border-radius: 5px;

    margin: 5px 0 0;

    font-size: 12px;

}



.user-info li.m-name {

    color: #0082a7;

    font-weight: 700;

}



.exp-head {

    font-weight: 700;

    margin: 15px 0 5px;

}



.exp-head i {

    margin-right: 5px;

}



.exp-match li span {

    color: #a6a6a6;

    font-size: 12px;

}

.edit-form button {

    padding: 7px 40px;

    border-radius: 40px;

    margin-top: 30px;

}

.match-btn a {

    background-color: #0082a7;

    color: #fff;

    text-decoration: none;

    display: inline-block;

    padding: 9px 26px;

    font-weight: 700;

    border-radius: 20px;

}

.matches-sec .match-holder {

    border: 1px solid #a6a6a6;

    padding: 20px 15px;

    border-radius: 9px;

    background-color: #fff;

}

.matches-sec {

    background-color: #f6f6f6;

    padding: 70px 0;

}

.btn-primary {

    color: #fff;

    background-color: #0082a7;

    border-color: #0082a7;

    border-radius: 20px;

}

.btn-primary:hover {



    background-color: #004789;

    border-color: #004789;



}



/* ========== RESPONSIVE ========== */

/*=============RESPONSIVE 1199PX =============*/

@media all and (max-width: 1199px) {

    /*HOME*/

    .navbar-expand-md {

        padding: 0;

    }

    .bottom-row {

        padding-top: 10px;

    }

    a.navbar-brand img {

        max-width: 150px;

    }

    a.nav-item.nav-link {

        padding: 0 10px !important;

    }

    .bnr-heading h1 {

        font-size: 65px;

    }

    .simple-images {

        width: 200px;

        height: 200px;

        display: inline-block;

    }

    .simple-images img {

        padding: 50px 60px 50px;

    }

    .simp-img3 img {

        padding: 50px 60px 50px;

    }

    .step-txt1::before,
    .step-txt2::before {

        width: 105px;

        height: 28px;

        left: auto;

        right: -52px;

        background-size: 105px;

    }

    .simple.Steps>div>div {

        text-align: center;

    }

    .bnr-heading h2 {

        font-size: 65px;

    }

    section.simple-steps {

        padding-top: 100px;

        padding-bottom: 120px;

    }

    .get-matched .row>div:last-child {

        padding-left: 40px;

    }

    .get-title h2::before {

        left: -285px;

    }

    footer .row.rw-h>div {

        padding: 0;

    }

    /*END HOME*/

    .inner-cap h4 {

        font-size: 65px;

    }

    .post-title p {

        font-size: 14px;

    }

    .user-login {

        width: 70%;

    }

    .contact-page .lft-sec .post-title {

        padding: 21px 15px 21px;

    }

    div#navbarCollapse a {

        font-size: 14px;

    }

    .dash-sign-blk form span::after {

        left: 43px;

    }

    section.get-matched {

        background-size: 130%;

    }

}

/*=============RESPONSIVE 991PX =============*/

@media all and (max-width: 991px) {

    div#navbarCollapse a {

        font-size: 12px;

        padding: 10px 5px !important;

    }

    .navbar-expand-md {

        flex-direction: column;

    }

    .bnr-heading h1 {

        font-size: 55px;

    }

    .bnr-heading h2 {

        font-size: 55px;

    }

    .bnr-heading p {

        font-size: 16px;

        margin-top: 10px;

    }

    .banner-form label {

        width: auto;

        float: left;

    }

    .banner-form {

        padding: 10px 12px;

        width: 700px;

        border-radius: 45px;

    }

    .banner-form button {

        padding: 13px 60px;

        margin: 7px 10px 0;

        float: right;

    }

    .carousel-item.active {

        padding: 250px 0 0px;

    }

    .simple-images img,
    .simp-img3 img {

        padding: 40px 50px 50px;

    }

    .simple-images {

        width: 160px;

        height: 160px;

    }

    .simple.Steps h3 {

        font-size: 16px;

    }

    .step-txt1::before,
    .step-txt2::before {

        width: 76px;

        height: 14px;

        right: -39px;

        background-size: 72px;

    }

    .get-title h2::before {

        left: -174px;

        width: 40%;

        height: 520px;

        top: 34px;

        background-size: 190px;

    }

    footer {

        padding-top: 60px;

    }

    footer>div>.row>div:first-child {

        margin-bottom: 40px;

    }

    .ftrinr-info p,
    .footer-inner ul li a {

        font-size: 14px;

    }

    .footer-inner ul {

        display: inline-block;

        float: right;

    }

    .footer-inner ul li {

        display: inline-block;

    }

    .inner-cap h4 {

        font-size: 55px;

    }

    .career-heading h2 {

        font-size: 45px;

    }

    .contact-page .cont-info .cntct-rnd {

        width: 50px;

        height: 50px;

        line-height: 44px;

        min-width: 50px;

    }

    .contact-page .lft-sec {

        background-color: #0082a7;

    }

    .contact-page .post-sec {

        box-shadow: none;

    }

    div#navbarCollapse a.prof-drop {

        padding: 2px 3px !important;

    }

    .dash-sign-sec .dash-sign-blk h4 {

        font-size: 40px;

    }

    .dash-sign-sec .dash-sign-blk p {

        font-size: 18px;

    }

    .needs-validation .post-opt p {

        position: relative;

        top: 4px;

    }

    .dash-sign-sec .dash-sign-blk {

        width: 70%;

        padding: 30px 50px 70px;

    }

    .get-title h2::before {

        display: none;

    }

    section.get-matched {

        background: #008CB3;

        background-size: cover;

        padding-top: 0;

        padding-bottom: 60px;

        background-position: right top;

        height: auto;

    }

    .get-matched .row>div:last-child {

        padding-left: 15px;

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .get-title {

        margin-left: 0;

        padding: 30px 0 0;

    }

    .get-title+.upload-btn {

        margin-left: 0;

    }

    .drop-zone span {



        padding: 0px 10px;

    }



    .file-image {

        top: 8px;

        right: 0px;

    }

}

/*=============RESPONSIVE 767PX =============*/

@media all and (max-width: 767px) {

    .main-content-wrap.sidenav-open {

        margin: 0 !important;



    }

    .navbar-expand-md {

        flex-direction: row;

    }

    .bnr-heading h1 {

        font-size: 45px;

    }

    .bnr-heading h2 {

        font-size: 45px;

    }

    .banner-form label {

        float: left;

        width: 100%;

    }

    .banner-form {

        width: 90%;

    }

    .banner-form button {

        float: none;

        margin: 10px auto 12px;

        display: block;

    }

    .step-txt1::before,
    .step-txt2::before {

        display: none;

    }

    .simple.Steps>div>div:last-child {

        margin-bottom: 0;

    }

    .simple.Steps>div>div {

        margin-bottom: 50px;

    }

    .get-title h2 {

        font-size: 40px;

    }

    .get-title p {

        font-size: 18px;

        width: 100%;

        margin-top: 10px;

        margin-bottom: 40px;

    }

    .upload-btn a::after {

        width: 98px;

    }

    .footer-inner {

        text-align: center;

    }

    .footer-inner ul {

        float: none;

        margin: 6px 0 0;

    }

    footer>div>.row>div {

        margin-bottom: 40px;

    }

    header {

        /*position: initial;*/

    }

    .carousel-item.active {

        padding: 212px 0 0px;

    }

    .row.rw-h {

        padding-right: 20px;

    }

    .banner-form label:nth-child(2) {

        border-left: none;

    }

    .dropdown.login-drop button {

        width: 100%;

        outline: none !important;

        box-shadow: none !important;

    }

    .navbar-nav .login-drop .dropdown-menu {

        width: 100%;

        right: 0;

        text-align: center;

    }

    .dropdown.login-drop {

        width: 100%;

        text-align: center;

        margin-bottom: 5px;

    }

    .inner-cap h4 {

        font-size: 45px;

        top: 0;

    }

    section.inner-banner img {

        height: 230px;

    }

    section.article-sec {

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .article-blk p {

        font-size: 15px;

        line-height: 26px;

    }

    .article-blk h2 {

        font-size: 30px;

        margin: 20px 0 10px 0;

    }

    .career-heading h2 {

        font-size: 30px;

    }

    section.career-advice {

        padding-top: 20px;

        padding-bottom: 0px;

    }

    .main-rev h6 {

        font-size: 25px;

        margin-right: 0;

        display: block;

    }

    .inner-cap.no-flex h4 {

        margin-top: 10px;

    }

    .user-login {

        width: 100%;

    }

    section.login-sec {

        padding: 60px 0px 60px;

    }

    section.career-advice.about-page {

        padding-top: 60px;

        padding-bottom: 10px;

    }

    .contact-page .lft-sec {

        background-color: transparent;

    }

    section.contact-page {

        padding-top: 60px;

        padding-bottom: 25px;

    }

    div#navbarCollapse a {

        font-size: 15px;

        padding: 10px 25px !important;

    }

    div#navbarCollapse a.prof-drop {

        margin-top: 10px;

    }

    .dash-sign-sec .dash-sign-blk {

        width: 100%;

        margin-top: 0px;

    }

    section.dash-sign-sec .dash-sign-blk>p {

        text-align: center;

    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {

        left: 50%;

        transform: translateX(-50%);

    }

    .drop-zone span {



        padding: 0px 10px;

    }



    .file-image {

        top: 8px;

        right: 0px;

    }

    .alert.alert-danger>.row>div {

        width: 50%;

    }

}

/*=============RESPONSIVE 576PX =============*/

@media all and (max-width: 576px) {

    .inner-divbar .prof-drop {

        max-width: 155px;

        margin: 0 auto 8px;

    }

    .drop-zone span {



        padding: 0px 10px;

    }



    .file-image {

        top: 8px;

        right: 0px;

    }

    section.career-advice.about-page {

        padding-left: 15px;

        padding-right: 15px;

    }

    .contact-page .post-title {

        padding: 15px 10px 5px;

    }

    .alert-danger h6,
    .alert-danger h6 strong {

        font-size: 12px;

    }

    .alert-danger a {

        font-size: 12px;

        padding: 4px 13px;

    }

    a.nav-item.nav-link.reg-btn {

        margin-right: 0px;

    }

    div#navbarCollapse a.prof-drop {

        max-width: 150px;

    }

    table.job-det {
        display: inline-block;
    }



    .job-det td {

        display: block;

    }

    .post-opt p {



        font-size: 15px;



    }

    .job-table.job-resum h4 {

        font-size: 18px;

    }

    .edu-faq .card button {



        padding: 5px 0;

    }

}

/*=============RESPONSIVE 550PX =============*/

@media all and (max-width: 550px) {

    .bnr-heading h1,
    .bnr-heading h2 {

        font-size: 30px;

    }



    .bnr-heading p {

        font-size: 15px;

        margin-top: 0;

    }

    .banner-form input {

        padding: 9px 0px 20px 40px;

        font-size: 14px;

    }

    .banner-form label:nth-child(1):before {

        top: 9px;

        font-size: 16px;

    }

    .banner-form label:nth-child(2):before {

        top: 6px;

        left: 13px;

        font-size: 20px;

    }

    .title-heading h2 {

        font-size: 30px;

        margin-bottom: 40px;

    }

    section.simple-steps {

        padding-top: 60px;

        padding-bottom: 60px;

    }

    .get-title h2 {

        font-size: 30px;

    }

    .get-title p {

        font-size: 15px;

        margin-top: 15px;

        margin-bottom: 0;

    }

    .upload-btn a {

        font-size: 14px;

    }

    .upload-btn i {

        top: -1px;

        position: relative;

    }

    section.feature-sec {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    .find-job {

        margin-top: 40px;

    }

    footer ul li a {

        font-size: 15px;

    }

    .ftr-info {

        padding: 10px 0px;

    }

    footer>div>.row>div:first-child {

        margin-bottom: 35px;

        margin-left: 0;

    }

    footer>div>.row>div {

        margin-left: -15px;

    }

    .footer-inner {

        padding: 0px;

    }

    .dummy-txt p {

        font-size: 15px;

        min-height: auto;

        max-height: 100%;

    }

    .dummy-txt h2 {

        font-size: 20px;

        margin-top: 8px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: initial;

    }

    .price-area {

        margin-top: 20px;

    }

    .price h3 {

        font-size: 20px;

    }

    .apply a {

        font-size: 15px;

        padding: 15px 22px;

    }

    .ftrinr-info p,
    .footer-inner ul li a {

        font-size: 12px;

    }

    .inner-cap h4 {

        font-size: 30px;

        top: 0;

    }

    section.inner-banner img {

        height: 200px;

    }

    .main-rev h6 {

        font-size: 20px;

    }

    .main-rev li {

        font-size: 25px;

    }

    .main-rev>div>div {

        margin: 0 auto 60px;

        padding: 25px 0 17px;

    }

    .user-maininfo h4 {

        font-size: 30px;

    }

    .user-login {

        margin: 0px auto;

        padding: 30px 0px 45px;

    }

    .user-maininfo p {

        font-size: 16px;

        padding-bottom: 8px;

    }

    .user-login form button {

        font-size: 15px;

    }

    .about-page p {

        font-size: 15px;

    }

    section.career-advice.about-page {

        padding-top: 50px;

        padding-bottom: 10px;

    }

    .dash-sign-sec .dash-sign-blk h4 {

        font-size: 30px;

        padding: 10px 0 0;

    }

    .dash-sign-sec .dash-sign-blk p {

        font-size: 15px;

    }

    .review-form h4,
    .review-form h5 {

        font-size: 18px !important;

    }

    .open-close-sec a {

        float: left;

        width: 100%;

        border-radius: 0;

    }

    .open-close-sec {

        padding: 0 0 0 10px;

    }

    .search-bar {

        display: inline-block;

        width: 100%;

        padding: 0 0 0 10px;

    }

    .search-bar input {

        width: 100%;

        margin-bottom: 15px;

    }

    .job-titles {

        margin-right: 0;

    }

    .drop-zone span {



        padding: 0px 10px;

    }



    .file-image {

        top: 8px;

        right: 0px;

    }

    .checkmark {

        top: 9px;

    }

}

.statusView {
    font-family: "poppins-regular" !important;
}

/*----------EDUCATION FORM PAGE START------------*/
section.signin {
    padding: 60px 0 0 0px;
}

.signin-main .row {
    justify-content: center;
}

.form-blk {
    width: 60%;
    display: inline-block;
    text-align: left;
    margin-top: 70px;
    padding: 20px;
    /*border: 2px solid #dcdcdc;*/
}

.edu-contact-appli {
    display: flex;
    justify-content: space-between;
    margin: 25px 0 10px;
}

section.signin {
    text-align: center;
}

.signin-main {
    padding: 50px 30px;
}

.signin-main .input-group-text {
    background-color: #fff;
    border-radius: 0;
    width: 70px;
}

.edu-justin-appli-cv {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 10px;
    align-items: baseline;
}

.edu-justin-box {
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 20px;
}

.edu-justin-box p {
    margin: 0 auto;
    color: #017bff;
}

.edu-justin-notice p {
    margin: 25px 0 20px 0;
    font-size: 17px;
    font-weight: 500;
}

.edu-justin-notice a {
    text-decoration: underline !important;
    margin-left: 6px;
    font-weight: 600;
}

.edu-review-application-all {
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 20px;
}

.edu-justin-email {
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    margin: 20px 0;
}

.edu-justin-notice {
    border-bottom: 1px solid #ECECEC;
}

.edu-justin-content p {
    color: #767676;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    margin: 15px 0 10px 0;
}

.edu-justin-btn {
    text-align: right;
    margin: 30px 0;
}

.edu-justin-btn button {
    border: none;
    background: transparent;
    color: #2557a7;
    font-size: 17px;
    font-weight: 700;
}

.edu-justin-btn .justin-application {
    background-color: #2557a7;
    padding: 9px 15px;
    color: #fff;
    margin-left: 15px;
    border-radius: 7px;
}

.justin-issue {
    text-align: center;
    margin: 35px 0 0 0;
}

.justin-issue a {
    display: inline-block;
    font-size: 15px;
    text-decoration: underline !important;
    font-weight: 700;
}

.justin-issue p {
    font-size: 15px;
    font-weight: 500;
}

.edu-contact-appli button {
    background: transparent;
    border: transparent;
    color: #017bff;
    font-size: 17px;
    font-weight: 700;
}

.edu-justin-mod label {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 0px 0;
}

.edu-justin-mod input {
    width: 100%;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin: 10px 0;
}

.edu-ju-bt {
    background-color: #2557a7;
    color: #fff;
    font-weight: 600;
}

.edu-contact-appli .btn-primary:hover {
    color: #007bff;
    background-color: transparent;
    border-color: transparent;
}

.edu-interview-heading {
    border-bottom: 1px solid #ECECEC;
    margin: 0 0 15px;
}

.edu-interview-btn {
    text-align: center;
}

.edu-interview-btn button {
    width: 60%;
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
    background: transparent;
    border-radius: 8px;
    color: #007bff;
    font-size: 16px;
    font-weight: 700;
}

.edu-interview-btn button:hover {
    background-color: #007bff;
    color: #ffff;
}

.edu-interview-day {
    text-align: center;
}

.edu-interview-day span {
    margin-right: 10px;
}

.edu-interview-nolonger {
    margin: 25px 0 15px 0;
    border-bottom: 1px solid #ECECEC;
    padding: 10px 0 35px;
}

.edu-interview-nolonger a {
    text-decoration: underline !important;
}

.edu-interview-last p {
    color: #767676;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    margin: 15px 0 10px 0;
}

.edu-interview-last p a {
    text-decoration: underline !important;
}

.edu-interview-thank {
    text-align: center;
}

.edu-interview-thank h2 {
    font-size: 35px;
}

.edu-interview-submit ul li {
    list-style-type: initial;
    margin: 9px 30px;
}

.edu-interview-submit a {
    margin-left: 28px;
}

.edu-interview-submit {
    border-bottom: 1px solid #ECECEC;
    margin: 25px 0;
}

.edu-keeptrack p {
    color: #767676;
    font-size: 14px;
    margin: 0 auto;
}

.edu-keeptrack a {
    text-decoration: underline !important;
}

.edu-return-job {
    text-align: center;
}

.edu-return-job button {
    width: 50%;
    margin: 20px 0 0;
    border: 1px solid #ECECEC;
    background: transparent;
    padding: 10px;
    border-radius: 9px;
}

.edu-interview-last {
    text-align: center;
    margin: 25px 0 0 0;
}

.edu-interview-thank img {
    width: 70%;
}


/*----------EDUCATION FORM PAGE END------------*/