@import url("https://fonts.cdnfonts.com/css/inter");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

body {
  font-size: 14px;
}

.img-responsive {
  width: 100%;
  height: auto;
}

#navbar {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #237ffe;
  font-weight: 400;
}

#navbar .nav-item {
  padding: 7px 10px;
  transition: 0.3s all;
}

#navbar .nav-link {
  transition: 0.3s all;
  color: #237ffe;
}

#navbar .nav-link:hover {
  transition: 0.3s all;
  color: #fe5e04;
}

.right-nav {
  margin-left: 300px;
  margin-right: -25px;
}

.primary-btn {
  border: none;
  outline: none;
  border-radius: 20px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  background-color: transparent;
  padding: 2px 20px;
}

.tab_active{
  color: #fe5e04;
}

/* .primary-btn:hover {
    background-color: #FFF;
    color: #FE5E04;
    transition: .3s all;
} */

.sec-btn {
  border: none;
  outline: none;
  border-radius: 20px;
  background: #fe5e04;
  border: 1px solid #fe5e04;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 2px 20px;
}

.sec-btn:hover {
  background-color: transparent;
  border: 1px solid #fe5e04;
  color: #fe5e04;
  transition: 0.3s all;
}

.home-background {
  position: absolute;
  top: 0;
  right: 0;
}

.banner-area {
  margin-top: 100px;
  margin-bottom: 100px;
}

#banner-head {
  color: #25436e;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 30px;
}

#banner-search {
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 20px;
  background: #e4eefe;
  padding: 15px 20px;
  width: fit-content;
  margin-bottom: 30px;
}

#banner-search input {
  outline: none;
  border: none;
  background-color: transparent;
}

#banner-search input::placeholder {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.form-select {
  border: none;
  outline: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}

#banner-search2 {
  border-radius: 50px;
  background: #046cfc;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#banner-search2 i {
  color: #fff;
}

#ppsearch {
  color: #25436e;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 25px;
}

.psearchR {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
}

#psearch {
  outline: none;
  border: none;
  background-color: transparent;
  color: #25436e;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #1e4f93;
  padding: 10px;
}

#psearch1 {
  outline: none;
  border: none;
  background-color: #fe5e04;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #fe5e04;
  padding: 10px;
}

#psearch2 {
  outline: none;
  border: none;
  background-color: #679034;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #679034;
  padding: 10px;
}

.navbar-light .navbar-toggler {
  outline: none;
  border: none;
}

.navbar-light .navbar-toggler-icon {
  background-image: url(./images/burger.svg);
}

.people-list {
  display: flex;
  gap: 5px;
  margin-top: 30px;
}

.people span {
  background-color: #237ffe;
  color: #fff;
  font-size: 30px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.people {
  position: relative;
  top: 0;
  transition: top 300ms;
  cursor: pointer;
}

.people:not(:first-child) {
  margin-left: -20px;
}

.people:hover {
  z-index: 1;
  top: -5px;
}

#featurehd {
  color: #25436e;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  margin-bottom: 40px;
}

.featuredRow {
  border-radius: 20px;
  background: rgba(253, 239, 231, 0.6);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 20px 10px;
  cursor: pointer;
}

.featuredRow1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.featuredRow1A {
  display: flex;
  gap: 10px;
}

#featuredRowA2h {
  color: #1e4f93;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

#featuredRowA2h span {
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

#featuredRowh {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 12px;
}

.part-full {
  display: flex;
  gap: 17px;
  margin-bottom: 20px;
}

.part-fulla {
  color: #5d5a5a;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.featuredRow p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 22px;
}

.priceApp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ftBtn {
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  border-radius: 20px;
  background: #fe5e04;
  border: 1px solid #fe5e04;
  padding: 7px 30px;
}

#ftBtn:hover {
  background-color: #fff;
  color: #fe5e04;
  border: 1px solid #fe5e04;
  transition: 0.3s all;
}

#ftBtn1 {
  border: none;
  outline: none;
  color: #fe5e04;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #ffff;
  padding: 7px 30px;
}

#ftBtn1:hover {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  transition: 0.3s all;
}

.priceApp1 {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.featuredRows {
  margin-bottom: 20px;
}

.featNavi {
  display: flex;
  justify-content: right;
  gap: 10px;
  margin-top: 60px;
  margin-bottom: 107px;
}

#featNavi1 {
  background-color: #25436e;
  width: 25px;
  height: 25px;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#featNavi2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 1px solid #25436e;
  color: #25436e;
  font-weight: 600;
  border-radius: 50%;
  cursor: pointer;
}

#featNavi2:hover {
  background-color: #25436e;
  color: #fff;
}

.jobListingR1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.jobListingR1a {
  color: #25436e;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
}

.jobListingR1b {
  color: #25436e;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.jobListingrow {
  border-radius: 10px;
  border: 1px solid #e9e7e7;
  padding: 30px;
  cursor: pointer;
}

.jobListingrow img {
  width: 100%;
}

#jobListingrowh {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 6px;
}

#jobListingLoc {
  display: flex;
  gap: 13px;
  margin-bottom: 10px;
}

#jobListingLoci {
  color: #fe5e04;
  font-size: 12px;
}

#jobListingLocii {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

#jobListingApl {
  display: flex;
  justify-content: space-between;
}

#jobListingApl1 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#jobListingApl1 span {
  color: #237ffe;
}

.jobListingrows {
  margin-bottom: 20px;
}

.experienceSect {
  margin-top: 100px;
  margin-bottom: 100px;
}

.experienceSectrow2 {
  display: flex;
  gap: 25px;
  margin-bottom: 25px;
}

.experienceSectrow2A {
  display: flex;
  gap: 10px;
  align-items: center;
}

#experienceSectrow1h {
  color: #1e4f93;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 20px;
}

.experienceSectrow1 p {
  font-size: 16px;
}

.experienceSectrow2A2 {
  color: #1e4f93;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.experienceSectrow2A2 span {
  color: #fe5e04;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.carousel .testimonial {
  padding: 0 15px 0 60px;
  position: relative;
}

.carousel .carousel-indicators {
  bottom: -70px;
}
.carousel-indicators li,
.carousel-indicators li.active {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 1px 3px;
}
.carousel-indicators li {
  background: #fff;
  border: 1px solid #25436e;
}
.carousel-indicators li.active {
  color: #25436e;
  background: #25436e;
  border: 1px double;
}

.testimonial1 {
  background-color: #d9d9d9;
  padding: 30px;
  text-align: center;
  border-radius: 30px 30px 0px 0px;
}

.testimonial2 {
  background-color: #679034;
  color: #fff;
  border-radius: 0px 0px 30px 30px;
  padding: 30px;
  text-align: center;
}

.testimonialimg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: -20px;
}

#testimonial2-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 38px;
  gap: 10px;
}

#testimonial2-icons a {
  color: #fff;
}

#testimonial2-icons a:hover {
  color: #1c47e3;
}

.testimonialHd {
  font-size: 32px;
  font-weight: 800;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  color: #25436e;
  margin-bottom: 60px;
}

.testimonial1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.testimonial1 span {
  font-size: 14px;
  font-weight: 400;
}

.testimonial2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
}

.container-xl {
  margin-bottom: 100px;
}

.latestAritcle {
  background-color: #fe5e04;
  padding-top: 43px;
  height: 320px;
  margin-bottom: 250px;
}

.latestAritcleboxh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 59px;
}

.latestAritcleboxh2 {
  display: flex;
  gap: 20px;
}

#lcab-l,
#lcab-R {
  cursor: pointer;
}

.latestAritcleboxh2 i {
  border: 2px solid #fff;
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.latestAritcleboxh1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 39px;
  color: #fff;
}

.lcab {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

#lcabtxt {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  color: #1e4f93;
  margin-top: 16px;
  margin-bottom: 20px;
}

#lcablm {
  display: flex;
  justify-content: right;
}

.lcab img {
  width: 100%;
}

#lcablm a {
  color: #fe5e04;
  text-decoration: none;
}

.footer {
  background-color: #0e274a;
  color: #fff;
  padding-top: 43px;
  padding-bottom: 43px;
}

#footerHd {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 40px;
}

.footer ul li {
  list-style: none;
  line-height: 40px;
}

.footer ul li a {
  text-decoration: none;
  color: #fff;
}

.footer ul li a:hover {
  color: #fe5e04;
}

#flogo {
  margin-bottom: 40px;
}

.footer ul li i {
  margin-right: 15px;
}

.footerRow {
  margin-bottom: 50px;
}

#footerIcons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
  margin-bottom: 29px;
}

#footerIcons i {
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #25436e;
}

#footerIcons a {
  text-decoration: none;
}

#f-copyright {
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
}

.jb-banner {
  overflow-x: hidden;
  margin-bottom: 94px;
}

.jb-banner .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.jb-bannerR img {
  width: 100%;
}

.jb-bannerLt {
  padding-top: 98px;
  padding-left: 130px;
  padding-right: 30px;
}

.jb-bannerL {
  background-color: #0e274a;
  color: #fff;
}

#jb-bannerLh {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.detailsBodyL1 {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}

.detailsBodyL1b {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #25436e;
}

.detailsBodyL1b span {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-right: 10px;
}

#detailsBodyL1h {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #25436e;
  margin-bottom: 20px;
}

#dbp {
  font-size: 16px;
  margin-bottom: 40px;
}

.detailsBody ul li {
  font-size: 16px;
  margin-bottom: 15px;
  margin-left: 15px;
}

.detailsBody {
  margin-bottom: 100px;
}

.detailsBody2 {
  padding: 20px 30px 20px 30px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  margin-bottom: 41px;
}

#detailsBody2h {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #25436e;
  margin-bottom: 40px;
}

.detailsBody2Row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}

#detailsBody2Row1 {
  font-size: 16px;
}

.detailsBody2 button {
  border: none;
  outline: none;
  color: #fff;
  background-color: #fe5e04;
  padding: 10px;
  border-radius: 20px;
  width: 80px;
}

.detailsBody2 button:hover {
  background-color: transparent;
  border: 1px solid #fe5e04;
  color: #fe5e04;
}

#latest_jobspagehd {
  font-size: 32px;
  font-weight: 700;
  color: #25436e;
  margin-bottom: 30px;
}

.latest_jobspageBox {
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
    rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
  padding: 10px 20px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.latest_jobspageBoxnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.latest_jobspageBoxnavR {
  font-size: 18px;
  font-weight: 600;
}

.latest_jobspageBoxnavL {
  font-size: 18px;
}

#latest_jobspagesb {
  font-size: 14px;
  font-weight: 500;
  color: #237ffe;
  margin-bottom: 15px;
}

.latest_jobspageBoxmenu1 {
  display: flex;
  gap: 5px;
  align-items: center;
}

.latest_jobspageBoxmenu1a {
  color: #fe5e04;
  font-size: 11px;
}

.latest_jobspageBoxmenu1b {
  font-size: 12px;
  color: #5d5a5a;
}

.latest_jobspageBoxmenu {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.latest_jobspageBoxft {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.latest_jobspageBoxft2 button {
  border: none;
  outline: none;
  background-color: #fe5e04;
  padding: 5px 20px;
  border-radius: 20px;
  color: #fff;
}

.latest_jobspageBox_navi {
  display: flex;
  justify-content: space-between;
  margin-bottom: 139px;
  margin-top: 40px;
}

#latest_jobspageBox_btn {
  border: none;
  outline: none;
  background-color: transparent;
  border: 1px solid #c5d5ec;
  padding: 5px 20px;
  border-radius: 20px;
  font-size: 12px;
  color: #25436e;
}

#contactHd {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 87px;
  color: #0e274a;
  text-align: center;
}

.contact_row input {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #000000;
  padding: 5px;
  margin-bottom: 87px;
}

.contact_row textarea {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #000000;
  padding: 5px;
  margin-bottom: 87px;
}

.contact_row input::placeholder {
  font-size: 16px;
}

#contactpgbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}

#contactpgbtn button {
  border: none;
  outline: none;
  background-color: #fe5e04;
  padding: 10px 20px;
  border-radius: 20px;
  color: #fff;
}

.loginPage {
  height: 100vh;
}

.loginPageL {
  background-color: #25436e;
  color: #fff;
  padding-bottom: 50px;
}

.loginPageR {
  padding-top: 147px;
  padding-left: 89px;
  padding-right: 150px;
  padding-bottom: 50px;
}

#loginPageLogo {
  padding-left: 100px;
  margin-bottom: 200px;
  padding-top: 20px;
}

.loginPageMain {
  padding-left: 100px;
  padding-right: 145px;
}

#loginPageMainhd {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 30px;
  line-height: 48.41px;
}

.loginPageMain p {
  font-size: 16px;
}

#loginPageRhd {
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
  color: #25436e;
  margin-bottom: 50px;
}

.loginPageR-field {
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #000;
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  margin-bottom: 30px;
}

.signuoPageimp input {
  border: none;
  outline: none;
  width: 100%;
  border: 1px solid #000;
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  margin-bottom: 30px;
}

.signuoPageimp input::placeholder {
  font-size: 16px;
  font-weight: 400;
}

#loginPageR-fieldc input {
  border: none;
  outline: none;
  width: 350px;
}

#loginPageR-fieldc input::placeholder {
  font-size: 16px;
  font-weight: 400;
}

#loginPageR-fielda {
  font-size: 16px;
}

.staySigned {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

#staySignedR a {
  text-decoration: none;
  color: #000;
}

.loginPageR button {
  border: none;
  outline: none;
  background-color: #fe5e04;
  padding: 10px 25px;
  border-radius: 20px;
  color: #fff;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 278px;
  background-color: #25436e;
  position: fixed;
  height: 100vh;
  overflow: auto;
}

.sidebar a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 20px;
  text-decoration: none;
  margin-left: 50px;
}

.sidebar a.active {
  background-color: #fff;
  color: #fe5e04;
  border-radius: 30px 0px 0px 30px;
  font-weight: 500;
}

/* .sidebar a:hover:not(.active) {
  background-color: #fff;
  color: #fe5e04;
  border-radius: 30px 0px 0px 30px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
} */

div.content {
  margin-left: 278px;
  padding: 1px 16px;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {
    float: left;
  }
  div.content {
    margin-left: 0;
  }
  .sidebar a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 20px;
    text-decoration: none;
    margin-left: 0px;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
    margin-left: 0px;
  }
}

.dashfixed {
  position: fixed;
  width: 278px;
  margin-left: 278px;
}

#dashboard_nav_logo {
  margin-bottom: 47px;
}

.dashboard_nav_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: -20px;
  margin-right: -16px;
}

.dashboard_nav_menu3 {
  display: flex;
  gap: 30px;
}

#dashboard_nav_menu1h {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #1e4f93;
}

.dashboard_nav_menu2 {
  display: flex;
  gap: 10px;
  align-items: center;
  border: 1px solid #25436e;
  padding: 7px 20px;
  border-radius: 20px;
  width: 350px;
}

.dashboard_nav_menu2 i {
  color: #25436e;
}

.dashboard_nav_menu2 input::placeholder {
  font-size: 14px;
  font-weight: 200;
  color: #25436e;
}

.dashboard_nav_menu2 input {
  border: none;
  outline: none;
}

#dashboard_nav_menu32 {
  display: flex;
  align-items: center;
  gap: 5px;
}

#dash_username {
  font-size: 16px;
  color: #25436e;
}

#dashboard_nav_menu31 {
  display: flex;
  gap: 15px;
  align-items: center;
}

#dashboard_nav_menu31a i {
  color: #25436e;
  font-size: 25px;
}

#dashboard_nav_menu31a {
  position: relative;
}

#dashboard_nav_menu31a span {
  background-color: #fd591b;
  width: 12px;
  height: 12px;
  padding: 4px 6px;
  border-radius: 50%;
  font-size: 8px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 10px;
  top: 0px;
}

.content_body {
  padding: 30px;
}

#app_history {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #25436e;
  margin-bottom: 40px;
}

.app_historyBoxnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.app_historyBoxnav1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.app_historyBox {
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
    rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.app_historyBoxnav2 button {
  border: none;
  outline: none;
  border: 1px solid #fe5e04;
  color: #fe5e04;
  background-color: transparent;
  font-size: 10px;
  padding: 10px 14px;
  border-radius: 20px;
}

#app_historyBoxsub {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: #237ffe;
  margin-bottom: 5px;
}

.app_historyBoxapp-date p {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #5d5a5a;
  margin-bottom: 10px;
}

.app_historyBoxapp-date p span {
  color: #5d5a5a;
  font-size: 12px;
  font-weight: 300;
}

#change_phead {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #25436e;
  text-align: center;
  padding-bottom: 12px;
}

#change_pp {
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  padding-bottom: 30px;
}

#change_pp2 {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  margin-bottom: 5px;
}

#change_pp_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

#change_pp_btn button {
  border: none;
  outline: none;
  background-color: #fe5e04;
  padding: 10px 15px;
  border-radius: 20px;
  color: #fff;
}

.upload_dropZone {
  color: #0f3c4b;
  background-color: #d9d9d94d;
  outline: 2px dashed #000;
  transition: outline-offset 0.2s ease-out, outline-color 0.3s ease-in-out,
    background-color 0.2s ease-out;
  border-radius: 20px;
}
.upload_dropZone.highlight {
  outline-offset: -4px;
  outline-color: #0576bd;
  background-color: #d9d9d94d;
}

#upload_svg i {
  background-color: #c8dbf6;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  padding-top: 18px;
  font-size: 30px;
  color: #25436e;
}

#upload_svg {
  margin-bottom: 30px;
  margin-top: 30px;
}

#small {
  font-size: 20px;
  font-weight: 500;
  color: #5d5a5a;
}

.btn-upload {
  color: #237ffe;
  font-size: 12px;
  outline: none;
  border: none;
  font-weight: 500;
}

.btn-upload span {
  color: #000;
  font-weight: 300;
}

.upload_img {
  width: calc(33.333% - (2rem / 3));
  object-fit: contain;
}

#req_doc {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #25436e;
  margin-bottom: 9px;
  margin-top: 40px;
}

.profile_banner {
  background-color: #162c4a;
  height: 127px;
  margin-left: -47px;
  margin-right: -46px;
  margin-top: -30px;
  padding-top: 60px;
  padding-left: 96px;
  padding-right: 150px;
}

.profile_bodyBox {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  padding: 20px;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  top: -70px;
}

.table td span {
  color: #eb5f41;
  margin-right: 5px;
}

.table-responsive {
  margin-bottom: 50px;
}

.tab {
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  border-radius: 10px;
  margin-bottom: 40px;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 23px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
}

.tab button:hover {
  color: #fe5e04;
}

.tab button.active {
  color: #fe5e04;
  font-weight: 600;
}

.tabcontent {
  padding: 6px 12px;
  border-top: none;
}

#personal-info_pic {
  display: flex;
  gap: 13px;
  align-items: center;
}

#personal-info_pic2hd {
  font-size: 20px;
  font-weight: 500;
  color: #25436e;
}

#personal-info_pic2hd span {
  font-size: 10px;
  font-weight: 400;
}

#personal-info_pic1 {
  position: relative;
}

#personal-info_pic1 img {
  border-radius: 50%;
  height: 69px;
  width: 69px;
}

#personal-info_pic-cam {
  position: absolute;
  bottom: 0px;
  right: 0;
}

#personal-info_pic {
  margin-bottom: 40px;
}

.personal-info-inp p {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 5px;
}

.personal-info-inp input {
  width: 100%;
  border: none;
  outline: none;
  border: 1px solid #e9e7e7;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 30px;
}

.personal-info-inp input::placeholder {
  font-size: 12px;
}

.personal-info-inp .form-select {
  width: 100%;
  border: none;
  outline: none;
  border: 1px solid #e9e7e7;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 30px;
  font-size: 12px;
}

.personal-info-inp textarea {
  width: 100%;
  border: none;
  outline: none;
  border: 1px solid #e9e7e7;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 30px;
  font-size: 12px;
}

#profileBody-btn {
  display: flex;
  justify-content: right;
}

#profileBody-btn button {
  border: none;
  outline: none;
  background-color: #fe5e04;
  color: #fff;
  padding: 10px 20px;
  border-radius: 20px;
}

.tabcontent h3 {
  color: #25436e;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 30px;
}

.dashboard_searchnav {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 40px;
}

#dashboard_searchnavhd {
  font-size: 16px;
  font-weight: 500;
  color: #25436e;
  line-height: 20px;
}

#dashboard_searchnav_select .form-select {
  border: none;
  outline: none;
  width: 180px;
  border: 1px solid #877c7c;
  padding: 10px;
  border-radius: 10px;
  font-weight: 300;
  color: #655d5d;
}

.dashboard-chart_box {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  padding: 20px 30px;
  border-radius: 10px;
}

.dashboard-chart_boxx {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  padding: 10px;
  border-radius: 10px;
}

.dashboard-chart_box2 {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}

.dashboard-chart_box2a {
  background-color: #fbcebd;
  color: #eb5f41;
  height: 61px;
  width: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 25px;
}

#dashboard-chart_boxhd {
  font-size: 24px;
  font-weight: 700;
  color: #25436e;
}

.dashboard-chart_box2b {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.dashboard-chart_box2b span {
  font-size: 14px;
  font-weight: 300;
}

.dashboard-chart_box3 img {
  width: 100%;
}

.dashboard-chart_box4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.dashboard-chart_box4a {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.dashboard-chart_box4a span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.dashboard-chart_box4b {
  background-color: #cdddf4;
  border: 1px solid #237ffe;
  font-size: 12px;
  color: #000;
  padding: 5px 20px;
  border-radius: 20px;
}

#latest_jobspageBoxrec {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #25436e;
  margin-bottom: 21px;
}

#app3 {
  color: #25436e;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 30px;
}

#appo {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #006e33;
}

#saveCinp input {
  width: 10px;
  height: 10px;
  border: 1px solid #cbc6c6;
}

#saveCinp {
  position: absolute;
  bottom: 10px;
}

#saveCinp span {
  font-size: 10px;
}

.successP {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 130px;
  padding-bottom: 50px;
}

#successPhd {
  font-size: 24px;
  font-weight: 900;
  line-height: 29px;
  color: #25436e;
  margin-bottom: 10px;
  margin-top: 26px;
}

.successP p {
  font-size: 16px;
  color: #25436e;
}

/* MEDIA */

@media (max-width: 736px) {
  #saveCinp {
    position: absolute;
    bottom: -10px;
  }

  #dashboard_searchnav_select .form-select {
    border: none;
    outline: none;
    width: 100%;
    border: 1px solid #877c7c;
    padding: 10px;
    border-radius: 10px;
    font-weight: 300;
    color: #655d5d;
    margin-bottom: 20px;
  }

  .dashboard_searchnav {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }

  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 20px;
    transition: 0.3s;
    font-size: 12px;
    font-weight: 500;
  }

  .profile_banner {
    background-color: #162c4a;
    height: 127px;
    margin-left: -47px;
    margin-right: -46px;
    margin-top: -30px;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .profile_banner {
    background-color: #162c4a;
    height: 127px;
    margin-left: -47px;
    margin-right: -46px;
    margin-top: -20px;
  }

  .app_historyBoxnav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
  }

  .content_body {
    padding: 20px;
  }

  .dashboard_nav_menu2 {
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #25436e;
    padding: 7px 20px;
    border-radius: 20px;
    width: auto;
  }

  .dashboard_nav_menu {
    display: flex;
    gap: 15px;
    flex-direction: column;
  }

  #loginPageR-fieldc input::placeholder {
    font-size: 14px;
    font-weight: 400;
  }

  #loginPageR-fieldc input {
    border: none;
    outline: none;
    width: auto;
  }

  .loginPageR {
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
  }

  .loginPageMain {
    padding-left: 30px;
    padding-right: 30px;
  }

  #loginPageLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    margin-bottom: 100px;
  }

  .detailsBodyL1b {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #25436e;
  }

  .detailsBodyL1b span {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin-right: 5px;
  }

  #jb-bannerLh {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
  }

  .jb-bannerLt {
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 20px;
    padding-bottom: 30px;
  }

  #footerHd {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 10px;
    margin-top: 30px;
  }

  .latestAritcle {
    background-color: #fe5e04;
    padding-top: 43px;
    height: auto;
    margin-bottom: 100px;
  }

  .lcab {
    margin-bottom: 20px;
  }

  .experienceSectrow2A2 {
    color: #1e4f93;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
  }

  .experienceSectrow2 {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
  }

  .jobListingrows {
    margin-bottom: 0px;
  }

  .jobListingrow {
    margin-bottom: 20px;
  }

  .featuredRows {
    margin-bottom: 0px;
  }

  .featuredRow {
    margin-bottom: 20px;
  }

  #psearch {
    outline: none;
    border: none;
    background-color: #fe5e04;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 10px;
  }

  #ppsearch {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 25px;
  }

  #banner-head {
    color: #679034;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px #000;
  }

  #banner-search {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 20px;
    background: #e4eefe;
    padding: 15px 20px;
    width: fit-content;
  }

  .right-nav {
    margin-left: 0px;
  }
}

@media screen and (max-width: 1280px) {
  /* #dashboard_searchnav_select .form-select {
        border: none;
        outline: none;
        width: 165px;
        border: 1px solid #877c7c;
        padding: 10px;
        border-radius: 10px;
        font-weight: 300;
        color: #655d5d;
      } */

  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 20px;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 500;
  }
}

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

@media (min-device-width: 737px) and (max-device-width: 991px) {
}

@media only screen and (min-device-width: 737px) and (max-device-width: 767px) {
  /* STYLES GO HERE */
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}